@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=button],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ font-size: 14px; color:#333;line-height:1.3;background:#fff; font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}
/*body{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}*/

a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.m_left,.i_cslick li p,.more i,.search_form,.search_input,.search_btn,.news_list li,.news_list li font,.mp2_tit a:after{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav > li{ transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; }
.lang a{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1300px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box,.img{ position: relative; display: block; overflow: hidden; }
.img_box img,.img span,.img_box span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover img,.img:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }

body{background: #F1F3F8;}
/*header*/
.header{ height: 110px; line-height: 110px; border-bottom: 1px solid #e6e4e1; background: #fff;}
.h_box{ font-size: 0; }
.nav li{ /*padding: 0 16px;*/ position: relative; float: left; display: block; box-sizing: border-box; }
.nav li > a{ font-size: 20px; display: block; color: #333333; padding: 0 30px; }
.nav li:hover > a{ color: #fff; background: #E9892D; }
.nav li.on > a{ background: #E9892D; color: #fff; box-sizing: border-box; height: 110px; }
.nav-skip { display: none; box-sizing: border-box; width:0.8rem; height:0.8rem; padding:0.4rem 0 0.1rem; text-indent:1.5rem; font-size:0.9rem; line-height:0.8rem; text-align:center;}
.nav-skip span {position:relative; top:0.06rem; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:0.8rem; height:2px; background-color:#7fbe25; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.3rem;}
.nav-skip span:after {top:0.3em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }


/*footer*/
.footer{ font-size: 0.16rem; background: #425383 url(../images/index0010.png)  no-repeat; line-height: 0.25rem; }
.footer .top{ color: #fff; line-height: 0.35rem; padding: 0.35rem 0 0.14rem; border-bottom: 1px solid #eaeaea; }
.footer .top a{ color: #fff; }
.footer .top a:hover{ color: #FB8824; }
.footer .box{ float: left; margin-right: calc(3% - 8px); }
.footer .ftitle{ margin-bottom: 0.14rem; line-height: 0.20rem; font-size: 0.21rem; color: #fff; padding: 16px 0; border-bottom: 1px solid #eaeaea }
.footer .box1{ width: 29.7%; }
.footer .box1 img{ width: 0.20rem; margin-right: 0.1rem; }
.footer .box1 font{ display: inline-block; vertical-align: top; width: calc(100% - 30px); }
.footer .box2{ min-width: 1.45rem; }
.footer .box2 li{ min-width: 0.60rem; margin-right: 0.20rem; }
.footer .box2 li:nth-child(2n){ margin-right: 0; }
.footer .box:last-child{ margin-right: 0; }
.footer .bottom{ color: #fff; padding: 0.20rem 0; line-height: 0.25rem;  }
.footer .logo_footer{width:3rem;height:2.5rem;display:table;}
.footer .logo_footer .img{display:table-cell;vertical-align:middle;}
/*.footer .logo_footer .img img{width:237px;height:83px;}*/



/* 标题 */
.container .title {width: 2.5rem;height: 2rem;margin: 0 auto;position: relative;}
.container .title img {position: absolute;top: 0.40rem; max-width: 100%; }
.container .title h3 {width: 100%;text-align: center;font-size: 0.26rem;font-family: Microsoft YaHei;font-weight: bold;color: #FC6621;position: absolute;top: 0.66rem;}
.container .title p {width: 100%;text-align: center;font-size: 0.16rem;font-family: Microsoft YaHei;font-weight: 400;color: #8C8C8C;position: absolute;top: 1.4rem;}

.container .title1 {width: 4rem;margin: 0 auto; padding: 0.25rem 0 ; position: relative;}
.container .title1 h3 {width: 100%; line-height: 0.85rem; text-align: center;font-size: 0.26rem;font-family: Microsoft YaHei;font-weight: bold;color: #FC6621; background: url(../images/index0015.png) center center no-repeat;background-size:contain;}
.container .title1 p {width: 100%; line-height: 0.35rem; text-align: center;font-size: 0.16rem;font-family: Microsoft YaHei;font-weight: 400;color: #8C8C8C;}


/*公共*/
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}
.wbanner{ height: 750px; clear: both; background-size: cover; background-position: center center;}
.m_main{ padding: 40px 0; }
.m_left{ background: #fff; width: 19.6%; }
.m_right{ background: #fff; width: 78.3%; box-sizing: border-box; }
.m_right img{ max-width: 100%; }
.ml_title{ overflow: hidden; height: 100px; line-height: 100px; box-sizing: border-box; background: #FB8824 ; text-align: center; color: #fff; }
.ml_title h2{ white-space: nowrap; font-size: 26px; }
.ml_title h2 span{ text-transform: uppercase; margin-left: 6px; font-size: 16px; opacity: .2; }

.ml_nav{ border-bottom: 4px solid #eaeaea; border: }
.ml_nav li{ background: #f7f7f7; font-size: 16px; }
.ml_nav li > a{ background: url(../images/icon25.png) 90% center no-repeat; position: relative; display: block; border-bottom: 1px solid #eaeaea; color: #666; padding: 20px 40px 19px 25px; }
.ml_nav li > a .tit{ display: block; height: 100%; top: 0; width: 30px; position: absolute; right: 16px; }
.ml_nav li.on > a .tit,.ml_nav li.active > a .tit{ background: #fff url(../images/icon44.png) center no-repeat; }
.ml_nav li.on > a,.ml_nav li.active > a,.ml_nav dd.on a{ background: url(../images/icon25.png) 90% center no-repeat; color: #FF8200; }
.ml_nav li.on,.ml_nav li.active{ background: #fff; }
.ml_nav li.on dl{ display: block; }
.mr_name{ border-bottom: 1px solid #eaeaea; height: 72px; line-height: 72px; }
.mr_tit{ max-width: 25%; font-weight: bold; font-size: 20px; color: #FF8200; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.paging{text-align: center;clear: both;}
.pagination{ margin: 50px auto;  display: inline-block;}
.pagination li{float: left;}
.pagination .prev,.pagination .next{ padding: 0; width: 94px; }
.pagination .prev i{ background-image: url(../images/icon30.png); }
.pagination .next i{ background-image: url(../images/icon31.png); }
.pagination .prev i,.pagination .next i{ display: inline-block; width: 6px; height: 36px; vertical-align: top; margin-left: 18px;  background-position: center; background-repeat: no-repeat; }
.pagination a,.pagination span,.pagination,.pagination input{ text-align: center; font-size: 14px; color: #666; line-height: 36px; }
.pagination a,.pagination span{ margin: 0 3px 10px; min-width: 28px; padding: 0 4px; display: inline-block; border: 1px solid #c8c8c8; }
.pagination .active{ color: #fff; display: inline-block; border-color: #FF8200; background: #FF8200; }
.pagination .disabled a{ color: #fff; display: inline-block; border: 1px solid #a9a9a9; background: #a9a9a9; }
.pagination font{ display: inline-block; vertical-align: top; margin: 0 16px 0 12px; }
.pagination input[type='text']{ background: none; height: 36px; border: 1px solid #c8c8c8; text-align: center; width: 35px; margin: 0 10px;}
.pagination input.page_sub{ height: 38px; margin-left: 13px; cursor: pointer; width: 62px; background: #004778; border: none; color: #fff;}
.pagination a:hover{ background: #FF8200; border-color: #FF8200; color: #fff; }
.pagination .disabled a:hover{ background: #a9a9a9; border-color: #a9a9a9; color: #fff; }
.show_left{ display: none; padding: 10px 0; position: absolute; cursor: pointer; background: url(../images/icon64.png) center no-repeat; background-size: contain; width: 34px; height: 50px; top: 50%; right: -34px; margin-top: -15px;}
.show_left:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon65.png) center no-repeat; background-size: contain;}
.show_left.active:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }





/*公司简介*/
.a_company{ padding: 36px ; }
.a_company img{ max-width: 100%!important; height: auto!important;  margin: 5px;}
.a_company .content{ line-height: 30px; color: #666; }
.a_company .content h1 { font-size: 2em; margin: .67em 0 }
.a_company .content h2 { font-size: 1.5em; margin: .75em 0 }
.a_company .content h3 { font-size: 1.17em; margin: .83em 0 }
.a_company .content h4 { margin: 1.12em 0 }
.a_company .content h5 { font-size: .83em; margin: 1.5em 0 }
.a_company .content h6 { font-size: .75em; margin: 1.67em 0 }
.a_company .content h1, .a_company .content h2, .a_company .content h3, .a_company .content h4, .a_company .content h5, .a_company .content h6 { font-weight: bolder }



/*列表*/
.news-center-1 .lists{padding-bottom: .2rem;}
.news-center-1 .list{display: flex;padding: .2rem;border-bottom: solid 1px #ddd;}
.news-center-1 .list-left{width:4rem;display: block;cursor: pointer;}
.news-center-1 .list-right{width:12rem;padding: .18rem 0;padding-left: .4rem; padding-top: 0;}
.news-center-1 .tit{margin: 0 0 .15rem;line-height: 1.4;}
.news-center-1 .text{line-height: 1.875;color: #999999;}
.news-center-1 .more{border: solid 1px #999;padding: .12rem .32rem;color:#666;display: inline-block;margin-top: .3rem; }
.news-center-1 .more:hover{border: solid 1px #FF8200;background-color: #FF8200;box-shadow: 0px .1rem .3rem 0px rgba(0, 178, 183, 0.4);color: #fff;}
.news-center-1 .more img{margin-left: 10px;display: inline-block;vertical-align: middle;}
.news-center-1 .more img:last-child{display: none}
.news-center-1 .more:hover img:last-child{display: inline-block;}
.news-center-1 .more:hover img:nth-child(2){display: none;}
.news-center-1 .list-left{position: relative;overflow: hidden; text-align: center;}
.news-center-1 .list-left img{transform: scale(1.001);transition: all 0.5s ease 0s;max-height: 140px;}
.news-center-1 .list-left:hover img{transform: scale(1.07);}
@media(max-width:768px) { 
   .news-center-1 .list{flex-wrap: wrap;}
   .news-center-1 .list> *{width:100%;}
    .news-center-1 .list-right{padding-left: 0;margin-top: .2rem;}
}





/*新闻中心详情*/
.news_detail .info h2{ padding: 0 0 16px; font-weight: bold; font-size: 22px; color: #E9892D; }
.news_detail .info .des{ display: block; color: #999; height: 30px; line-height: 30px; padding-bottom: 20px; border-bottom: 1px dashed #d1d1d1; }
.news_detail .text{ padding: 24px 0; color: #666; line-height: 30px; }





/*产品详情*/
.product-details-1{padding: .3rem;}
.product-details-1 .titext{margin: 0 0.2rem; width: 100%;}
.product-details-1 .tit{font-size: 0.2rem;}
.product-details-1 .text{line-height: 1.8;margin: .2rem 0 .4rem;color: #555555;}
.product-details-1 .box{display: flex;justify-content: space-between}
.xo-left{display:flex;vertical-align: middle;}
.xo-img{width: 3.8rem; height: 2.8rem; text-align: center; line-height: 3rem; }
.xo-img img{cursor: pointer;max-width: 95%;max-height: 95%;}


.product-details-1 .tab_info {margin: 0.2rem 0;}
.product-details-1 .tab_info .parallelogram {width: 100%;height: 45px;display: flex;}
.product-details-1 .tab_info .parallelogram li {display: inline-block;width: 2rem;height: 0.45rem;text-align: center;line-height: 0.45rem;transform: skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);-ms-transform: skew(-20deg);background-color: #B3B3B3;margin: 0 0.15rem; font-size: 0.16rem;color: #FFFFFF;cursor:pointer;}
.product-details-1 .tab_info .parallelogram li.active {background: #3A4C73;}
.product-details-1 .tab_info .content{ padding: 24px 0; color: #666; line-height: 0.4rem; padding: 0.2rem 0;}


/* 表单提交 */
.product-details-1 .touch h3{font-size: 0.3rem;color: #666666;}
.product-details-1 .touch form{width: 7.6rem;}
.product-details-1 .touch input{width: 100%;border: solid 1px rgba(4, 79, 160,.15);height: 50px;padding-left: .2rem;color: #666;margin: 12px 0;font-size: 16px;}
.product-details-1 .touch .input {width: 3rem;}
.product-details-1 .touch .companyinouper {width: 6.7rem;}
.product-details-1 .touch .information {width: 6.7rem;height: 130px;}
.product-details-1 .touch .submit {display: block;width: 180px;height: 50px;background: #D7D7D7;text-align: center;line-height: 50px;font-size: 14px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;border: none;}


/* 合作伙伴 */
.partner {height: 8rem;background-image: url("../images/img18.jpg");background-repeat: no-repeat;background-size: 100%;}
/*.partner .collaborate {justify-content: space-around;}*/
.partner .collaborate .collaborate_li {width: 3.72rem;height: 4.34rem;text-align: center; }
.partner .collaborate .collaborate_li img{max-width: 95%;max-height: 95%;}
.partner .collaborate .collaborate_li p {text-align: center;font-size: 0.20rem;font-weight: 400;color: #333333;}
.knowledge img{ max-width: 100%; max-height: 100%; }


@media (max-width: 760px) {
    .swiper-button-next {
      right: 0.20rem;
    }

    .swiper-button-prev {
      left: 0.20rem;
    }
}


/*合作共赢*/
.winwincooperation {height: 6.62rem;}
.winwincooperation .companydetails {width: 4.70rem;height: 5.85rem;background: #FFFFFF;box-shadow: 0px 0px 18px 0px rgba(200, 200, 200, 0.41);float: left;}
.winwincooperation .companydetails .message,.winwincooperation .companydetails .message_title {width: 100%;height: 0.70rem;text-align: left;line-height: 0.70rem;font-size: 0.16rem;font-family: Adobe Heiti Std;font-weight: normal;color: #000000;border-bottom: 1px solid #D8D8D8; }
.winwincooperation .companydetails .message_title{background-color: #EE8222; color: #fff; text-align: center;} 
.winwincooperation .companydetails .message {text-indent: 2em;}
.winwincooperation .companydetails .erweima {width: 100%;height: 1.85rem; margin-top: 0.38rem; text-align: center;}
.winwincooperation .erweima img {max-height: 85%;display: inline-block;margin: 0 auto;}
.winwincooperation .erweima .guangzhu {font-size: 0.16rem;font-weight: 400;color: #888888;text-align: center;}
.winwincooperation .companyMap {float: right;width: 7.5rem;height: 5.85rem;box-shadow: 0px 0px 18px 0px rgba(200, 200, 200, 0.41);}



/*加入我们*/
.joins .label_box {width: 100%;display: flex;justify-content: space-evenly;}
.joins .label_box li {display: inline-block;width: 1.32rem;}
.joins .label_box li a{display: inline-block;width: 100%;height: 100%;}
.joins .label_box li .icon_img{width: 1.32rem;height: 1.32rem;line-height: 1.32rem;text-align: center;background: #D5D5D5;border-radius: 50%;}
.joins .label_box li img {max-width: 100%;}
.joins .label_box li .icon_title {font-size: 0.24rem;color: #333333; text-align: center;line-height: 0.5rem;}
.joins .label_box li.active .icon_img,.label_box li:hover .icon_img {background: #EE8222;}

.joins .standard {height: 3.71rem;background-image: url("../images/img29.jpg");background-repeat: no-repeat;background-size: 100%;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF; margin-top: 0.9rem;}
.joins .standard h4 {font-size: 0.5rem;width: 100%;text-align: center;padding-top: 0.7rem; margin-bottom: 0.7rem;}
.joins .standard p {font-size: 0.22rem;width: 100%;text-align: center;line-height: 0.5rem;}


.joins .administer {width: 100%;display: flex;justify-content: space-evenly; text-align: center;}
.joins .administer li .administer_title{width: 1.60rem;height: 0.99rem;background: #F4F8FD;border-radius: 0.10rem;text-align: center;line-height: 0.99rem;font-size: 0.18rem;font-family: Microsoft YaHei;font-weight: 400;color: #333333;position: relative;}
.joins .administer li .administer_img {width: 0.42rem;height: 0.42rem; display: inline-block;top: -0.21rem;position: relative;}
.joins .administer li .administer_img img {max-width: 0.42rem;max-height: 0.42rem;}

.joins .welfare {height: 2.82rem;}
.joins .welfare li {width: 25%;height: 2rem;float: left; text-align: center;}
.joins .welfare li .welfare_img{width: 1.65rem;height: 1.65rem; display: inline-block;}
.joins .welfare li .welfare_img img{max-width: 100%;max-height: 100%}
.joins .welfare li .welfare_title {text-align: center; line-height: 0.4rem; font-size: 0.18rem;}
.joins .welfare li:first-child,.welfare li:last-child {position: relative; bottom: -0.82rem;}
.joins .planimg {text-align: center;}
.joins .planimg img{width: 3.02rem; height: 2.16rem;}


/*招聘信息*/
.joins .mainbox{background: #fff;margin-top: 0.5rem;}
.joins .classify-screen {border: 1px solid #ececec;font-size: 0.12rem;padding: 5px 20px 0px;margin: 0.15rem auto;}
.joins .classify-box {padding: 10px 0px;}
.joins .classify-box .classify-name {width: 2rem;float: left;font-size: 0.16rem;font-weight: 400;text-indent: 0.15rem;line-height: 0.30rem;}
.joins .classify-box .classify-screen-con {font-size: 0.16rem;line-height: 0.3rem;float: left;width: 9.8rem;}
.joins .classify-box .classify-screen-con .classify-choose {width: 9.8rem;float: left;}
.joins .classify-box .classify-screen-con a {position: relative;float: left;color: #666;font-size: 0.14rem;height: 0.3rem;line-height: 0.3rem;cursor: pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.joins .classify-box .classify-screen-con a:hover {color: #EE8222;}
.joins .classify-box .classify-screen-con a:after {content: '';display: block;width: 1px;height: 0.16rem;background-color: #e3e3e3;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.joins .classify-box .classify-screen-con a span {padding: 3px 10px;margin: 0 10px;}
.joins .classify-box .classify-screen-con a.selected span {color: #EE8222;}

.joins .mainbox .table {font-size: 0.12rem;padding: 5px 20px 5px;margin: 0.15rem auto; }
.joins .mainbox .table table{width: 100%;border: 1px solid #e5e5e5;}
.joins .mainbox .table table thead{background: #F1F3F8;}
.joins .mainbox .table table tr {width: 100%;text-align: left;border: none;line-height: 0.4rem;border-bottom: 1px solid #e5e5e5;}
.joins .mainbox .table table td{width: 2.2rem;}
.joins .mainbox .table table td:last-child{width: 1.2rem;}
.joins .mainbox .table table td.ww {width: 100% !important;  height: auto;line-height: 0.2rem}
.joins .mainbox .table table th,.joins .mainbox .table table td{ padding: 0.1rem;}






/*首页*/
.home .about{background: #F5F5F5;height: 3.38rem;}
.home .about .about_left{width: 50%; float: left; text-align: right;height: 100%;}
.home .about .about_right{width: 50%; float: right;height: 100%;}
.home .about .about_right img{max-height: 100%;max-width: 100%;}
.home .about .Aboutus_title{width: 60%; display: inline-block; text-align: left;padding-right: 0.5rem;}
.home .about .Aboutus_title h4{color: #FC6621; line-height: 0.8rem;font-size: 0.24rem;}
.home .about .Aboutus_title p{line-height: 0.3rem; font-size: 0.18rem;}
.home .about .Aboutus_title .see {margin-top: 0.25rem;}
.home .about .Aboutus_title .see a{display: inline-block; width: 0.85rem;height: 0.34rem;color: #FFFFFF;background: #FC6621;text-align: center;line-height: 0.34rem;font-size: 0.16rem;}

.home .usabout ul {width: 100%;height: 100%;display: flex;justify-content: space-evenly;align-items: center; margin: 0.5rem 0;}
.home .usabout ul li {display: flex;flex-direction: column;align-items: center;width: 100%;}
.home .usabout p{text-align: center;margin: 0.1rem 0;font-size: 0.18rem;}
.home .usabout .usabout_img{width: 0.66rem;height: 0.66rem;}
.home .usabout .usabout_img img{max-width: 100%;max-height: 100%;}

.home .product{height: 3.94rem;background: #405F7B;}
.home .product .title h3,.home .product .title p{color: #fff;}
.home .product_cate{width: 100%; height: 4.45rem;  background: rgba(107, 134, 154, 0.8); position: relative; top: -1.5rem;z-index: 10; margin: 0 auto;}
.home .product_cate p{width: 50%; height: 100%; float: left; text-align: center;}
.home .product_cate p img{max-width: 100%; max-height: 100%; display: inline-block; position: relative; bottom: 0.25rem;}
.home .product_cate ul{width: 50%; height: 100%; float: right;}
.home .product_cate ul li {color: #FFFFFF; list-style-type: disc; line-height: 0.36rem; margin-left: 1rem;top: 50%;}
.home .product_cate ul li a{color: #FFFFFF; font-size: 0.2rem;}
.home .product_cate ul li:first-child{margin-top: 0.25rem;} 

.home .core ul {width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: center;}
.home .core ul li {width: 2.68rem; height: 3.34rem; display: flex;flex-direction: column;align-items: center;background: #F5F5F5;}
.home .core ul li .core_img {width: 2.68rem; height: 2.43rem; line-height: 2.43rem; text-align: center;}
.home .core ul li .core_img  img{max-width: 100%; max-height: 100%; display: inline-block;}
.home .core ul li .core_title {font-size: 0.16rem;color: #272727;margin: 0.12rem 0;}
.home .core ul li a {display: inline-block;width: 1.35rem;height: 0.28rem;background: #FFFFFF;border: 1px solid #FD7F4C;border-radius: 14px;font-size: 0.12rem;font-weight: 400;color: #FD7F4C;text-align: center;line-height: 0.28rem;}




/* 轮播图 */

.newimg .swiper {
    width:13rem;
    margin:0 auto;
    position:relative;
}
.newimg .current-swiper {
    width:6.5rem;
    height:3.6rem;
    border-radius:10px;
    margin:0 auto;
    box-shadow:0 0 20px rgba(0,0,0,0.05);
    position:relative;
    z-index:99;
}
.newimg .left-swiper {
    position:absolute;
    left:1.5rem;
    top:0.52rem;
    z-index:1;
}
.newimg .right-swiper {
    position:absolute;
    right:1.5rem;
    left:auto;
    top:0.52rem;
    z-index:1;
}
.newimg .nocurrent-swiper {
    width:4.79rem;
    height:2.73rem;
    border-radius:8px;
    box-shadow:0 0 20px rgba(0,0,0,0.05);
}
.newimg .nocurrent-swiper:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(237,240,240,0.9);
    z-index:99;
}






/* 新闻资讯 */
.home .consult {display: flex;justify-content: space-around;margin-top: 0.3rem;width: 100%;}
.home .consult .Journalism {width: 33%;height: 2rem;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;}
.home .consult .Journalism h4 {font-size: 0.18rem;color: #5B5E66;height: 0.42rem;}
.home .consult .Journalism h6 {font-size: 0.14rem;color: #999999;height: 0.45rem;line-height: 0.45rem;}
.home .consult .Journalism p {line-height: 0.2rem;font-size: 0.14rem;color: #999999;height: 0.82rem;}

.home .Seemore a {display: block;font-size: 0.16rem;color: #EE8222;width: 100%;text-align: center;margin: 0.1rem 0;}


.home .Videodisplay {font-size: 0.18rem;font-family: Microsoft YaHei;font-weight: bold;color: #5B5E66;line-height: 0.24rem;margin-bottom: 0.10rem;}
.home .displayvideo {height: 1.98rem;margin-bottom: 0.9rem;}
.home .displayvideo .video {width: 3.56rem;height: 1.98rem;float: left;}
.home .displayvideo .video img{max-width: 100%;max-height: 100%;}
.home .displayvideo .display {width: 7.7rem;font-size: 0.14rem;color: #999999;float: left;margin-left: 0.4rem;}
.home .displayvideo .display p {margin-top: 0.2rem;}
.home .displayvideo .display p a{font-size: 0.16rem;color: #EE8222;margin-top: 0.6rem;}









@media screen and (max-width: 1700px){
	.winwincooperation .companyMap {width: 9rem;}
}
@media screen and (max-width: 1500px){
	.winwincooperation .companyMap {width: 11rem;}
}




@media screen and (max-width: 1320px){
.baseWidth{ width: 94%; margin: 0 3%; }
.header .baseWidth{ width: 96%; margin: 0 2%; }
.wbanner{ height: 620px; }
.nav li{ padding: 0 5px; font-size: 16px; }
.winwincooperation .companyMap {width: 12rem;}

.ml_nav li > a{ padding: 15px 10% 15px 5%;}
}

@media screen and (min-width: 1201px){
.nav{ display: inline-block!important; }
}

@media screen and (max-width: 1200px){
body{ padding-top: 60px; }
.header{ height: 60px; line-height: 60px; position: fixed; top: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.header .logo{ max-height: 40px; }
.nav-skip{ display: inline-block; margin-right: 10px; }
.header .baseWidth{ width: 94%; margin: 0 3%; }
.nav{ box-shadow: 0 2px 2px rgba(0,0,0,.1); display: none; box-sizing: border-box; overflow: auto; position: absolute; top: 50px; right: 0; padding: 10px 0; width: 33.3%; height: auto; background: rgba(255,255,255,.9);}
.nav li{ margin: 0; box-sizing: border-box; padding: 0 30px 0 20px; width: 100%; display: block; float: none; min-height: 45px; line-height: 45px; height: auto; font-size: 16px; font-weight: normal; text-align: left; }
.nav li.on, .nav li:hover{ border-top: none; border-bottom: none; }
.nav li.on > a, .nav li:hover > a{ border: none; height: auto; line-height: 45px; }
.nav li > a{ font-size: 16px; display: block; padding: 0; color: #333; }




.show_left{ display: block; } 
.wbanner{ height: 580px; }
.m_left{ display: block; position: fixed; left: -33.3%; top: 60px; background: #fff; width: 33.3%; min-width: 220px; height: calc(100% - 50px); z-index: 999;}
.m_left .wrap{ position: absolute; height: 100%; overflow: auto; width: 100%; padding-bottom: 50px; box-sizing: border-box; }
.m_left.active{ left: 0; box-shadow: 0 0 20px #999;}
.ml_title{ height: 85px; line-height: 85px; }
.ml_nav li > a{ padding: 15px 10% 15px 5%; background-position: 95% center; }
.ml_nav li.on > a, .ml_nav li.active > a{ background-position: 95%; }
.ml_nav li > a .tit{ right: 2%; }
.ml_title h2{ font-size: 22px; }
.m_right{ width: 100%; }
.nav{ display: none; }
.footer .box{ margin-right: 3%; }

.home .about .Aboutus_title{width: 70%;}
}

@media screen and (min-width: 1151px){

}

@media screen and (max-width: 1150px){

} 

@media screen and (max-width: 1024px){
.wbanner{ height: 500px; }

}

@media screen and (max-width: 900px){
.nav{ width: 50%; }
.wbanner{ height: 420px; }
.winwincooperation .companyMap {width: 10rem;}


}

@media screen and (max-width: 768px){
.wbanner{ height: 380px; }
.a_company .top{ padding: 20px 3%; font-size: 16px; line-height: 26px; }
.a_company .content{ line-height: 26px; }
.m_left{ width: 50%; left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); }
.m_left.active{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
.footer .bottom{ text-align: center; padding: 15px 0; }
.footer .bottom p{ float: none; margin-bottom: 5px; }
.footer .bottom .share_box{ float: none; }
.pagination a,.pagination span{ margin-bottom: 5px; box-sizing: border-box; font-weight: normal; height: 30px; line-height: 30px; min-width: 30px; font-size: 14px; padding: 0 4px; }
.pagination .prev i, .pagination .next i{ height: 28px; }
.pagination .prev, .pagination .next{ width: auto; padding: 0 15px; }
.pagination input[type='text']{ height: 28px; width: 28px; }
.pagination input.page_sub{ width: auto; padding: 0 10px; height: 30px; line-height: 30px; }
.winwincooperation .companyMap {width: 8rem;}
}

@media screen and (max-width: 750px){
.joins .standard {height: 2rem;}
.joins .standard h4 {padding-top: 0.1rem; margin-bottom: 0.1rem;}
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){
.footer .box,.footer .box3 p{ font-size: 12px; }
.footer .ftitle{ font-size: 16px; padding: 5px 0; }
.wbanner{ height: 320px; }
.footer .box2{ display: none; }
}

@media screen and (min-width: 601px){

}

@media screen and (max-width: 600px){
.nav{ width: 100%; }
.wbanner{ height: 300px; }
.nav-skip{ margin-right: 0; }
body{ padding-top: 50px; }
.header{ height: 50px; line-height: 50px; }
.header .logo{ height: 32px; }
.ml_title{ height: 60px; line-height: 60px; }
.m_left{ top: 50px; }
.ml_title{ padding: 0 5%; box-sizing: border-box; }
.ml_title h2{ font-size: 20px; }
.ml_title h2 span{ font-size: 14px; }
.ml_nav li > a{ padding: 10px 10% 10px 5%; }
.ml_nav li{ font-size: 15px; }
.ml_nav dd p a{ font-size: 12px; }
.m_main{ padding: 0 0 20px; }
.a_company{ padding: 20px 0; }
.a_company .top{ font-size: 14px; line-height: 22px; }
.a_company .content{ line-height: 22px; }
.a_company .content p{ font-size: 14px!important; }
.footer .box{ width: 100%; margin-right: 0; }
.footer .box3{ display: none; }
/*.footer .box3 .text{ width: 100%; }*/
.footer .bottom{ font-size: 12px; padding: 10px 0; }
.footer .box p{ line-height: 22px; }
.footer .box1 img{ margin-right: 5px; width: 13px; }
.footer .box1 font{ width: calc(100% - 20px); }
.footer .ftitle{ font-size: 16px; border-bottom: none; margin-bottom: 0; }
.footer .bottom p{ margin-bottom: 0; }
.winwincooperation .companydetails {width: 100%;}
.winwincooperation .companyMap {width: 100%;}

.joins .label_box li img {max-width: 75%;}
.joins .standard {height: 2rem;}
.joins .standard h4 {font-size: 0.3rem;padding-top: 0.1rem; margin-bottom: 0.1rem;}
}

@media screen and (max-width: 500px){
.ml_nav li > a .tit{ right: 1%; }
.wbanner{ height: 200px; }


.home .about .about_left{width: 100%;}
.home .about .Aboutus_title{width: 90%;}
.home .about .about_right{width: 100%;}
.home .about .about_right img{width:100%; }

/*.home .product_cate{width: 7.5rem;height: 3.5rem;}*/
.home .product_cate p img{bottom: 0.15rem;left: 0.15rem;}
.home .product_cate ul li{line-height:0.30rem; }
.home .product_cate ul li:first-child{margin-top:0.16rem; }

.home .displayvideo .video{width: 2.56rem;height: 1.5rem;}
.home .displayvideo .display{width: 5.2rem;margin-left:0.2rem;}
.home .displayvideo{margin-bottom: 0.3rem;}


.newimg .swiper{width: 9rem;}

}

@media screen and (max-width: 370px){
.wbanner{ height: 150px; }

/*.home .product_cate{width: 7rem;height: 3rem;}*/
.home .product_cate ul li{line-height:0.20rem; }
.home .product_cate ul li:first-child{margin-top:0.08rem; }
.home .displayvideo .display{width: 3.5rem;margin-left:0.1rem;}
}