body{ margin: 0; padding: 0; font-size: 14px;}
*{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
.w1400{ width: 1400px; margin: 0 auto;}
ul li{ list-style: none;}
a{ text-decoration: none;}
img{ display: block;}
em{ font-style: normal;}
.fl{ float: left;}
.fr{ float: right;}
button{ outline: none;}


/* 首页 */
.minheight514{ min-height: 514px;}
footer{background: #0f1a34 url(../img/footer_bg.png) center no-repeat;}
.footer_fl{ width: 933px; float: left; border-right: 1px #2b3c4d solid;}
.footer_title{  min-height: 100px; border-bottom: 1px #2b3c4d solid; display: flex; align-items: center;}
.footer_ul{ overflow: hidden; min-height: 352px;}
.footer_ul li{ width: 20%; float: left;}
.footer_ul li h2{ color: #fff; line-height: 100px; font-size: 20px;}
.footer_ul li h2:hover{ font-weight: bold;}
.footer_ul li a{ display: block; line-height: 30px; color: #c4c8cc;}
.footer_ul li a:hover{ color: #05a7f8;}
.footer_footer{ border-top: 1px #2b3c4d solid; display: flex; align-items: center; height: 45px;}
.footer_footer img{ display: inline-block;}
.footer_fr{ width: calc(100% - 934px); float: right; display: flex; align-items: center; justify-content: space-between;}
.footer_footer p{ color: #b0b0b0; font-size: 13px; /* padding-left: 30px; */}
.footer_ewm{margin-top: 25px; line-height: 43px; text-align: center; color: #c4c8cc;font-size: 13px;}
.footer_fr_font{ padding: 0 0 30px 55px; width: 215px;}
.footer_fr_font p{ color: #c4c8cc;  font-size: 13px; line-height: 30px;}
.footer_fr_font h2{ padding: 5px 0 35px; overflow: hidden;}
.footer_fr_font h2 img{ float: left;}
.footer_fr_font h2 p{ /* margin-left: 18px; */ float: left; line-height: 30px; font-size: 18px; color: #FFFFFF; /* border-left: 1px #545b61 solid; padding: 0 18px; */}
.shujufuneng{ position: relative; height: 360px;  background-image: linear-gradient(to bottom, #003c96 , #0c62af);}
.shujufuneng a{ margin: 0 auto; border-radius: 100px; display: block; background-image: linear-gradient(to right, #007ced , #05aaf9); color: #FFFFFF; font-size: 18px; width: 192px; height: 60px; line-height: 60px; text-align: center;}
.shujufuneng h2{ line-height: 100%; padding-bottom: 55px; font-size: 40px; color: #FFFFFF; font-weight: bold;}
.shujufuneng_img{ position: absolute; left: 0; top: 0; height: 100%; width: auto;}
.shujufuneng_width{ padding-top: 137px; position: relative; z-index: 10; text-align: center; width: 980px; float: right;}
.index_title h2{ font-size: 40px; color: #000; position: relative; text-align: center; line-height: 112px;}
.index_title h2::after{ content: ""; width: 80px; height: 4px; background: #003a8c; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.customer{ background: #f0f3f7; padding: 46px 0 64px;}
.customer ul{overflow: hidden; display: flex; align-items: center; justify-content: left;flex-wrap:wrap; width: 1224px; margin: 0 auto;}
.customer ul li{ /* width: 184px; */ height: 95px;  margin:10px;   background: #fff;
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 10%);
    background-color: #fff;border-radius: 8px;}
.customer ul li img{ display: block; /* width: 187px; */ height: 95px;border-radius: 8px;}
.customer .w300 ul li,.customer .w300 ul li img{ width: 300px;}
.customerfive ul li,.customerfive ul li img{ width: 222px;}
.index_title p{ line-height: 32px; text-align: center; color: #838383; font-size: 17px; padding: 30px 0;}
.index_title p span{ margin-right: 10px; position: relative; display: inline-block; padding-right: 15px; line-height: 92px; color: #0159bd; font-size: 30px; font-weight: bold;}
.index_title p span em{ position: absolute; right: 0; top: 30px; font-size: 20px; display: inline-block; line-height: 100%;}
.news{ padding: 24px 0 74px;}

.index_title1 p{ line-height: 32px; text-align: left; color: #838383; font-size: 17px; padding: 30px 0 0;}
.index_title1 p span{ margin-right: 10px; position: relative; display: inline-block; padding-right: 15px; line-height: 92px; color: #0159bd; font-size: 30px; font-weight: bold;}
.index_title1 p span em{ position: absolute; right: 0; top: 30px; font-size: 20px; display: inline-block; line-height: 100%;}
.index_title1 h2{ font-size: 40px; color: #000; position: relative; text-align: center; line-height: 112px;}
.index_title1 h2::after{ content: ""; width: 700px; height: 4px; background: #003a8c; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}


.index_title2 h2{ font-size: 40px; color: #000; position: relative; text-align: center; line-height: 112px;margin-bottom: 35px;}
.index_title2 h2::after{ content: ""; width: 700px; height: 4px; background: #003a8c; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.index_title2 p{ line-height: 30px; text-align: center; color: #838383; font-size: 17px}

.news_fl,.news_fr{ margin-top: 50px;}
.news,.news_fl{ overflow: hidden;}
a.news_btn{ clear: both; margin: 0 auto; display: block; width: 220px; height: 52px; font-size: 15px; color: #fff; text-align: center; line-height: 52px; border-radius: 100px;background-image: linear-gradient(to right, #005aca , #0c8e9a);}
a.news_btn:hover{ background-image: linear-gradient(to right,#0076ee,#00bddf);}
.newsList{ width: 443px; float: left; margin-right: 35px; min-height: 400px;}
.newsList a{ display: block; position: relative;}
.newsList a em,.news_fr h2{ font-size: 14px; position: absolute; left: 30px; top: 15px; background: rgba(185,185,185,0.8); color: #fff;  display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-weight: bold; border-radius: 100px;}
.newsList a img{ width: 100%; height: 280px; margin-bottom: 30px;}
.newsList h2{ height: 50px; overflow: hidden; padding: 0 33px 0; font-size: 20px; font-weight: bold; line-height: 25px; color: #000;}
.newsList p{ height: 65px; line-height: 65px;  margin: 0 33px; font-size: 17px; color: #646464; text-indent: 30px; background: url(../img/icon_newdate.png) left center no-repeat;}
.newsList span{ margin: 0 33px; display: block; height: 52px; overflow: hidden; line-height: 52px; color: #909090; font-size: 17px;}
.news_fr{ position: relative; width: 413px; padding:60px 0 0 30px; height: 400px; /* overflow-y: scroll; */}
.news_fr::-webkit-scrollbar {width : 7px;height: 1px;}
.news_fr::-webkit-scrollbar-thumb {background   : #cacaca;}
.news_fr::-webkit-scrollbar-track {background   : #fff;}
.news_fr ul li{ padding: 17px 60px 17px 0;}
.news_fr ul li h3{ font-size: 18px; line-height: 20px; color: #000;    width: 413px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.news_fr ul li p{ font-size: 15px; color: #bababa; padding-top: 10px;}
.news_fr ul li a:hover h3{ color: #0159bd; font-weight: bold;}
.newsList h2:hover{ color: #0159bd;}
.honor{ padding: 30px 0;}
.honor_list ul{ width: 1112px; margin: 0 auto; display: flex; justify-content:space-around;}
.honor_list ul li p{ line-height: 43px; text-align: center; color: #838383;}
.honor_list_img{ height: 206px; display: flex; align-items: center;}
.honorslide p{ padding: 15px 15px 0; height: 49px; overflow: hidden; text-align: center; line-height: 17px; color: #838383;}
.honor .swiper-container{ width: 1112px; margin: 73px auto 55px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content: '';}
.honornext,.honorprev{ left: 50%; top: 296px; width: 31px; height: 42px;}
.honornext{ margin-left:576px ; background:url(../img/honor_next.png) center no-repeat;}
.honorprev{ left: auto; right: 50%; margin-right:590px ; background:url(../img/honor_prev.png) center no-repeat;}
.honor .w1400{ position: relative;}
.minheight907{ min-height: 907px;}
.database{ background-image: linear-gradient(to bottom, #ffffff 18%,#c7e5ff);}
.database_bg{ background: url(../img/database_bg.png) bottom center no-repeat;}
.database ul{ padding-top: 50px; width: 100%; display: flex; justify-content: space-between;}
.database ul li{ padding-bottom: 13px; position:relative; width: 207px; height: auto;}
.database ul li::after{ z-index: 1; position: absolute; left: 0; bottom: 0; content:""; width: 100%; height: 30px; border-radius: 0 0 10px 10px; background: #FFFFFF; box-shadow: 0 0 35px rgba(0,106,214,0.2);}
.database_con{ position: relative;z-index: 2; border-radius: 10px; background: #FFFFFF;box-shadow: 0 0 35px rgba(0,106,214,0.2);}
.database_con h2{ height: 50px; text-align: center; color: #FFFFFF; line-height: 50px; font-weight: bold; font-size: 17px; border-radius: 10px 10px 0 0; background-image: linear-gradient(to right, #005aca , #209dd9);}
.database_con div{text-align: center; padding: 15px; min-height: 448px;}
.database_con div a{ padding: 0 5px; display:inline-block; line-height: 35px; color: #757575;}
.database ul li:nth-child(1) .database_con div a{ display: inline-block;}
.database .index_title{ padding-top: 36px;}
.developmenthistory{ height: 800px; background: url(../img/development_bg.png) center no-repeat;}
.developmenthistory .index_title,.survey .index_title,.Solution .index_title{ padding-top: 30px;}
.developmenthistory .index_title h2,.advantage .index_title h2{ color: #FFFFFF;}
.developmenthistory .index_title h2::after,.advantage .index_title h2::after{ background: #FFFFFF;}
.developmenthistory .swiper-container{ width: 914px; margin: 135px auto 0;}
.developmenthistorynext{ background: url(../img/developmenthistorynext.png) center no-repeat;}
.developmenthistoryprev{ background: url(../img/developmenthistoryprev.png) center no-repeat;}
.developmenthistory .swiper-slide{ height: 140px; display: flex; align-items: center;}
.developmenthistory dl{ padding: 0 30px 0 250px; overflow: hidden;}
.developmenthistory dl dt{ padding-left: 30px; height: 100%; justify-content:center; width: 220px; display: flex; align-items: center; position: absolute; left: 0; top: 0; color: #6fdeff; font-size: 40px; text-align: center;}
.developmenthistory dl dd a{ color: #FFFFFF; display: block; line-height: 35px; font-size: 15px;}
.database_con a:hover{ color: #003a8c;}
.survey{ height: 684px; background:url(../img/survey_bg.png) 10% center no-repeat ;}
.survey_con{ display: flex; justify-content: space-between; padding-top: 80px;}
.survey_con_font{ padding-left: 100px; width: 500px;}
.survey_con_font p{ padding-top: 0; font-size: 15px; line-height: 30px; color: #838383;}
.survey_con_font a{ margin-top: 40px; display: block; width: 192px; height: 52px; text-align: center; line-height: 52px; color: #0159bd; font-size: 15px; border: 1px #0159bd solid; border-radius: 100px;}
.advantage{ height: 700px; background-image: linear-gradient(to right,#004bb2,#007a99);}
.advantage ul{ display: flex; justify-content: space-between; padding-top: 84px;}
.advantage ul li{ width: 225px;}
.advantage_icon{ position: relative; width: 100%; height: 236px; background: #3080da; border-radius: 15px; box-sizing: border-box; padding-top: 73px;}
.advantage_icon p{ height: 65px; display: flex; justify-content: center; align-items: center;}
.advantage_icon span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 86px; color: #f9f9f9; font-weight: bold; font-size: 20px;}
.advantage ul li:nth-child(2) .advantage_icon{ background: #399fec;}
.advantage ul li:nth-child(3) .advantage_icon{ background: #00afce;}
.advantage ul li:nth-child(4) .advantage_icon{ background: #00bb9e;}
.advantage ul li:nth-child(5) .advantage_icon{ background: #6fc8db;}
.advantage ul li>p{ font-size: 15px; line-height: 25px; color: #f9f9f9;padding:35px 6px 0 ; text-align: justify;}
.advantage .index_title { padding-top: 65px;}
.Solution{ min-height: 907px; background-image: linear-gradient(to bottom,#e1eef6,#fff);padding-bottom: 50px;}
.Solution .index_title p{ padding-top: 30px; font-size: 17px; color: #838383; line-height: 30px}
.Solution_con{display: flex; justify-content: space-between;}
.Solution_tab { padding-top: 111px;}
.Solution_tab ul li{ cursor: pointer; width: 333px; height: 79px; border-bottom: 1px #e5eaf0 solid; text-indent: 110px; font-size: 17px; color: #000; line-height: 79px;}
.Solution_tab ul li span{background:#FFFFFF ;position: relative; display: block; width: 320px; height: 79px;}
.Solution_tab ul li span::after{content: ""; background: url(../img/Solutionicon.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%);}
.Solution_tab ul li:nth-child(1) span::after{ left: 53px; width: 29px; height: 27px; background-position: -47px -1px;}
.Solution_tab ul li:nth-child(2) span::after{ left: 53px; width: 30px; height: 28px; background-position: -46px -35px;}
.Solution_tab ul li:nth-child(3) span::after{ left: 49px; width: 35px; height: 24px; background-position: -43px -69px;}
.Solution_tab ul li:nth-child(4) span::after{ left: 54px; width: 25px; height: 25px; background-position: -48px -100px;}
.Solution_tab ul li:nth-child(5) span::after{ left: 57px; width: 25px; height: 25px; background-position: -48px -131px;}
.Solution_tab ul li:nth-child(6) span::after{ left: 55px; width: 24px; height: 27px; background-position: -48px -164px;}
.Solution_tab ul li:nth-child(7) span::after{ left: 53px; width: 25px; height: 25px; background-position: -48px -197px;}

.Solution_tab ul li.active{ background: url(../img/Solution_tab_iconhover.png) left center no-repeat;}
.Solution_tab ul li.active span{ color: #FFFFFF; background: none;}
.Solution_tab ul li.active:nth-child(1) span::after{ left: 53px; background-position: -4px -1px;}
.Solution_tab ul li.active:nth-child(2) span::after{ left: 53px; background-position: -3px -35px;}
.Solution_tab ul li.active:nth-child(3) span::after{ left: 49px; background-position: 0 -69px;}
.Solution_tab ul li.active:nth-child(4) span::after{ left: 54px; background-position: -4px -100px;}
.Solution_tab ul li.active:nth-child(5) span::after{ left: 57px; background-position: -5px -131px;}
.Solution_tab ul li.active:nth-child(6) span::after{ left: 55px; background-position: -5px -164px;}
.Solution_tab ul li.active:nth-child(7) span::after{ left: 53px; background-position: -5px -197px;}
.Solution_con_con{ position: relative; display: none; width: 995px; padding-top: 65px; height: 611px;}
.Solution_con_con p{ width: 455px; font-size: 15px; line-height: 30px; height: 120px; overflow: hidden; color: #838383;}
.Solution_con_con h2{ line-height: 75px; font-size: 22px; color: #000;}
.Solution_con_con img{ position: absolute; right: 30px; bottom: 30px;}
.button{ padding-top: 45px;}
.button a{ display: block; margin-right: 13px; float: left; width: 190px; height: 50px; border-radius: 100px; border: 1px #fff solid; background: #fff; font-size: 15px; color: #0159bd; text-align: center; line-height: 50px;}
.button a:hover{  border-color: #0159bd;}
.button a:last-child{background-image: linear-gradient(to right, #005aca , #0c8e9a); color: #fff; }
.button a:hover:last-child{ border-color: #fff;background-image: linear-gradient(to right, #005aca , #0fab6b); }
.banner .swiper-slide{ height: 800px;}
.banner .swiper-slide h2{ text-align: center; line-height: 130px; padding-top: 210px; font-size: 45px; color: #fff; font-weight: bolder;}
.banner .swiper-slide a,.content a{ text-align: center; line-height: 50px; color: #FFFFFF; font-size: 16px; display: block; margin: 0 auto; box-sizing: border-box; width: 190px; height: 50px; border-radius: 5px; border: 1px #fff solid;}
.banner .swiper-slide a:hover,.content a:hover,.survey_con_font a:hover{ color: #FFFFFF; border: none; background-image: linear-gradient(to right,#0076ee,#00bddf);}
.swiper-pagination-bullet{ width: 10px; height: 10px;}
.swiper-pagination-bullet-active{ background: #FFFFFF;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 7.5px;}
.product{ height: 682px; background-image: linear-gradient(to bottom,#b4cae9,#ffffff);}
.product .w1400{ position:relative;height: 682px; width:100%;}
.product_tit{ padding: 44px 0;}
.product_tit h2{ line-height: 48px; text-align: center; font-size: 30px; color: #000;}
.product_tit p{ line-height: 28px; text-align: center; font-size: 16px; color: #93a0b2; /*letter-spacing: 15px;*/ text-transform: uppercase;}
.product_con{ background: url(../img/product_con_bg.png) center top no-repeat; padding-top: 90px;}
.product_con p{ width: 690px; margin: 0 auto; font-size: 15px; color: #747474; line-height: 24px;}
.product_con p strong{ color: #0159bd;}
.product_con h4 img{ display: block; margin: 0 auto;}
.product_con h3,.product_con h2{ width: 487px; margin: 0 auto;}
.product_con h2{ color: #747474; font-size: 20px; font-family: arial; line-height: 36px; padding-bottom: 36px;}
.product_con h3{ height: 64px; line-height: 64px; color: #FFFFFF; font-size: 15px; position: relative; text-indent: 17px;}
.product_con h3::after{ content: ""; width: 5px; height: 14px; background: #FFFFFF; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.product_con_tab,.product_con_tab2{ position: absolute; z-index: 15; left: 0; bottom: 0; width: 100%;}
.product_con_tab ul,.product_con_tab2 ul{ width: 100%; display: flex; justify-content: space-between;}
.product_con_tab ul li,.product_con_tab2 ul li{ cursor: pointer; position: relative; width: calc(100% / 9); height: 182px;}
.product_con_tab ul li.active::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 190px; background: url(../img/hover.png) center no-repeat;}
.productcontab_list{ position: relative; z-index: 10; padding-top: 22px;}
.productcontab_list span{ display: block; width: 84px; height: 84px; margin: 0 auto;}
.productcontab_list h4{ line-height: 24px; text-align: center; font-size: 17px; color: #0159bd; font-weight: bold; padding-top: 10px;}
.productcontab_list p{ line-height: 26px; text-align: center; font-size: 17px; color: #000000;}
.product_con_tab ul li.active .productcontab_list h4,.product_con_tab ul li.active .productcontab_list p{ color: #FFFFFF;}
.product_con_tab ul li:nth-child(1) .productcontab_list span,.product_con_tab2 ul li:nth-child(1) .productcontab_list span{ background: url(../img/producticon.png) 0 0 no-repeat;}
.product_con_tab ul li:nth-child(2) .productcontab_list span,.product_con_tab2 ul li:nth-child(2) .productcontab_list span{ background: url(../img/producticon.png) -110px 0 no-repeat;}
.product_con_tab ul li:nth-child(3) .productcontab_list span,.product_con_tab2 ul li:nth-child(3) .productcontab_list span{ background: url(../img/producticon.png) -220px 0 no-repeat;}
.product_con_tab ul li:nth-child(4) .productcontab_list span,.product_con_tab2 ul li:nth-child(4) .productcontab_list span{ background: url(../img/producticon.png) -330px 0 no-repeat;}
.product_con_tab ul li:nth-child(5) .productcontab_list span,.product_con_tab2 ul li:nth-child(5) .productcontab_list span{ background: url(../img/producticon.png) -440px 0 no-repeat;}
.product_con_tab ul li:nth-child(6) .productcontab_list span,.product_con_tab2 ul li:nth-child(6) .productcontab_list span{ background: url(../img/producticon.png) -550px 0 no-repeat;}
.product_con_tab ul li:nth-child(7) .productcontab_list span,.product_con_tab2 ul li:nth-child(7) .productcontab_list span{ background: url(../img/producticon.png) -516px 0 no-repeat;}
.product_con_tab ul li:nth-child(8) .productcontab_list span,.product_con_tab2 ul li:nth-child(8) .productcontab_list span{ background: url(../img/producticon.png) -602px 0 no-repeat;}
.product_con_tab ul li:nth-child(9) .productcontab_list span,.product_con_tab2 ul li:nth-child(9) .productcontab_list span{ background: url(../img/producticon.png) -688px 0 no-repeat;}
.product_con_tab ul li:nth-child(1).active .productcontab_list span{ background: url(../img/producticon.png) 0 -86px no-repeat;}
.product_con_tab ul li:nth-child(2).active .productcontab_list span{ background: url(../img/producticon.png) -110px -86px no-repeat;}
.product_con_tab ul li:nth-child(3).active .productcontab_list span{ background: url(../img/producticon.png) -220px -86px no-repeat;}
.product_con_tab ul li:nth-child(4).active .productcontab_list span{ background: url(../img/producticon.png) -330px -86px no-repeat;}
.product_con_tab ul li:nth-child(5).active .productcontab_list span{ background: url(../img/producticon.png) -440px -86px no-repeat;}
.product_con_tab ul li:nth-child(6).active .productcontab_list span{ background: url(../img/producticon.png) -550px -86px no-repeat;}
.product_con_tab ul li:nth-child(7).active .productcontab_list span{ background: url(../img/producticon.png) -516px -86px no-repeat;}
.product_con_tab ul li:nth-child(8).active .productcontab_list span{ background: url(../img/producticon.png) -602px -86px no-repeat;}
.product_con_tab ul li:nth-child(9).active .productcontab_list span{ background: url(../img/producticon.png) -688px -86px no-repeat;}
.product_con_con{ position: relative;z-index: 10; height: 500px; background: #001d3b;}
.product_con_con1{ position: relative;z-index: 10;}
.product_con_con1 .content .w1400{width: 100%;}
.content{ display: none;}
.content h2{ padding-top: 50px; line-height: 130px; font-size: 35px; font-weight: bold; text-align: center; color: #FFFFFF;}
.content p{     /*margin-bottom: 62px;
     height: 105px; */
    overflow: hidden;
    font-size: 19px;
    color: #fff;
    line-height: 35px;
    text-align: left;
    max-width: 1200px;
    margin: 0 auto 50px;}
.content p strong{ color: #2af9df;}
.product_con_con video{ width: 100%; height: 500px; position: absolute; left: 0; top: 0; z-index: 1;}
.head { position: fixed; left: 0; top: 0;width: 100%; z-index: 100;}
.head .w1400{ display: flex; justify-content: space-between;}
a#logo{ display: flex; height: 76px; align-items: center;}
a#logo img.colorLogo{ display: none;}
.head ul{ display: flex; justify-content: center;}
.head ul li{ line-height: 76px;}
.head ul li a{ display: block; color: #FFFFFF; font-size: 16px; padding-left: 24px; padding-right: 16px;}
.head ul li a.downicon{ background: url(../img/nav_bg.png) center right no-repeat;}
.header_fr{ display: flex; justify-content: space-between; align-items: center; height: 76px;}
.header_fr>a{display: block; margin: 0 5px; width: 100px; height: 38px; color: #FFFFFF; text-align: center; line-height: 38px; border-radius: 100px; background-image: linear-gradient(to right,#0076ee,#00bddf);}
.header_fr>a.zc{ background-image: linear-gradient(to right,#ea2a2a,#e6225a);}
.header_fr>a:hover,.shujufuneng>a:hover{background:#0077ee;}
.header_fr>a.zc:hover{ background:#e20002}
.language{ margin-left: 25px; position: relative;}
.language span{ display: block; height: 76px; line-height: 76px; color: #FFFFFF; font-size: 16px; font-weight: bold; padding-right: 20px; background:url(../img/nav_bg.png) center right no-repeat;}
.language_con{ display: none; position: absolute; right: 0; top: 68px; background: #FFFFFF; border-radius: 5px; width: 118px; overflow: hidden;}
.language_con a{ display: block; cursor: pointer; text-indent: 47px; height: 41px; line-height: 41px; color: #808080;}
.language_con a:hover{ background-color:#eff6fc ;}
.cn{ border-bottom: 1px #d9d9cc solid; background: url(../img/cn_icon.png) 16px center no-repeat;}
.en{ background: url(../img/en_icon.png) 16px center no-repeat;}
.head_fixed{ background: #FFFFFF;}
.head.head_fixed ul li>a{ color: #000;}
.head.head_fixed ul li a.downicon,.head_fixed .language span{ background: url(../img/nav_bg_black.png) center right no-repeat;}
.head_fixed .language span{ color: #000;}
.head_fixed a#logo img.colorLogo{ display: block;}
.head_fixed a#logo img.logo{ display: none;}
.customerservice{ z-index: 100; position: fixed;right: 16px; top:180px; width: 50px; height: auto; border-radius: 100px; background: #24d392; box-shadow: 5px 0 5px rgba(0,0,0,0.2); background-image: linear-gradient(to bottom,#29d58e,#00c3aa);}
.customerservice ul li{ width: 100%; height: 50px; border-bottom: 1px #0dbe8e solid; position: relative;}
.customerservice ul li:last-child{ border: none;}
.customerservice ul li a.customerservice——icon{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-weight: bold;}
.free span{ cursor: pointer; font-weight: bold; text-align: center; display: block; width: 100%; height: 40px; line-height: 20px; padding: 5px 0; color: #FFFFFF; background-image: linear-gradient(to bottom,#ff7633,#ff431e);}
.free span:hover{ background-image: linear-gradient(to bottom,#ffb400,#ff6c00);}
.customerservice ul li.qq a.customerservice——icon{  border-radius: 100px 100px 0 0; background:url(../img/customerservice_icon01.png) center no-repeat;}
.customerservice ul li.top{ height: 40px;}
.customerservice ul li.top a.customerservice——icon{ border-radius: 0 0 100px 100px; height: 40px; line-height: 40px; }
.customerservice ul li.wechat a.customerservice——icon{ background:url(../img/customerservice_icon02.png) center no-repeat;}
.customerservice ul li.sky a.customerservice——icon{ background:url(../img/customerservice_icon03.png) center no-repeat;}
.customerservice ul li.lxwm a.customerservice——icon{ background:url(../img/customerservice_icon04.png) center no-repeat;}
.customerservice ul li a.customerservice——icon:hover{ background-color: #44d6b0;}
.customerservice_hover{ display: none; position: absolute; right: 50px; top: 0; padding-right: 10px;}
.customerservice_hover::after{ content: ""; width: 6px; height: 11px; background: url(../img/hover_jiao.png) center no-repeat; position: absolute; right: 4px; top:20px; transform: translateY(-50%);}
.customerservice_hover a,.customerservice_hover p{ display: block; height: 50px; line-height: 50px;}
.qq .customerservice_hover a{width: 133px; }
.sky .customerservice_hover p{width: 215px; }
.lxwm .customerservice_hover a{width: 110px; }
.customerservice_hover a,.customerservice_hover p{ display:block; background: #FFFFFF; border-radius: 10px; text-align: center; color: #747474;}
.customerservice_hover a strong,.customerservice_hover p strong{ color: #399fec;}
.c_ewm{ padding: 25px;background: #FFFFFF; border-radius: 10px;}
.c_ewm_bor{ border: 1px #e1e1e1 solid; width: 350px; height: 140px; padding-top: 20px; display: flex; justify-content: space-around;}
.c_ewm_bor p img{ display: block; margin-bottom: 16px;}
.c_ewm_bor p{ line-height: 100%; text-align: center; color: #808080;}
.customerservice ul li:hover .customerservice_hover{ display: block;}
#close,#dinggouapplyclose,#close2{ display: block; width: 39px; height: 39px; background: url(../img/close.png) center no-repeat; position: absolute; top: -15px; right: -15px;}
.apply{ display: none; width: 363px; box-sizing: border-box; padding: 0 34px; background: #fff; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; box-shadow: 5px 0 5px rgba(0,0,0,0.2); }
.apply h2{ line-height: 74px; font-weight: bold; color: #000; font-size: 17px;}
.apply_form ul { padding-bottom: 30px;}
.apply_form ul li{ padding: 9px 0;}
.apply_form ul li span{ display: inline-block; line-height: 46px; color: #808080;}
.apply_form ul li span strong{ color: #ff0000; font-weight: normal;}
.apply_form ul li input{ width: 240px; height: 40px; border: 1px #e9e9e9 solid; line-height: 40px; text-indent: 18px;}
.apply_form ul li button,.model_from ul li button{ cursor: pointer; border: none; color: #FFFFFF; font-weight: bold; text-align: center; line-height:48px; width: 287px; height: 48px; border-radius: 48px; background-image: linear-gradient(to bottom,#ff7633,#ff431e);}
.apply_form ul li button:hover,.model_from ul li button:hover{ background: #ff451f;}
.apply_form ul li input:focus,.model_from ul li input:focus{outline:none;border:#ff2c00 1px solid;box-shadow: 0 0 8px rgba(255, 68, 63, 0.77);}
.tel{ display: inline-block; position: relative;}
.tel dl{ position: absolute; left: 1px; top:1px;}
.tel dl dt{ cursor: pointer; height: 40px; background: #f8f9fb url(../img/select.png) 54px center no-repeat; border-right: 1px #e9e9e9 solid; width: 70px; text-indent: 15px; line-height: 40px;}
.tel dl dd{ display: none; width:240px; position: absolute; left: -1px; top: 40px; background: #fff;border: 1px #e9e9e9 solid;}
.tel dl dd p{ cursor: pointer; height: 40px; text-indent: 18px; line-height: 40px; border-bottom: 1px #e9e9e9 solid; }
.tel dl dd p:hover{ background: #f8f9fb;}

/* 公司简介 */
.pageBanner{ position: relative; height: 650px; background: url(../img/pagebanner.png) center no-repeat;}
.pageBanner_1{ position: relative; height: 650px;}
.pagenav{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5);}
.pagenav ul{ width: 100%; overflow: hidden; display: flex; justify-content:space-between;}
.pagenav ul li{ width: 100%;}
.pagenav ul li a{ display: block; width: 100%; height: 80px; float: left; font-size: 15px; font-weight: bold; line-height: 80px; text-align: center; color: #FFFFFF;}
.pagenav ul li.currut,.pagenav ul li:hover a{ background-image: linear-gradient(to right,#004dad,#0c9a98);}
.profile_abouttitle_h3{ line-height: 58px; font-size: 55px; color: #d0dded; font-weight: bold; text-transform:uppercase;}
.profile_abouttitle_h2{ z-index: 0; padding: 0 12px; display:inline-block; font-size: 40px; line-height: 60px; position: relative;}
.profile_abouttitle_h2::before{ z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; background-image: linear-gradient(to top,#37aafd,#7dd2fb);}
.profile{ padding-top: 138px;}
.Experts{ height:524px; background: url(../img/profile_bg.png) center no-repeat;}
.Experts p{ padding: 85px 0; width: 756px; margin: 0 auto; color: #FFFFFF; font-size: 15px; line-height: 30px;}
.Experts ul{ padding: 0 100px; overflow: hidden;}
.Experts ul li{ border-left: 1px #fff solid; box-sizing: border-box; padding-left: 20px; width: 25%; float: left;}
.Experts ul li h3{ display: inline-block; position: relative; padding-right: 20px; font-size: 60px; font-family: arial; line-height: 100%; color: #fff;}
.Experts ul li span{ display: block; font-size: 18px; color: #FFFFFF; line-height:100%; padding-top: 15px;}
.Experts ul li h3 em{ display: inline-block; line-height: 20px; font-size: 20px; position: absolute; right: 0; top: 0;}
.ph500{ height: 500px;}
.founder{ height: 650px; overflow: hidden; background: #FFFFFF; box-shadow: 0 17px 51px rgba(148,148,148,0.5); margin: 80px auto;}
.founder img{ width: 575px; height: 650px; float: left;}
.founder_right{ width: 615px; float: left; padding-left: 76px;}
.founder_tit .profile_abouttitle_h3{ padding-top: 27px;}
.founder_font{ position: relative; padding: 55px 0; margin-top: 43px;}
.founder_font::after,.founder_font::before{ content: ""; width: 69px; height: 53px; position: absolute;}
.founder_font::before{ background: url(../img/yinhao_left.png) center no-repeat; left: 0; top: 0;}
.founder_font::after{ background: url(../img/yinhao_right.png) center no-repeat; right: 0; bottom: 0;}
.founder_font p{ font-size: 16px; line-height: 30px; color: #747474;}
.founder_font h5{ padding-top: 25px; font-size: 20px; text-transform: uppercase; color: #b8b8b8;}
.founder_qianming{ margin-top: 30px; font-size: 16px; color: #747474; padding-top: 66px; padding-left: 70px; background: url(../img/qianming.png) left top no-repeat;}
.founder_qianming strong{ padding: 0 10px;}
/* 组织架构 */
.structure{ min-height: 994px; background: #f5f7fa url(../img/structure_bg.png) center no-repeat;}
.structure_title{ padding-top: 85px; text-align: center;}
.structure img,.Distributionlocation img{ display: block; margin: 70px auto 0;}
.Distributionlocation{ min-height: 827px; background: url(../img/Distributionlocation_bg.png) repeat;}

/* 发展历程 */
.dev_title_h3{ text-align: center; font-size: 32px; line-height: 35px; color: #003a8c; padding-bottom: 32px; position: relative;}
.dev_title_h3::after{ content: ""; width: 24px; height: 3px; background: #003a8c; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
p.dev_title_p{ margin-top: 27px; text-align: center; font-size: 17px; line-height: 30px; color: #838383;}
.dev_title{ width: 1200px; margin: 0 auto; padding-bottom: 190px; margin-top: 5px; background: url(../img/yinhao_right.png) right 237px no-repeat;}
.dev_title h2{ line-height: 88px; text-align: center; font-size: 40px;}
.developmentList{ background: url(../img/yinhao_left.png) 55% top no-repeat; position: relative; margin-top: 73px; padding-top: 134px;}
.developmentList span.developmentList_radius{ width: 1px; height: 100%; background: #c7d4e6; position: absolute; left: 50%; top: 0;}
.developmentList::after,.developmentList::before{ content: ""; width: 16px; height: 16px; border-radius: 16px; background: #c7d4e6; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.developmentList::after{ top: auto; bottom: 0;}
.developmentList_list{ margin-bottom: 53px; padding: 0 100px; min-height: 766px; background: url(../img/developmentList_list_bg01.png) center no-repeat;}
.developmentList_list_reverse{ background: url(../img/developmentList_bg02.png) center no-repeat;}
.developmentList_pic{ float: left; width: 675px; height: auto; position: relative;}
.developmentList_pic::after{ z-index: 1; content: ""; position: absolute; left: 190px; top: 284px; display: block; width: 272px; height: 272px; border: 5px #c9e4ff solid; box-sizing: border-box;}
.developmentList_ul li{ margin-bottom: 85px;}
.developmentList_ul p.dev_title_p,.developmentList_ul .dev_title_h3{ text-align: left;}
.developmentList_ul .dev_title_h3::after{ left: 0; transform:translateX(0);}
.developmentList_ul{ text-align: left; float: right; width: 432px;}
.developmentList_list_reverse .developmentList_pic{  float: right;}
.developmentList_list_reverse .developmentList_ul{  float: left;}
.developmentList_pic img:first-child{ z-index: 2; position: absolute; left: 0; top: 0;}
.developmentList_pic img:last-child{ z-index: 3; position: absolute; right: 0; top:308px ;}

/* 解决方案 */
.Serviceprocess{ background: #02158a; padding: 24px 0 84px;}
.Serviceprocess .index_title h2{ color: #fff;}
.Serviceprocess .index_title h2::after{ background: #FFFFFF;}
.Serviceprocess ul{ overflow: hidden; display: flex; justify-content: space-around; padding: 72px 0 58px; background: url(../img/Serviceprocess_bg.png) center bottom no-repeat;}
.Serviceprocess ul li{ padding-top: 77px; box-sizing: border-box; width: 316px; height: 247px; background: #FFFFFF;box-shadow: 10px 10px 0 #4a7dc8}
.Serviceprocess ul li h2{ position: relative; padding-left: 104px; line-height: 53px; font-size: 20px; color: #003a8c;}
.Serviceprocess ul li p{ padding: 8px 30px 0 104px;font-size: 14px; line-height: 20px; color: #747474;}
.Serviceprocess ul li h2 span{ display: block; position: absolute; left: 29px; top: 0;}
.Serviceprocess ul li:nth-child(1){ background:#FFFFFF url(../img/Serviceprocess_bg_one.png) center 28px no-repeat;}
.Serviceprocess ul li:nth-child(2){ background:#FFFFFF url(../img/Serviceprocess_bg_two.png) center 28px no-repeat;}
.Serviceprocess ul li:nth-child(3){ background:#FFFFFF url(../img/Serviceprocess_bg_three.png) center 28px no-repeat;}
.Serviceprocess ul li:nth-child(4){ background:#FFFFFF url(../img/Serviceprocess_bg_four.png) center 28px no-repeat;}
.table{ width: 1200px; margin: 0 auto; padding: 73px 0;}
.table02{ border-collapse: collapse; border-spacing: 0; border: 1px #e2e2e2 solid;}
.table02 tr,.table02 td{ border: 1px #e2e2e2 solid;}
.table02 td{height: 60px;}
.oddbg{ background: #f3f8fb;}
.table01{ height: 120px; background: url(../img/thbg.png) center no-repeat;}
.table01 td{vertical-align: middle;}
.table01 td p{ line-height: 36px; font-size: 20px; font-weight: bold; color: #000; text-align: center;}
.table01 td span{line-height: 36px; font-size: 17px; font-weight: bold; color: #747474; display: block; text-align: center;}
.table02 a{ display: block; margin: 27px auto; width: 154px; height: 45px; border-radius: 100px; border: 1px #003a8c solid; line-height: 45px; text-align: center; color: #003a8c; font-size: 15px; font-weight: bold;}
.noborder td{ border: none;}
.table02 p.beizhu{ text-indent: 30px; color: #838383;}
.table02 span{ display: block; text-indent: 30px; font-size: 16px; color: #383838;}
.table02 span.wenhao::after{ margin-left: 10px; content: "?"; display: inline-block; width: 20px; text-align: center; line-height: 20px; border-radius: 20px; height: 20px; text-indent: 0; background: #cfcfcf; color: #FFFFFF;}
.table02 em.radius{ display: block; box-sizing: border-box; margin: 0 auto; width: 14px; height: 14px; border-radius: 14px; border: 2px #003a8c solid;}
.yes{ background: #003a8c;}
.table02 a:hover{ border: none; background-image: linear-gradient(to right,#005aca,#209dd9); color: #FFFFFF;}
.dinggouapply_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.1); z-index: 101;}
#dinggouapply{ z-index: 102;}
.tableth{ position:relative; overflow: hidden;}
.tableth::after{ content: ""; width: 500px; height: 1px; background: #e2e2e2; position: absolute; left:-104px; top: 50%; transform: rotate(20deg);}
.tableth b,.tableth em{ width: 135px; text-align: center; font-size: 17px; font-weight: bold; color: #003a8c; line-height: 74px;}
.tableth b{ position: absolute;   right: 0; top: 0;}
.tableth em{ position: absolute;  left: 0; bottom: 0;}
.table02 td{ position: relative; }
.tiphover{ display: none; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.1); min-width: 300px; background: #FFFFFF; position: absolute; left: 75px; top: 7px; padding: 5px 27px 20px; border-radius: 5px;}
.tiphover::after{ content: ""; width: 15px; height: 12px; background: url(../img/tip_jiao.png) center no-repeat; position: absolute; left: -15px; top: 20px;}
.tiphover p{ color: #747474; line-height: 20px;}
.tiphover h2{ font-size: 17px; font-weight: bolder; color: #000000; line-height: 48px;}
.database_bg.minheight907{ min-height: 1100px;}




/* 解决方案 */
.solutionbanner{ background: #005aca;}
.solutionbanner_con{height: 502px; padding-top: 146px; display: flex; justify-content: space-between; align-items: center;}
.solutionbanner_con_font h2{ position: relative; line-height: 74px; padding-bottom:5px; ; font-size: 40px; font-weight: bold; color: #f9f9f9;}
.solutionbanner_con_font h2::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 5px; background: #FFFFFF;}
.solutionbanner_con_font p{ max-width: 456px; color: #f9f9f9; font-size: 15px; line-height: 26px; padding-top: 27px;}
.solutionbanner_con_font h3{ font-size: 35px; font-weight: bold; color: #ff905a; padding: 52px 0 57px;}
.solutionbanner_con_font h3 span{ padding-bottom: 7px; font-size: 20px; display: block; line-height: 33px; color: #f9f9f9; font-weight: normal;}

.solution_nav_icon ul li{position: relative;}
.solution_nav_icon ul li a{ text-align: left; text-indent: 90px;}
.solution_nav_icon ul li:after{ background: url(../img/Solutionnavicon.png) no-repeat; content: ""; position:absolute; left: 37px; top: 50%; transform: translateY(-50%);}
.solution_nav_icon ul li:nth-child(1)::after{ width: 23px; height: 22px; background-position: 0 0;}
.solution_nav_icon ul li:nth-child(2)::after{ width: 23px; height: 22px; background-position: 0 -25px;}
.solution_nav_icon ul li:nth-child(3)::after{ width: 28px; height: 19px; background-position: 0 -50px;}
.solution_nav_icon ul li:nth-child(4)::after{ width: 20px; height: 20px; background-position: 0 -75px;}
.solution_nav_icon ul li:nth-child(5)::after{ width: 20px; height: 20px; background-position: 0 -100px;}
.solution_nav_icon ul li:nth-child(6)::after{ width: 20px; height: 22px; background-position: 0 -125px;}
.solution_nav_icon ul li:nth-child(7)::after{ width: 20px; height: 20px; background-position: 0 -150px;}
.solution_customer{ background: #FFFFFF;}
.solution_customer .CustomerService{ padding-top: 20px;}
.Illustration{ background: #f0f3f7;}
.Illustration ul{ width: 1200px; margin: 0 auto; padding-bottom: 75px;}
.Illustration ul li{ display: flex; justify-content: space-between; align-items:center; padding: 75px 0 0;}
.Illustration_Font{ width: 535px;}
.Illustration_Font h2{padding: 25px 0; line-height: 40px; font-size: 30px;}
.Illustration_Font p{  overflow: hidden; font-size: 15px ; line-height: 25px; color: #838383;}
.proconlink>a,.Illustration_Font a{ margin-top: 40px; border-radius: 100px; display: block; width: 192px; height: 52px;background-image: linear-gradient(to right, #005aca , #0c8e9a); font-size:15px; color: #fff; text-align: center; line-height: 52px;}
.proconlink>a:hover,.Illustration_Font a:hover{ background-image: linear-gradient(to right, #005aca , #0fab6b); }
.Illustration_Font454{ width: 454px;}
.Illustration_Font454 a{ display: inline-block;}
.Illustration_Font454 a.downloadbtn{ box-sizing: border-box; border: 1px #fff solid; margin-right: 15px; background: #fff url(../img/downloadicon.png) 50px center no-repeat; text-align: left; text-indent: 86px; font-size: 15px; color: #0159bd;}
.Illustration_Font454 a.downloadbtn:hover{  border-color: #005aca;}
.solution_nav{ text-align: center; padding: 58px 0;}
.solution_nav a{ display: inline-block; margin: 0 12px; width: 160px; height: 52px; border-radius: 52px; background: #f6f7fb; line-height: 52px; font-size: 17px; color: #383838;}
.solution_nav a:hover,.solution_nav a.active{ font-weight: bold; color: #FFFFFF; background-image: linear-gradient(to right, #005aca , #209dd9)}
.programme{ display: flex; justify-content: space-between;}
.programme li{ width: calc(100% / 6); margin: 0 15px; min-height: 366px;} 
.programme li span{ display: block; width: 100px; height: 100px; border-radius: 40px; margin: 0 auto 17px;}
.programme li h5{ font-size: 20px; line-height: 25px; height: 50px; overflow: hidden; text-align: center;margin-bottom: 36px;}
.programme li p{ font-size: 14px; line-height: 20px; color: #838383;}
.programme li:nth-child(1) span{ background: url(../img/cooperativepartner/programme_icon.png) 0 0 no-repeat;}
.programme li:nth-child(2) span{ background: url(../img/cooperativepartner/programme_icon.png) -100px 0 no-repeat;}
.programme li:nth-child(3) span{ background: url(../img/cooperativepartner/programme_icon.png) -200px 0 no-repeat;}
.programme li:nth-child(4) span{ background: url(../img/cooperativepartner/programme_icon.png) -300px 0 no-repeat;}
.programme li:nth-child(5) span{ background: url(../img/cooperativepartner/programme_icon.png) -400px 0 no-repeat;}
.programme li:nth-child(6) span{ background: url(../img/cooperativepartner/programme_icon.png) -500px 0 no-repeat;}
.Import li:nth-child(1) span{ background: url(../img/cooperativepartner/programme_icon.png) 0 -100px no-repeat;}
.Import li:nth-child(2) span{ background: url(../img/cooperativepartner/programme_icon.png) -100px -100px no-repeat;}
.Import li:nth-child(3) span{ background: url(../img/cooperativepartner/programme_icon.png) -200px -100px no-repeat;}
.Import li:nth-child(4) span{ background: url(../img/cooperativepartner/programme_icon.png) -300px -100px no-repeat;}
.Import li:nth-child(5) span{ background: url(../img/cooperativepartner/programme_icon.png) -400px -100px no-repeat;}
.Import li:nth-child(6) span{ background: url(../img/cooperativepartner/programme_icon.png) -500px -100px no-repeat;}
.wlqy_Illustration li:nth-child(1) .Illustration_Font{ background: url(../img/enterprises/shuzi01.png) left top no-repeat;}
.wlqy_Illustration li:nth-child(2) .Illustration_Font{ background: url(../img/enterprises/shuzi02.png) left top no-repeat;}
.wlqy_Illustration li:nth-child(3) .Illustration_Font{ background: url(../img/enterprises/shuzi03.png) left top no-repeat;}
.wlqy_Illustration li:nth-child(4) .Illustration_Font{ background: url(../img/enterprises/shuzi04.png) left top no-repeat;}
.ptop35{ padding-top: 35px;}
.programmeintroduce{ width: 1200px; margin: 0 auto; display: flex;justify-content: space-between; padding-bottom: 80px;}
.programmeintroduce .Illustration_Font h2{ position: relative; font-size: 25px; padding: 0; line-height: 100%; padding-bottom: 15px; margin: 0 0 17px;}
.programmeintroduce .Illustration_Font h2::after{ content: ""; width: 45px; height: 4px; background: #00439a; position: absolute; left: 0; bottom: 0;}
.programmeintroduce .Illustration_Font p{ font-size: 17px; line-height: 28px;}
.Illustration_Font p strong{ color: #000000;}

.cooperativepartner_banner{ position: relative; height: 648px; background: url(../img/cooperativepartner_banner.png) center no-repeat;}
.cooperativepartner_banner span{ padding: 24px 65px; font-size: 40px; font-weight: bold; color: #FFFFFF; border: 4px #fff solid; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.product_cont{ padding: 50px 0; background: none; min-height: auto;}
.product_con_list{ padding-top: 40px; width: 978px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.product_con_list .Illustration_Font{ width: 360px;}
.product_cont2{ background: #f6f8fb;}
.product_banner{ background: url(../img/product_banner.png) center no-repeat;}
.product_banner_font{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1400px;}
.product_banner_font h2,.product_banner_font h3{ color: #FFFFFF; line-height: 100%;}
.product_banner_font h2{ margin-top: 30px; font-size: 40px; font-weight: bold; position: relative; padding-bottom: 24px;}
.product_banner_font h2::after{ content:""; width: 40px; height: 5px; background: #FFFFFF; position: absolute; left: 0; bottom: 0;}
.product_banner_font h3{ line-height: 30px;
    font-size: 20px;
    padding-top: 30px;
    width: 760px;}
.product_banner_font p{ font-size: 20px; color: #747474; line-height: 100%; padding-top: 14px;}

.nproBanner{ background: url(../img/nproBanner.png) center no-repeat;}
.nproBanner_link{ overflow: hidden; width: 417px; padding-top: 17px;}
.nproBanner_link a{ float: left; margin: 10px 15px 0 0; display: block; width: 124px; font-size: 17px; color: #FFFFFF; line-height: 38px; text-align: center; height: 38px; overflow: hidden; background: url(../img/banner_link_bg.png) center no-repeat;}
.product_tab{ box-shadow: 0 0 15px rgba(0,58,140,0.5);}
.product_tab .product_con_tab2{ width: 1400px; position: static; margin: 0 auto;}
.product_con_tab2 ul li{ cursor: pointer; padding:15px 0;}
.product_con_tab2 ul li.hover{ position: relative;}
.product_con_tab2 ul li.hover::after{ content: ""; width: 84px; height: 4px; transform: translateX(-50%); background: #0159bd; position: absolute; left: 50%;bottom: 0;}
.product_con_tab2 ul li.hover .productcontab_list p{ font-weight: bold; color: #0159bd;}
.ftitle h3{text-align: center; font-size: 25px; color: #003a8c; line-height: 100%; padding-top: 66px;}
.proconlink a{ margin: 20px auto 0;}
.proconlink img{ margin-top: 20px;}
.product_con_con2>div{ display: none;}

.International_banner{ background: url(../img/International_banner.png) center no-repeat;}
.International_banner_shuju{ background: url(../img/AI.png) center no-repeat;}
.International_content ul{ width: 1200px; margin: 0 auto; padding-top: 30px;}
.International_content ul li{ display: flex; align-items: center; justify-content: space-between; padding-bottom:30px;}
.International_content ul li img{width: 590px; height: 300px;}
.International_content_font{ width: 485px;}
.International_content_font h3{ font-size: 30px; line-height: 45px;}
.International_content_font span{ display: block; font-size: 17px; line-height: 30px; margin-bottom: 25px;}
.International_content_font p{ font-size: 15px; line-height: 30px; color: #838383;}
.corefunctions{ /* min-height: 538px; */ background: #f0f3f8 url(../img/beijing.png) center no-repeat;}
.corefunctions_tit{ padding: 82px 0 36px; text-align: center; font-size: 40px; line-height: 100%; position: relative;}
.corefunctions_tit::after,.corefunctions_tit::before{ content: ""; position: absolute; left: 50%; transform: translateX(-50%);}
.corefunctions_tit::after{ width: 80px; height: 4px; bottom: 0; background: #003a8c;}
.corefunctions_tit::before{ width: 1px; height: 60px; top: 0; background: #003a8c;}
.corefunctions_con{ padding: 40px 0;   /* color: #003a8c; text-align: center; */}

.corefunctions_con .corefunctions_title{ font-size: 25px; line-height: 50px;color: #003a8c; text-align: center;}
.corefunctions_con .corefunctions_content{ font-size:18px; line-height:35px;text-align: center;}

.zixintong_banner{ background: url(../img/zixintong_banner.png) center no-repeat;}
.zixintong_banner span{display: block;line-height: 38px;color: #FFFFFF;font-size: 17px;}
.wp{ width: 1400px; margin: 0 auto;}
.title{ padding-top: 38px; position: relative;}
.title::before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 60px; top: 0; background: #003a8c;}
.tit2::before{ display: none;}
.title h2{ position: relative; line-height: 110px; text-align: center; font-size: 40px; font-weight: normal;}
.title h2::after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80px; height: 4px; background: #003a8c;}
.title p{ text-align: center; line-height: 80px; color: #838383; font-size: 18px}
.SampleReport ul{ padding: 0 15px; padding-bottom: 50px; overflow: hidden; display: flex; justify-content: space-between;}
.SampleReport ul li{ cursor: pointer; width: 320px; height: 208px; transition: all 0.5s ease; background: #fff; margin: 30px 40px 30px 0;}
.SampleReport ul li:nth-child(4){ margin: 30px 0 30px 0;}
.SampleReport_icon{ transition: all 0.5s ease; padding-top: 43px; line-height: 55px; text-align: center; font-size: 15px;}
.SampleReport_icon img{ display: block; margin: 0 auto;}
.SampleReport ul li a{ margin: 0 auto; display: block; width: 154px; height: 35px; line-height: 35px; border-radius: 35px; border: 1px #d5d9de solid; background: url(../img/zizhi/icon_pdf.png) 24px center no-repeat; text-indent: 53px; color: #838383; font-size: 13px;}
.SampleReport ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.SampleReport ul li:hover a{ background:#cb2329 url(../img/zizhi/icon_pdf_white.png)  24px center no-repeat; color: #fff; border-color: #cb2329;}
.ReportContains_table{ padding-left: 90px;}
.ReportContains_table table{ width: 100%; margin-bottom: 40px;}
.ReportContains_table td{ width: calc(100% / 6); border-left: 1px #e2e2e2 solid;}
.ReportContains_table td p{ padding-right: 35px; font-size: 20px; line-height: 24px; padding-left: 25px;}
.ReportContains_table td a{ padding-top: 9px; display: block; padding-left:25px; font-size: 14px; color: #838383;}
.banner{ position: relative; height: 630px; background: url(../img/banner.png) center no-repeat;}
.banner .wp{}
.bannerfont{ position: absolute; top: 50%; transform: translateY(-50%);}
.bannerfont h2{ position: relative; height: 85px; line-height: 85px; color: #FFFFFF;font-size: 40px; font-weight: bold;}
.bannerfont h2::after{ content: ""; width: 40px; height: 5px; background: #FFFFFF; position: absolute; left: 0; bottom: 0;}
.bannerfont p{ line-height: 58px; color: #FFFFFF; padding-top: 40px; font-size: 35px;}
.bannerfont span{ display: block; line-height: 38px; color: #FFFFFF; font-size: 17px;}
.demand{ min-height:700px ; background: #dae5f0 url(../img/zizhi/demandbg.png) center no-repeat; position: relative; margin-bottom: 10px;}

.demand_form{ width: 680px; float: right; padding-left: 100px; padding-top: 50px;}
.demand_form dl{ padding-bottom: 28px;}
.demand_form dl dt{ line-height: 60px; font-size: 20px;}
.demand_form dl dd{ margin-bottom: 10px; height: 40px;}
.demand_form dl dd span{margin-right: 30px; height: 40px; line-height: 40px; display:block; float: left; width: 85px; text-align: right; color: #838383; font-size: 15px;}
.demand_form dl dd span em{ padding-right: 10px; color: #ff0000;}
.demand_form dl dd input{ text-indent: 20px; font-size: 15px; width:460px; height: 40px; border:none ; background: #fff;}
.demand_form dl dd button{ margin-top: 20px; width: 230px; height: 48px; line-height: 48px; text-align: center; color: #FFFFFF; font-weight:bold;background:linear-gradient(to right,#0067c0,#003da3); border: none;}
.demand_title{ position: relative; z-index: 99; float: left; padding-top: 48px;}
.demand_title h2{ line-height: 70px; font-size: 30px; font-weight: bold; color: #FFFFFF; text-indent: 100px; background: url(../img/fdj.png) 40px center no-repeat;}
.demand_title p{ text-indent: 100px; color: #FFFFFF; font-size: 18px; line-height: 100%;}
.select{ position: relative; width: 122px; float: left;margin-right: 1px;}
.select p{ cursor: pointer; width: 100%; height: 40px; background: #FFFFFF url(../img/selcet.png) 104px center no-repeat; line-height: 40px; font-size: 15px; text-indent: 20px;}
.demand_form dl dd.tel input{ width:337px ;}
.select ul{ display: none; position: absolute; left: 0; top: 40px; width: 100%;}
.select ul li{ cursor: pointer; width: 100%; height: 40px; background: #FFFFFF; margin-bottom: 1px; line-height: 40px; text-indent: 20px; font-size: 15px;}

/* 通用菜单 */
.hasmenus{ position: relative;}
.hasmenus:hover{ background: url(../img/download_icon.png) center bottom no-repeat;}
.menus{ display: none; overflow: hidden; position: absolute; justify-content: left; left: 50%; transform: translateX(-50%); top: 76px; background: #f0f3f7; border-radius: 10px;}
.hasmenus:hover .menus{ display: block;}
.menus dl{ width: 250px;;}
.menus dl dt{ height: 80px; line-height: 80px; font-size: 20px; text-indent: 44px; background: #FFFFFF;}
.menus dl dd a{ position: relative; padding: 0; display: block; text-indent: 88px; font-size: 15px; line-height: 58px; color: #747474; font-weight: bold;}
.menus dl dd a:hover{ color: #003a8c;}
.menus dl dd a::before{content: ""; width:30px; height: 30px; position: absolute; left: 44px; top: 50%; transform: translateY(-50%);}
a.hxicon01::before{ background: url(../img/menus_icon.png) 0 0 no-repeat;}
a.hxicon02::before{ background: url(../img/menus_icon.png) 0 -32px no-repeat;}
a.hxicon03::before{ background: url(../img/menus_icon.png) 0 -64px no-repeat;}
a.hxicon04::before{ background: url(../img/menus_icon.png) 0 -96px no-repeat;}
a.hxicon05::before{ background: url(../img/menus_icon.png) 0 -128px no-repeat;}
a.hxicon06::before{ background: url(../img/menus_icon.png) -32px 0 no-repeat;}
a.hxicon07::before{ background: url(../img/menus_icon.png) -32px -32px no-repeat;}
a.hxicon08::before{ background: url(../img/menus_icon.png) -32px -64px no-repeat;}
a.hxicon09::before{ background: url(../img/menus_icon.png) -32px -96px no-repeat;}
a.hxicon10::before{ background: url(../img/menus_icon.png) -32px -128px no-repeat;}
a.hxicon11::before{ background: url(../img/menus_icon.png) -32px -160px no-repeat;}
a.hxicon12::before{ background: url(../img/menus_icon.png) -32px -192px no-repeat;}
a.hxicon13::before{ background: url(../img/menus_icon.png) -32px -224px no-repeat;}
a.hxicon14::before{ background: url(../img/menus_icon.png) -32px -256px no-repeat;}
a.hxicon15::before{ background: url(../img/menus_icon.png) -64px 0 no-repeat;}
a.hxicon16::before{ background: url(../img/menus_icon.png) -64px -32px no-repeat;}
a.hxicon17::before{ background: url(../img/menus_icon.png) -64px -64px no-repeat;}
a.hxicon18::before{ background: url(../img/menus_icon.png) -64px -96px no-repeat;}
a.hxicon19::before{ background: url(../img/menus_icon.png) -64px -128px no-repeat;}
a.hxicon20::before{ background: url(../img/menus_icon.png) -64px -160px no-repeat;}
a.hxicon21::before{ background: url(../img/menus_icon.png) -64px -192px no-repeat;}
a.hxicon22::before{ background: url(../img/menus_icon.png) -96px 0 no-repeat;}
a.hxicon23::before{ background: url(../img/menus_icon.png) -96px -32px no-repeat;}
a.hxicon24::before{ background: url(../img/menus_icon.png) -96px -64px no-repeat;}
a.hxicon25::before{ background: url(../img/menus_icon.png) -96px -96px no-repeat;}
a.hxicon26::before{ background: url(../img/menus_icon.png) -96px -128px no-repeat;}
a.hxicon27::before{ background: url(../img/menus_icon.png) -96px -160px no-repeat;}


a.hxicon28::before{ background: url(../img/menus_icon.png) -128px 0 no-repeat;}
a.hxicon29::before{ background: url(../img/menus_icon.png) -128px -32px no-repeat;}
a.hxicon30::before{ background: url(../img/menus_icon.png) -128px -64px no-repeat;}
a.hxicon31::before{ background: url(../img/menus_icon.png) -128px -96px no-repeat;}
a.hxicon32::before{ background: url(../img/menus_icon.png) -128px -128px no-repeat;}
a.hxicon33::before{ background: url(../img/menus_icon.png) -128px -160px no-repeat;}

a.hxicon34::before{ background: url(../img/menus_icon.png) -160px 0 no-repeat;}
a.hxicon35::before{ background: url(../img/menus_icon.png) -160px -32px no-repeat;}
a.hxicon36::before{ background: url(../img/menus_icon.png) -160px -64px no-repeat;}
a.hxicon37::before{ background: url(../img/menus_icon.png) -160px -96px no-repeat;}
a.hxicon38::before{ background: url(../img/menus_icon.png) -160px -128px no-repeat;}
a.hxicon39::before{ background: url(../img/menus_icon.png) -160px -160px no-repeat;}


/* 外贸数据库 */
.w1200{ width: 1200px; margin: 0 auto;}
.waimao_banner{ background: url(../img/waimao_banner.png) center no-repeat ;}
.waimao_banner .product_banner_font{ padding-left: 254px;}
.waimao_banner .product_banner_font h3{ font-size: 30px; text-transform: uppercase; padding-top: 20px; line-height: 100%;}
.wmsjk_con ul{ padding-top: 50px; display: flex; justify-content: space-around;}
.wmsjk_con ul li{ width: 210px; text-align: center;}
.wmsjk_con ul li div{ padding: 0 21px;}
.wmsjk_con ul li h2{ margin-bottom: 20px; color: #fff; width: 100%; line-height: 50px; font-size: 17px; font-weight: bold; height:50px; border-radius: 50px; background-image: linear-gradient(to right, #005aca , #209dd9);}
.wmsjk_con{ padding-bottom: 340px; margin-bottom: 26px; background: url(../img/wmsjk_con_bg.png) center bottom no-repeat;}
.wmsjk_con ul li a{ display:inline-block; line-height: 30px; color: #757575; margin: 0 5px;}
.wmsjk_con ul li:first-child a{ display: inline-block;}
.wmsjk_con ul li a:hover{ color: #003a8c;}

.wmsjk_con1 ul{ padding-top: 50px; display: flex; justify-content: space-around;}
.wmsjk_con1 ul li{ width: 210px; text-align: center;}
.wmsjk_con1 ul li div{ padding: 0 21px;}
.wmsjk_con1 ul li h2{ margin-bottom: 20px; color: #fff; width: 100%; line-height: 50px; font-size: 17px; font-weight: bold; height:50px; border-radius: 50px; background-image: linear-gradient(to right, #005aca , #209dd9);}
.wmsjk_con1{margin-bottom: 26px;}
.wmsjk_con1 ul li a{ display:inline-block; line-height: 30px; color: #757575; margin: 0 5px;}
.wmsjk_con1 ul li:first-child a{ display: inline-block;}
.wmsjk_con1 ul li a:hover{ color: #003a8c;}

.datacon{ background: #f9f9f9; padding: 40px 0 0;}
.datacon .index_title h2{ font-weight: bold;}
.datacon01 ul{ overflow: hidden; padding: 50px 0;}
.datacon01 ul li{ float: left; width: 120px; height: 28px; line-height: 28px; text-align: center; color: #757575; margin: 0 50px 5px;}
.datacon01 ul li a {color: #757575;}
.datacon01 ul li a span{color: #FFFFFF;}                 
.datacon01 ul li a:hover {color: #003a8c;}
.datacon01 ul li.active{ background: #00439a; color: #FFFFFF;} 

.wm01_tabcon{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.wm01_tabcon_table{ width: 595px;} 
.wm01_tabcon_table table{ width: 100%; color: #757575; border-spacing: 0; border-collapse: collapse; border: 1px #d0dded solid;}
.wm01_tabcon_table table tr{ border: 1px #d0dded solid;}
.wm01_tabcon_table table tr th,.wm01_tabcon_table table tr td{ text-align: left; line-height: 50px; text-indent: 20px;}
.wm01_tabcon_table table tr th{ width: 132px; background: #e9f0f8;  font-weight: bold;}
.wm01_tabcon_table_title{ text-indent: 45px; line-height: 65px; font-size:20px; font-weight: bold ; position: relative; height: 65px; border: 1px #d0dded solid; border-bottom: none; background-image: linear-gradient(to right,#d0dded,#f9f9f9);}
.wm01_tabcon_table_title::after{ content: ""; position: absolute; left: 19px; top: 50%; transform: translateY(-50%); width: 5px; height: 20px; background: #00439a;}
.wm01_tabcon_table_more{ text-align: right; padding: 0 35px; border: 1px #d0dded solid; border-top: none; line-height:50px; background: #f3f8fb;}
.wm01_tabcon_table_more a{ color: #00439a; font-size: 15px;}
.mb46{ margin-bottom: 46px;}
.wm01_tabcon_table table tr td p{ max-height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; text-indent: 0; padding-left: 20px; }
.liuxiang{ text-align: center;}
.liuxiang a{ padding: 0 32px; font-size: 17px; color: #00439a;}
.mt2{margin-top: 8px;}
.waimao_bottom{ box-sizing: border-box; padding-top: 124px; text-align: center;height: 485px; background: url(../img/waimao_bottom_bg.png) center no-repeat;}
.waimao_bottom h2{ font-size: 30px; color: #757575;}
.waimao_bottom h3{ color: #00439a; font-weight: bold; font-size: 30px;}


/* 联系我们 */
.contact_banner{ background: url(../img/qiyebanner04.png) center no-repeat;}
.contact_list_list{ width: 1200px; margin: 70px auto;}
.contact_list_list li{ display: flex; justify-content: space-between; height: 309px; background: #f9f9f9; margin-bottom: 10px;}
.contact_list_list li img{ width: 506px; height: 309px;} 
.contact_list_list_font{ width: 630px;}
.contact_list_list_font div{min-height: 72px;}
.contact_list_list_font div p{  line-height: 24px; color: #909090;}
.contact_list_list_font h2{ padding-top: 10px; line-height: 46px;  color: #003a8c; font-size: 20px; font-weight: bold;}
.contact_list_list_font h3{ font-size: 14px; margin-top: 10px; padding-top: 6px; position: relative; line-height: 30px; font-weight: bold;}
.contact_list_list_font h3::before{ content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 2px; background: #003a8c;}


/* 品牌国贸通 */
.qiyebanner01{ background: url(../img/qiyebanner01.png) center no-repeat;}
.qiyebanner02{ background: url(../img/qiyebanner02.png) center no-repeat;}
.qiyebanner03{ background: url(../img/qiyebanner03.png) center no-repeat;}
.qiyebanner04{ background: url(../img/qiyebanner04.png) center no-repeat;}
.qiyebanner05{ background: url(../img/qiyebanner05.png) center no-repeat;}
.qiyebanner06{ background: url(../img/qiyebanner06.png) center no-repeat;}
.honor_honorcon{ position: relative;}
.honor_honorcon .honornext, .honor_honorcon .honorprev{ top: 212px;}
.corporateculture_classa{ padding-top: 68px; width: 1200px; margin: 0 auto;}
.corporateculture_classa_font{ padding: 0 205px 0 212px;}
.corporateculture_classa_font ul{ display: flex; justify-content: space-between; align-items: center;}
.corporateculture_classa_font ul li{ position: relative; padding: 42px 0 65px; text-align: center; width: 325px;}
.corporateculture_classa_font ul li:first-child{ width: 458px;}
.corporateculture_classa_font ul li h3{ line-height: 33px; position: relative; font-size: 17px; display: inline-block;}
.corporateculture_classa_font ul li h3::after{ content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0;}
.corporateculture_classa_font ul li h2{ line-height: 38px; padding-top: 17px; font-size: 22px; font-weight: bold;}
.corporateculture_classa_font ul li p{ line-height: 30px; font-size: 15px; color: #7b7b7b;}
.corporateculture_classa_font ul li:first-child::after{ content: ""; position: absolute; right: 0; top:48px ; width: 1px; height: 110px; background: #c6c6c6;}
.corporateculture{ padding-bottom: 80px;}
.corporateculture_classb{ background: #f4f4f4; width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.corporateculture_classb div{ width: 700px; text-align: center; padding-top: 32px;}
.corporateculture_classb div h4{ line-height: 25px; font-size: 17px; font-weight: bold;}
.corporateculture_classb div p{ font-size: 15px; line-height: 25px; color: #747474; padding-bottom: 25px;}
.structure_title p{ line-height: 118px; font-size: 17px; color: #838383;}
.brand ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.brand ul li{ float: left; display:flex; align-items: center; justify-content: center; width:599px; height:234px; margin-bottom: 2px;}
.brand ul li:nth-child(1){ background: #e9f3ff; margin-right: 2px;}
.brand ul li:nth-child(2){ background: #e9faff;}
.brand ul li:nth-child(3){ background: #d1ebff; margin-right: 2px;}
.brand ul li:nth-child(4){ background: #d9f6ff;}
.brand ul li:nth-child(5){ background: #e9f5ff; width: 100%; margin-top: 14px;}
.Training_img img{ display: block; margin: 0 auto;}
.internationalli{ width: 1200px; margin: 0 auto; padding-bottom: 96px; display: flex; justify-content: space-between;}
.btdinstitute{ position: relative; padding-bottom: 73px;}
.btdinstitute .swiper-container{ width: 1200px;}
.btdinstitute .honornext{ margin-left:664px ; }
.btdinstitute .honorprev{ left: auto; right: 50%; margin-right:669px ;}
.btdinstitute .honornext,.btdinstitute .honorprev{ top: 510px;}
.Screenshotwechat{ position: relative;}
.Screenshotwechat .swiper-container{ width: 285px; margin: 0 auto;}
.Screenshotwechat .honornext{ margin-left:240px ; }
.Screenshotwechat .honorprev{ left: auto; right: 50%; margin-right:255px ;}
.Screenshotwechat .honornext,.Screenshotwechat .honorprev{ top: 434px;}
.advantage_page{ width: 1200px; margin: 0 auto;}
.advantage_page img{ display: block;}
.advantage_page ul{ padding-top: 55px; overflow: hidden;}
.advantage_page ul li{ margin-bottom: 25px; min-height: 180px; position: relative; box-sizing: border-box; padding-left: 127px; width: 525px; float: right;}
.advantage_page ul li img{ position: absolute; left: 0; top: 0;}
.advantage_page ul li:nth-child(odd){ float: left;}
.advantage_page ul li h2{ line-height: 70px; padding-top: 8px; font-size: 17px; color: #003a8c; font-weight: bold;}
.advantage_page ul li p{ font-size: 15px; line-height: 20px; color: #747474;}
.Join{ width: 1200px; margin: 0 auto;}
.Join h4{ font-size: 30px; text-align: center; line-height: 118px;}
.Join ul{ display: flex; justify-content: space-between;}
.Join ul li{ width: 280px;}
.Join ul li img{ display: block;}
.Join ul li h2{ line-height: 57px; text-align: center; font-size: 20px; padding-top: 8px;}
.Join ul li p{ color: #838383; line-height: 20px; padding-bottom: 30px;}
.btd{ padding: 38px 0 35px ;}
.Delivery{ width: 100%; height:280px; background: url(../img/join/toudi.png) center no-repeat ;}
.Delivery a{ margin: 0 auto; font-size: 15px; line-height: 50px; text-align: center; color: #fff; display: block;width: 190px; height: 50px; border-radius: 100px; background-image: linear-gradient(to right, #005aca , #0fab6b); }
.Delivery h2{ padding: 60px 0 30px; font-size: 30px; text-align: center; color: #FFFFFF;}
.btdcon{ display: flex; justify-content: space-between; padding: 30px 0 95px;}
.jieshao{ display: flex;justify-content: center; align-items: center; width: 655px; height: 250px; background: #eef3f7;}
.jieshao p{ width: 70%; font-size: 15px; color: #747474; line-height: 25px;}
.lxwm{ width: 435px;}
.lxwm h2{ line-height: 88px; padding-top: 6px; font-size: 20px; font-weight: bold; color: #003a8c;}
.lxwm p{ font-size: 15px; color: #747474; line-height: 100%;}
.lxwm ul li{ margin-top: 18px; height: 47px; background-image: linear-gradient(to top,#e5ebf2,#fff); border-radius: 5px; box-shadow: 0 0 10px rgba(16,85,170,0.23);}
.lxwm ul li span{ text-indent: 84px; line-height: 47px; color: #003a8c; font-size: 15px; font-weight: bold; display: block; height: 47px; background: url(../img/join/join_icon02.png) 36px center no-repeat;}
.lxwm ul li:nth-child(2) span{ background: url(../img/join/join_icon01.png) 36px center no-repeat;}
.zhaopin{ background: #f0f3f7; padding-bottom: 58px;}
.zhaopin_table{ background: #FFFFFF;}
.zhaopin_title{ margin-top: 52px; overflow: hidden; border: 1px #d0dded solid; height:67px;background-image: linear-gradient(to right,#d0dded,#f9f9f9);}
.zhaopin_title span,.zhaopin_table dl dt span{ float: left; text-align: center; display: block; line-height: 67px; color: #757575; font-size: 15px; font-weight: bold;}
.zhaopin_title span:nth-child(1),.zhaopin_table dl dt span:nth-child(1){ width: 233px;}
.zhaopin_title span:nth-child(2),.zhaopin_table dl dt span:nth-child(2){ width: 200px; margin-right: 100px;}
.zhaopin_title span:nth-child(3),.zhaopin_table dl dt span:nth-child(3){ width: 90px;}
.zhaopin_title span:nth-child(4),.zhaopin_table dl dt span:nth-child(4){ width: 239px;}
.zhaopin_title span:nth-child(5),.zhaopin_table dl dt span:nth-child(5){ width: 334px;}
.zhaopin_table dl dt{ overflow: hidden; height: 60px; border: 1px #d0dded solid; border-top: none; }
.zhaopin_table dl:nth-child(odd) dt{  background-image: linear-gradient(to top,#e9eef4,#f5f6f8);}
.zhaopin_table dl dt span{ font-size: 14px; font-weight: normal;}
.zhaopin_table dl dt span:nth-child(1){ display: flex; align-items: center; justify-content: start;padding-left: 20px; font-size: 17px; color: #003a8c; font-weight: bold;}
.zhaopin_table dl dt span:nth-child(1) img{ margin-right: 10px;}
.zhaopin_table dl dt span:nth-child(5){color: #003a8c; }
.zhaopin_table dl dd{ display: none; padding: 0 55px 20px; border: 1px #d0dded solid; border-top: none; }
.zhaopin_table dl dd h5{ line-height: 20px; font-weight: bold; padding-top: 20px;}
.zhaopin_table dl dd p{ padding-left: 2em; font-size: 14px; line-height: 20px; color: #747474;}
.zhaopin_table dl.open dd{ display: block;}

/* 免费搜索 */
.search_page_bg{ padding-bottom: 10px; background: #f9f9f9;}
.freesearchbanner{ background: url(../img/freesearchbanner.png) center no-repeat;}
.search_list{ background-color: #f9f9f9;}
.search_page{ height: 225px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #FFFFFF;}
.tool_con_tab{ width: 196px;}
.tool_con_tab li{ cursor: pointer; text-indent: 37px; line-height: 51px; font-size: 15px; font-weight: bold; color: #747474; height: 51px; box-sizing: border-box; border-bottom: 1px #e2e2e2 solid;}
.tool_con_tab li.active{ border: none; background-image: linear-gradient(to right,#005aca,#209dd9); color: #FFFFFF;}
.search_list .button{ padding: 30px 0 46px; display: flex; justify-content: center; overflow:hidden;}
.search_list .button a{ float: none; border: 1px #0159bd solid;}
.search_list table{ background: #fff; width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px #d0dded solid;}
.search_list table tr{ border: 1px #d0dded solid; line-height: 50px;}
.search_list table tr th,.search_list table tr td{ font-size: 14px; color: #757575; text-align: left; text-indent: 17px;}
.search_list table tr td a{ color: #0a4290;}
.search_list table tr:nth-child(even){ background: #f3f8fb;}
.search_list table tr:first-child{ background-image: linear-gradient(to right,#d0dded,#f9f9f9);}
.search_list_title{ line-height: 85px;}
.search_list_title h2,.search_list_title p{ display: inline-block;}
.search_list_title h2{ font-size: 20px; font-weight: bold;}
.search_list_title p{ font-size: 15px; color: #757575; padding-left:40px ;}
.search_list_title p span{ color: #00439a;}
.w855{ width: 855px; margin: 0 auto;}
.input{ border-radius: 5px;}
.input a{ float: left; display: block; line-height: 60px; font-size: 17px; color: #FFFFFF; text-align: center; width: 143px; height: 60px; border-radius: 0 5px 5px 0;background-image: linear-gradient(to right,#005aca,#209dd9)}
.input input{ text-indent: 20px; margin: 0; padding: 0; width: calc(100% - 302px); float: left; height: 58px; border: 1px #0159bd solid;}
.inputselect{ position: relative; margin: 0; float: left; width: 156px;border: 1px #0159bd solid; border-right: none; border-radius: 5px 0 0 5px;}
.inputselect span{ border-radius: 5px 0 0 5px; background:#f9f9f9 url(../img/select_%20bg.png) 132px center no-repeat; display: block; width: 100%; height: 58px; line-height: 58px; font-size: 15px; text-indent: 22px; color: #003a8c;}
.inputselect ul{ display: none; box-shadow: 0 0 10px rgba(0,59,125,0.2); background: #FFFFFF; position: absolute; left: 0; top: 58px; width: 100%; border-radius: 10px;}
.inputselect ul li{ text-indent: 20px; line-height: 46px; font-weight: bold; font-size: 15px; font-weight: bold; color: #003a8c;}
.inputselect ul li:hover{ cursor: pointer; background: #e8ecf0; font-weight: normal;}




.search_page_tab{ padding: 56px 0 13px;}
.search_page_tab ul{  display: flex; justify-content: left;}
.search_page_tab ul li{ position: relative; color: #003a8c; font-size: 20px; line-height:45px; text-indent: 96px; margin-right: 15px; width: 215px; height: 45px; border-radius:10px; }
.search_page_tab ul li:nth-child(1){ background:#e8ecf0 url(../img/sell_icon01.png) 59px center no-repeat;}
.search_page_tab ul li:nth-child(2){ background:#e8ecf0 url(../img/sell_icon02.png) 59px center no-repeat;}
.search_page_tab ul li:nth-child(1).active{ background: #003a8c url(../img/sell_iconhover01.png) 59px center no-repeat; color: #FFFFFF; font-weight: bold;}
.search_page_tab ul li:nth-child(2).active{ background: #003a8c url(../img/sell_iconhover02.png) 59px center no-repeat; color: #FFFFFF; font-weight: bold;}
.search_page_tab ul li.active::after{ content: ""; background: url(../img/tab_on_bg.png) center no-repeat; width:16px; height: 7px; position: absolute ; left: 50%; transform: translateX(-50%); bottom: -7px;}

.tool_con{ display: flex; justify-content: space-between;}
.toolcon{ width: 950px; padding-bottom: 20px;}
.toolsearch{ width: 100%; height: 208px; background: #edf1f5; margin-bottom: 28px;}
.toolcontent table{ background: #fff; width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px #d0dded solid;}
.toolcontent table tr{ border: 1px #d0dded solid; line-height: 50px;}
.toolcontent table tr th,.toolcontent table tr td{ font-size: 14px; color: #757575; text-align: left; padding: 10px 0; line-height: 30px; padding-left: 17px;}
.toolcontent table tr:nth-child(even){ background: #f3f8fb;}
.toolcontent3 table tr:nth-child(odd){ background: #f3f8fb;}
.toolcontent3 table tr:nth-child(even){ background: #FFFFFF;}
.toolcontent table tr:first-child{ background-image: linear-gradient(to right,#d0dded,#f9f9f9);}
.toolcontent3 table tr:first-child{ background-image: none;}
.fenye{ padding: 30px 0; display:flex; justify-content: center;}
.fenye a,.fenye span,.fenye em{ color: #777b8f; font-size: 16px; display: block; width: 50px; height: 50px; text-align: center; line-height: 50px;}
.fenye a.fyprev{ background: url(../img/fyprev.png) center no-repeat;}
.fenye a.fynext{ background: url(../img/fynext.png) center no-repeat;}
.fenye span.current{ background: #777b8f; color: #FFFFFF;}
.fenye a:hover{ background-color: #eceff3;}


/* 港口地图 */
.toolblockcon{ display: none;}
.toolblockcon_h2{ line-height: 100%; font-size: 20px; font-weight:bold; padding-bottom: 18px;}
.Portmap ul,.dangericon ul{ overflow: hidden; border-left: 1px #d0dded solid; border-top: 1px #d0dded solid;;}
.Portmap ul li,.dangericon ul li{ padding-top: 22px; width: 25%; float: left; box-sizing: border-box; border-right: 1px #d0dded solid; border-bottom: 1px #d0dded solid;}
.Portmap ul li img,.dangericon ul li img{ display: block; margin: 0 auto;}
.Portmap ul li h3{ font-size: 14px; color: #757575; line-height: 58px; text-align: center;}
.toolblockconeditor p{ color: #757575; font-size: 14px; line-height: 25px;}
.toolblockconeditor h3{ font-weight: bold; color: #000;line-height: 25px;}
.dangericon ul li{ width: 33.33%; padding: 15px 0 10px;}
.dangericon ul li p{ padding: 0 20px; margin-top: 10px; text-align: center; font-size: 14px; color: #757575; line-height:16px; overflow: hidden; height: 64px;}
.dangericon ul li img{ height: 120px; width: auto;}
.dangericon_tab{ margin-bottom: 20px;}
.dangericon_tab table{ width: 100%; border-collapse: collapse; border-spacing: 0;border: 1px #d4d8dc solid; }
.dangericon_tab table td{border: 1px #d4d8dc solid; color: #757575; line-height: 50px; text-align: center;}
.dangericon_tab table td:hover{ position: relative; z-index: 999; border: 1px #00439a solid;background: #f3f8fb;}
.toolcontent2 table td{border: 1px #d4d8dc solid; }
.toolcontent2 table td p { line-height:25px; padding-left: 20px; text-indent: 0;}
.editercon p{ font-size: 14px; color: #757575; line-height: 20px;}
.dangericon_tab table td strong{ display: block; line-height: 100%; padding-top: 20px;}
.transverse_tab{ margin-bottom: 10px ;}
.transverse_tab ul{ overflow: hidden; border-left: 1px #d4d8dc solid;}
.transverse_tab ul li{ color: #757575; float: left; line-height:46px; text-align: center ; width: 12.5%; box-sizing: border-box; height:48px; border: 1px #d4d8dc solid; border-left: none;}
.transverse_tab ul li.active{ background-image: linear-gradient(to top,#e5ebf2,#fff); border-bottom: 3px #00439a solid;}
.transverse_tab2 ul li.more{ width: 80px;}
.transverse_tab2 ul li{ width: calc((100% - 80px) / 6);}
.toolsearch ul{ padding-top: 45px; display:flex; justify-content: center;}
.toolsearch ul>li input{ width: 100%; text-indent: 24px; height: 48px; line-height: 48px; border-radius: 5px; background: #FFFFFF; border: 1px #d4d8dc solid;}
.toolsearch ul>li h3{ line-height: 48px; font-weight: bold; font-size: 15px;}
.toolsearch ul>li a{ font-size: 15px; text-align: center; line-height: 50px; font-weight: bold; width: 120px; height: 50px; border-radius: 5px; display: block; margin-top: 48px;background-image: linear-gradient(to right,#005aca,#209dd9); color: #FFFFFF;}
.toolsearch ul>li:nth-child(1){ width: 255px;}
.toolsearch ul>li:nth-child(2){ width: 435px; margin: 0 5px;}
.toolcontent table tr th.txtalign, .toolcontent table tr td.txtalign{ padding: 0; text-align: center;}
.city_select{ position: relative;}
.city_select span{ font-size: 15px; color: #747474; line-height: 48px; text-indent:25px ; position: relative; display: block; width: 100%; height: 48px; border-radius: 5px; background-image: linear-gradient(to top,#e5ebf2,#fff); border: 1px #d4d8dc solid;}
.city_select span::after{content: ""; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 7px; height: 4px; background: url(../img/select.png) center no-repeat;}
.city_select ol{ height: 240px; overflow-y: auto; display: none; box-shadow: 0 0 10px rgba(0,59,125,0.2); background: #FFFFFF; position: absolute; left: 0; top: 50px; width: 100%; border-radius: 10px;}
.city_select ol li{ text-indent: 20px; line-height: 46px; font-weight: bold; font-size: 15px; font-weight: bold; color: #003a8c;}
.city_select ol li:hover{ cursor: pointer; background: #e8ecf0; font-weight: normal;}
.city_select:hover ol{ display: block;}
.toolcontent3 table tr td,.toolcontent3 table tr th{ text-align: center; padding-left: 0;}
.toolcontent4 table tr:nth-child(even),.toolcontent4 table tr:nth-child(odd){ background: #FFFFFF;}
.toolcontent4 table tr.tablebg{ background: #f3f8fb;}
.toolcontent4 table tr th.tablebg02{ background: #fff;}

.biaogelink{ margin-bottom: 48px; border-left: 1px #d4d8dc solid; border-top: 1px #d4d8dc solid;}
.biaogelink a{ height: 70px; color: #757575; line-height: 35px; width: calc(100% / 6); box-sizing: border-box; border: 1px #d4d8dc solid; float: left; margin: -1px 0 0 -1px; text-align: center;}
.biaogelink a strong{ display:block; line-height: 100%; padding-top: 18px;}
.biaogelink a:hover{ position: relative; z-index: 9; color: #00439a; border-color: #00439a; background-color: #f3f8fb;}
.editercon{ padding-bottom: 20px;}
.worldsearch a{ height:48px; line-height: 48px; width: calc(100% / 14);}
.kouan a{ height:48px; line-height: 48px; width: calc(100% / 6);}
.dangertab a{ height:48px; line-height: 48px; width: calc(100% / 5);}
a.product_banner_font_link{ display: block; width: 417px; text-align: center; color: #FFFFFF; font-size: 17px; margin: 50px 0;}



.indexbanner{ height: 800px;}
.advantage .index_title h2{ color: #f9f9f9;}


/* 资讯页面 */
.zixun ul{ overflow: hidden;}
.zixun ul li{ margin: 12px; float: left; width: 442px; height: 280px; border: 1px #e0e0e0 solid; box-sizing: border-box; padding: 42px 50px 0;}
.zixun ul li h3{ font-size: 20px; line-height: 25px; font-weight: bold; color: #000; height: 50px; overflow:hidden;}
.zixun ul li p{ padding-top: 24px; position: relative; font-size: 17px; line-height: 20px; height: 40px; overflow: hidden; color: #909090;}
.zixun ul li p::after{ content: ""; width:30px; height: 3px; background: #d80000; position: absolute; left: 0; top: 0;}
.zixun ul li span{ background: url(../img/zixun_icon.png) left center no-repeat; text-indent: 30px; display: block; height: 64px; line-height: 64px; color: #646464; font-size: 17px;}
.zixun ul li:hover{ border-color: #fff; box-shadow:10px 0 20px rgba(0,0,0,0.1) ;}
.zixundetails_content{ width: 1023px; margin: 0 auto; padding:50px 0 120px;}
.zixundetails_content p{     color: #828282;
    font-size: 15px;
    line-height: 30px;
    text-indent: 30px;
    padding-top: 10px;}
.zixundetails_content img{ display: inline-block;}
.zixundetails{ padding-top: 23px;}
.zixundetails h1{ text-align: center; padding: 40px 0 20px; position: relative; font-size: 40px; font-weight: bold; line-height: 50px;}
.zixundetails h1::after{ content: ""; width: 50px; height: 4px; background: #003a8c; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.navg{ text-align: center; line-height: 54px; color: #747474;}
.navg a{ color: #747474;}
.navg em{ color: #003a8c; text-decoration: underline;}
.zixundetails_date { text-align: center; line-height: 40px; color: #747474; font-size: 17px;}
.zixundetails_date em{ color: #003a8c;}
.zixundetails_share{ position: relative; height: 64px; display: flex; justify-content: center; align-items: center;}
.zixundetails_share::after,.zixundetails_share::before{content: ""; width: 565px; height: 1px; background: #e1e1e1; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.zixundetails_share::after{ left: auto; right: 0;}
.zixundetails_share a{ display:block; width: 64px; height: 64px; margin: 0 4px;}
.zixundetails_share a:nth-child(3){ background: url(../img/qq_icon.png) center no-repeat ;}
.zixundetails_share a:nth-child(3):hover{ background: url(../img/qq_iconhover.png) center no-repeat ;}
.zixundetails_share a:nth-child(2){ background: url(../img/wechat_icon.png) center no-repeat ;}
.zixundetails_share a:nth-child(2):hover{ background: url(../img/wechat_iconhover.png) center no-repeat ;}
.zixundetails_share a:nth-child(1){ background: url(../img/weibo_icon.png) center no-repeat ;}
.zixundetails_share a:nth-child(1):hover{ background: url(../img/weibo_iconhover.png) center no-repeat ;}
.qiyebanner03_con h2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; font-size: 40px; font-weight: bold; color: #FFFFFF;}



/* 新增登录和注册 */
.model_close{ display: block; width: 39px; height: 39px; background: url(../img/close.png) center no-repeat; position: absolute; top: -15px; right: -15px;}
.applymodel{ display: none; width: 363px; box-sizing: border-box; padding: 0 34px; background: #fff; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; box-shadow: 5px 0 5px rgba(0,0,0,0.2); }
.applymodel h2{ padding: 32px 0 26px;}
.applymodel h2 span{ font-size: 22px; font-weight: bold; padding-bottom: 12px; display:inline-block; position: relative;}
.applymodel h2 span::after{ content: ""; width: 100%; height:90px; height: 4px; background: #ff6c2f; position: absolute; left: 0; bottom: 0;} 
.applymodel .apply_form ul{ padding: 0;}
.model_bottom{ padding-bottom: 5px; height: 63px; display: flex; justify-content: space-between;}
.model_bottom a{ display: inline-block; line-height: 63px;}
.model_bottom a.nouser{ color: #ff6c2f; font-weight: bold;}
.model_bottom a.forget{ color: #868686;}
.model_bottom a:hover{ text-decoration: underline;}
.model_from ul li{ position: relative;}
a.model_close{ display:block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../img/applymodel_close.png) center no-repeat;}
.model_from ul li input[type="text"],.model_from ul li input[type="password"]{ margin-bottom: 12px; border: none; text-indent: 55px; width: 100%; height: 50px; border-radius: 5px; background: #f5f5f5; line-height: 50px;}
.model_from ul li input.inputuser{ background: #f5f5f5 url(../img/applymodel_user.png) 18px center no-repeat;}
.model_from ul li input.inputpassword{ background: #f5f5f5 url(../img/applymodel_password.png) 21px center no-repeat;}
.model_from ul li.checkbox{color: #868686; margin-bottom: 20px; display: flex; align-items: center; height: 38px; line-height: 38px;}
.model_from ul li.checkbox input{ margin-right: 12px;}
.model_from ul li em{ display: block; width: 38px; height: 50px; position: absolute; top: 0;}
.model_from ul li em.eye{ right: 6px; background:url(../img/applymodel_noeye.png) center no-repeat;}
.model_from ul li em.eye.noeye{ background: url(../img/applymodel_eye.png) center no-repeat;}
.model_from ul li em.keyword{right: 44px;  background: url(../img/applymodel_keyword.png) center no-repeat;}
.xinzengbankuai{ width: 100%; height: 1129px; background: url(../img/gsjj_img000.jpg) center no-repeat;}
.xinzengbankuai1{ width: 100%; height: 488px; background: url(../img/gsjj_img001.png) center no-repeat;}