/* CSS Document */

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

.header{ top:55px; }
.search{  top:125px;}

.bj01{ width:160px; }
.bj02{ width:160px; }

.nstit{ font-size:28px;}

.teamlist li .txt h3{ font-size:20px; margin-top:20px;}
.teamlist li .txt span{ font-size:16px;}
.teamlist li .txt p{ font-size:14px; line-height:2;}

.login{ padding:50px 70px;}
}

@media screen and (max-width: 1440px) {
.header{ top:45px; }
.search{ top:115px;}

.baninfo { margin-top:-50px;}
.baninfo .en{ font-size:36px; line-height:42px; }
.baninfo .cn{ font-size:42px;}
.baninfo .cn b{ font-size:54px; line-height:80px;}
.baninfo p{ font-size:18px; line-height:30px; margin-top:10px;}

.nav li{  margin:0 20px; }
.btn{ margin-left:0;}
.btn a{ margin:0 0 0 20px;}

.search{height: 40px;padding: 5px 0px 5px 15px;}

.tit{  margin-top:70px;}
.business{ margin:40px 0 56px 0;}
.business li span{ margin-top:40px;}

.homenews .xian{ top:260px;}
.bj01{ width:120px; }
.bj02{ width:120px; }

.hamain .info{ font-size:14px; line-height:30px;}
.hamain .hometit{ margin:30px 0 40px 0;}


.hnlist{ margin-top:100px;}
.hnlist li .time{ font-size:28px;}
.hnlist li h3{ font-size:16px;}
.hnlist li span{ margin-top:30px;}


.hnsub{ margin:60px auto 80px auto;}

.tit02 .tname h3{ font-size:36px;}
.tit02 .tname p{ font-size:16px; margin-top:15px;}
.tit02 .more{ height:67px;}

.customerlist{ margin:90px 0;}
.customerlist li a{ padding:30px 0 20px 0;}
.customerlist li i{ height:55px;}
.customerlist li span{ font-size:16px; line-height:55px;}

.lkmain{ margin:70px auto 55px auto;}

.ftop{ padding:50px 0 20px 0;}
.finfo img{ height:50px;}
.dbnav { width:60%;}
.dbnav li span{ font-size:14px; margin-bottom:20px;}
.dbnav li a{ font-size:13px;}

.nyban .banwz{ font-size:24px; }

.maintop{ }
.nynav li{ padding:3px 0; line-height:54px; margin-right:20px; font-size:14px;}
.nynav li i{ float:left; height:54px; width:18px; margin:0 5px;}
.nynav li.on, .nynav li:hover{ border-bottom:3px solid #f79017;}
.weizhi{ line-height:60px; padding-left:25px;}

.tit03{ margin-top:60px; font-size:24px;}

.aboutpage{ margin-top:10px;}
.aboutinfo h3{ font-size:24px;}
.aboutimg{ padding:0 25px 25px 0; }


.ablist li h3{ font-size:20px;}
.ablist li p{ margin-top:40px; font-size:14px;}

.melist{ margin:70px 0;}
.melist li{ width:20%;}
.melist li p{ font-size:13px;}

.busico{ padding:55px 0;}
.busico li h3{ font-size:20px; margin:20px 0 8px 0;}

.businessbj{ padding:70px 0 100px 0;}
.businesslist li .txt{ padding-right:55px;}
.businesslist li .txt h3{ font-size:24px; margin-top:40px;}
.businesslist li .txt .info{ font-size:16px; height:96px; margin-top:20px;}
.businesslist li .txt .bustit{ margin-top:25px;}

.businesslist li .txt .num{ left:50px; font-size:160px;}

.businesslist li .txt.fl{ padding:0 0 0 50px;}
.businesslist li .txt.fl .num{ left:auto; right:50px; }

.bushow .txt{ padding:50px;}
.bushow .txt .bustit{ font-size:30px; margin-top:10px;}
.bushow .txt .info{ font-size:14px; margin-top:20px; line-height:1.8;}

.bushow .txt .share{ margin-top:30px;}
.bushow .txt .tel{ margin-top:40px;}
.bushow .txt .tel p{ font-size:24px;}


.coop{ margin:35px 0; height:70px;}
.cooptit{ width:70px; height:70px;  font-size:20px; line-height:25px; padding:10px 0;  }
.coopmain{ padding-left:70px;}
.cooplist li{ height:70px;}


.conlist{ margin:45px 0;}
.conlist li p{ font-size:14px;}

.newslist li{padding:30px 40px;}
.newslist li .txt h3{ font-size:20px; margin:10px 0;}
.newslist li .txt p{ line-height:1.8;}

.newsshow{ margin:35px auto 50px auto;}
.nleft{ padding:25px 40px;}
.nstit{ font-size:24px; margin-bottom:10px;}
.parameter{ margin-bottom:25px;}

.nkuai{ padding:20px; }
.nkuai h3{ font-size:20px; margin-bottom:15px;}
.tag a{ font-size:12px; padding:7px 15px; margin: 0 10px 8px 0;}

.recruit{ margin-top:65px;}
.recruit .rinfo h3{ font-size:24px;}
.recruit .rinfo{ font-size:14px; line-height:2;}

.recruitlist{ margin:45px 0;}
.recruitlist li{ padding:25px;}
.recruitlist li h3{ font-size:20px;}
.recruitlist li .info{ margin-top:15px;}
.recruitlist li .more{ margin-top:20px; width:120px; height:36px; line-height:34px;}

.teamlist{ margin:60px 0;}
.teamlist li .txt h3{ font-size:18px; margin-top:15px;}
.teamlist li .txt span{ font-size:14px;}
.teamlist li .txt p{ margin-top:10px; line-height:1.8;}
.teamlist li .txt .teamtit{ margin-top:15px;}

.loginmain{ margin:50px 0;}

.login{ padding:40px 50px 0 50px;}
.logintop{ margin-bottom:35px;}
.logintop h3{ font-size:24px;}

.loginlist .input{ margin-bottom:16px;}
.loginlist .submit{ margin-top:25px;}

.memlogin .headimg{ width:50px; height:50px;}
.memnav li{ line-height:55px; font-size:16px;}
.prodsearch h3{ font-size:20px;}

.member{ margin:30px 0 60px;}

.frmain{ padding:0 30px 30px 30px;}

.numlist{ margin:40px 0 50px 0;}
.numlist li .number{ font-size:40px; line-height:60px;}

.memprod th{ font-size:14px;}
.memprod td{ font-size:14px;}

.memtit{ font-size:20px; line-height:70px;}

.noticelist li{ font-size:16px;}
.noticelist li a{ height:60px; line-height:60px;}

.fltit{ font-size:20px; line-height:55px;}
.pnlist li{ line-height:55px; font-size:14px;}
.pnlist li a{ padding-left:25px;}

.mtnav{ line-height:55px;}
.mtnav li{ font-size:16px;}

.prodtable{ font-size:14px;}
.prodtable td{  padding:15px;}

.prodfile{ margin:30px 0;}
.prodfile .img{ width:100px;}
.prodfile .info{ font-size:16px;}

.my-map { height: 400px; }
}


@media screen and (max-width: 1200px) {
.header{ top:40px;}
.search{ top:110px;}

.bj01{ display:none; }
.bj02{ display:none; }

.baninfo { margin-top:-30px;}
.baninfo .en{ font-size:28px; line-height:46px; }
.baninfo .cn{ font-size:36px;}
.baninfo .cn b{ font-size:48px; line-height:70px;}
.baninfo p{ font-size:16px; line-height:24px; margin-top:5px;}

.nav li{  margin:0 15px; font-size:16px; }
.btn a{ margin:0 0 0 15px;}

.business{ margin:30px 0 40px 0;}
.business li h3{ font-size:16px; margin:15px 0 10px 0;}

.hamain{ width:48%;}
.hamain .img{ margin-top:20px;}
.hamain .info{line-height:1.8;}
.hamain .hometit{ margin:20px auto 30px auto;}
.tit{ margin-top:50px;}

.homenews .xian{ top:200px;}

.hnlist{ margin-top:72px;}
.hnlist li .time{ margin-bottom:20px;}
.hnlist li h3{ line-height:60px;}
.hnlist li span{ margin-top:20px;}
.hnsub{ margin:40px auto 60px auto;}

.tit02{ margin-top:70px;}

.customerlist{ margin:70px 0;}
.customerlist li a{ padding:25px 0 10px 0;}
.customerlist li i{ height:40px;}
.customerlist li span{ font-size:14px; line-height:40px;}

.fbottom .copy{width:90%; padding:0;}
.fbottom .wechat{ width:8%;}


.nyban .banwz{ font-size:20px; }

.tit03{ margin-top:40px;}
.aboutimg{ padding:0 20px 20px 0; }


.melist{ margin:50px 0;}
.melist li{ width:25%;}

.businessbj{ padding:50px 0 75px 0;}
.businesslist li .txt h3{ font-size:20px; margin-top:30px;}
.businesslist li .txt .info{ font-size:14px; height:84px; margin-top:15px;}
.businesslist li .txt .bustit{ margin-top:20px;}
.businesslist li .txt .num{ font-size:140px;}



.bushow .txt{ padding:40px 40px 0 40px;}
.bushow .txt .bustit{ font-size:24px; margin-top:0; }

.bushow .txt .share{ margin-top:20px;}
.bushow .txt .tel{ margin-top:30px; background-size:auto 75%; padding-left:50px;}
.bushow .txt .tel p{ font-size:20px;}

.bus-prev,.bus-next{ width:40px; height:50px; margin-top:-25px;}


.coop{ margin:30px 0; height:60px;}
.cooptit{ width:60px; height:60px;  font-size:18px; font-weight:normal; line-height:20px; padding:10px 0;  }
.coopmain{ padding-left:60px;}
.cooplist li{ width:20%; height:60px;}

.conlist{ margin:35px 0;}
.conlist li{ padding:0 20px;}

.newslist{ margin-top:40px;}
.newslist li{padding:25px 30px;}
.newslist li .txt h3{ font-size:18px; margin:8px 0;}
.newslist li .txt p{ line-height:1.8;}
.newslist li .txt p{ font-size:12px;}


.newsshow{ margin:25px auto 40px auto;}

.nleft{ padding:20px 30px;}
.nstit{ font-size:20px; margin-bottom:5px;}
.nstit2{ margin-top:20px; }
.parameter{ margin-bottom:20px;}
.showtxt{ margin-top:30px;}
.nbottom{ margin-top:30px;}

.recruit{ margin-top:50px;}

.teamlist{ margin:40px 0;}
.teamlist li .txt h3{ font-size:16px; margin-top:10px;}
.teamlist li .txt span{ font-size:14px;}
.teamlist li .txt p{ margin-top:8px; font-size:12px; line-height:1.8;}
.teamlist li .txt .teamtit{ margin-top:10px;}
.tit .more{ font-size:12px; line-height:20px; line-height:20px;}

.loginmain{ margin:40px 0;}

.login{ padding:25px 40px 0 40px;}
.logintop{ margin-bottom:25px;}
.logintop h3{ font-size:20px;}

.loginlist .input{ margin-bottom:12px;}
.loginlist .submit{ margin-top:20px;}
.loginlist .submit input{ font-size:16px; line-height:40px; height:40px;}

.member{ margin:20px 0 40px;}

.numlist{ margin:30px 0;}
.numlist li .number{ font-size:32px; line-height:50px;}

.memprod{ border:none; margin-bottom:0;}
.memprod tr{ width:100%; display:block; margin-bottom:20px;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.memprod thead{ display:none;}
.memprod td{ width:100%; display:block; text-align:left; padding:10px 20px!important; line-height:1.8;}
.memprod td span{ display: inline;}

.memtit{ font-size:18px; line-height:60px;}

.noticelist li{ font-size:14px;}
.noticelist li a{ height:50px; line-height:50px;}

.prodfile{ margin:20px 0;}
.prodfile .img{ width:80px;}
.prodfile .info{ font-size:14px;}

}

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


.container{ width:100%; padding:0 4%; }
.search{ top:115px;}

.nav li{  margin:0 10px; font-size:14px; }
.btn{ margin-top:5px;}
.btn a{ margin:0 0 0 10px;}

.ftop{ padding:40px 0 15px 0;}
.finfo img { height:40px;}
.finfo p{ font-size:12px;}

.dbnav li span{ margin-bottom:15px;}
.dbnav li a{ font-size:12px;}

.page{  padding:30px 0;}
.page a{ width:36px; height:36px; line-height:36px; }
.page span{ width:36px; height:36px; line-height:36px; }

.melist li{ width:33.33%;}


.busico{ padding:20px 0 40px 0;}
.busico li{ width:50%; margin-top:20px;}
.busico li h3{ font-size:18px; margin:15px 0 5px 0;}

.businessbj{ padding:40px 0 60px 0;}


.bushow .txt{ padding:30px 30px 0 30px;}
.bushow .txt .bustit{ font-size:20px; }
.bushow .txt .info{ margin-top:10px;}
.bushow .txt .share{ margin-top:15px;}
.bushow .txt .tel{ margin-top:20px; }
.bushow .txt .tel p{ font-size:18px;}

.bus-prev,.bus-next{ width:32px; height:40px; margin-top:-20px;}


.coop{ margin:20px 0; }
.cooplist li{ width:25%;}

.newslist{ margin-top:30px;}

.recruit{ margin-top:35px;}

.recruitlist{ margin:30px 0;}
.recruitlist li { width:48%; margin:1%!important;}

.frmain{ padding:0 20px 20px 20px;}

.memleft{ width:24%;}
.memright{ width:75%;  }

.prodtable tr{ width:100%; display:block;  }
.prodtable tr td:nth-child(1){ display:none;}
.prodtable td{  width:100%; display:block; padding:10px!important;   }


}

@media screen and (max-width: 860px) {
.weizhi{ display:none;}

.businessbj{ padding:20px 0 40px 0;}
.businesslist li .img{ width:100%;}
.businesslist li .txt{ width:100%; padding-bottom:20px; padding-right:20px;}
.businesslist li .txt h3{ font-size:18px; margin-top:20px; }
.businesslist li .txt .info{ font-size:14px; height:auto; margin-top:10px; line-height:1.8;  }
.businesslist li .txt .num{ left:20px;}
.businesslist li .txt .bustit{ margin-top:10px; }
.businesslist li .txt.fl{ width:100%;  padding:0 0 20px 20px;}
.businesslist li .txt.fl .num{ left:auto; right:20px; }

.bushow .txt{ padding:20px 20px 0 20px;}
.bushow .txt .bustit{ font-size:18px;}
.bushow .txt .info{ font-size:13px;}
.bushow .txt .share{ display:none;}

.conlist{ margin:20px 0;}
.conlist li{ width:48%; margin:1%; }

.newslist li{padding:20px;}
.newslist li .txt h3{ font-size:16px; font-weight:normal; margin:5px 0;}
.newslist li .txt p{ line-height:1.8;}
.newslist li .txt p{ font-size:12px;}


.newsshow{ margin:20px 0;}

.nleft{ width:100%; padding:20px;}
.nstit{ font-size:20px;}
.nspage{ padding:5px 0;}
.nspage div{ width:100%; padding:5px;}
.nspage div.fl{ border:none;}
.nspage div.fr{ text-align:left;}
.nright{ width:100%; margin-top:20px;}

.recruit{ margin-top:20px;}
.recruit .rinfo{ width:100%; margin-top:20px;}
.recruit .rinfo h3{ font-size:20px;}
.recruit .rimg{ width:100%;}

.teamlist{ margin:20px 0;}
.teamlist li { width:48%; margin:1%!important;}


.loginmain{ margin:20px 0;}

.loginmain .loginimg{ display:none;}
.loginmain .login{ width:100%; padding:20px;}
.logintop{ margin-bottom:15px;}
.loginlist .submit{ margin-top:15px;}

.memleft{ width:100%; margin-bottom:20px; display: none;}
.memright{ width:100%; min-height: auto; }
.memnav li{ width:33.33%; float:left; line-height:45px;}

.numlist li{ width:50%;}

.pnlist li{ width:50%; line-height:45px;}
.mtnav{ line-height:45px;}
.mtnav li{ width:33.33%; text-align:center; }
.mtnav li a{padding:0; display:block;}

.prodtxt{ padding:20px 0;}

}

@media screen and (max-width: 768px) {
.header{ top:0px; padding:10px 0; background:#415366; position:fixed; z-index: 100000000;}
.logo img{ height:30px; margin:5px 0; }
.nav-toggle{ display:block;}
.search{ top:60px;}
.banner { height: calc(40vh); margin-top:60px;  }
.baninfo { text-align: center; }

/*.nav{ display:none;  width:100%; position:fixed; top:60px; left:0; border-top:1px solid #ffffff; z-index: 100;}*/
.nav{width:100%; display: none; border-top:1px solid #ffffff; margin-top:20px; }
.nav li{ width:100%; margin:0; text-align:left;}
.nav li>a{line-height:40px; padding:0 20px; font-size:16px;border-bottom:1px solid #ffffff; display:block;  }
.nav li:hover>a{border-bottom:1px solid #ffffff;}

.lower{ display: none; }

.baninfo{ margin-top:-35px;  }
.baninfo .en{ font-size:18px; line-height:24px; }
.baninfo .cn{ font-size:18px;}
.baninfo .cn b{ font-size:24px; line-height:32px;}
.baninfo p{ font-size:12px; line-height:18px; }

.tit{ margin-top:20px;  }
.tit .tname h3{ font-size: 20px; }
.tit .tname span{ font-size:14px; }
.tit .more{ height:20px; padding-right: 20px;}
.tit .more:after{ border-top: 5px solid transparent;border-left: 7px solid #333333; border-bottom: 5px solid transparent;}
.tit .more:hover:after{border-left: 7px solid #f79017;}

.fbottom{ padding:10px 0;}

.ftop{ display:none;}
.p01{ display:none;}
.wechat { display:none;}

.business{ margin: 20px 0 0 0; }
.business li{ width:100%; margin:0; padding-bottom:20px;}
.business li span{ margin-top:20px;}

.homenews .xian{ top:130px;  }
.hnlist{ margin-top:40px; }
.hnlist li{ width:48%; }
.hnlist li .time{ font-size:20px;}

.hnsub{ margin:20px auto;}

.tit02{margin-top:20px;}
.tit02 .tname h3{ font-size: 22px;}
.tit02 .tname p{ font-size:14px; margin-top:10px; }
.tit02 .more{ height: 46px; }

.hamain{ width:100%;}
.haboutbj{ position:static; height:200px; width:100%;}

.customerlist{ margin:20px 0;}
.customerlist li{ width:30%; margin-right:5%; margin-bottom:5%; }
.customerlist li.cus03{ margin-right:0;}

.lkmain{ margin:20px 0;}
.links li{ width:18.8%;}

.nyban{ width:100%; overflow:hidden; margin-top:60px; }
.nyban img{ width:160%; margin-left:-30%;}
.nyban .banwz{ font-size:18px; margin-top:-30px; }

.maintop{ }
.nynav{ width:100%;}
.nynav li{ padding:2px 0; line-height:46px; margin-right:0; font-size:14px; width:25%; }
.nynav li a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nynav li i{ float:left; height:46px; width:18px; margin:0 5px;}
.nynav li.on, .nynav li:hover{ border-bottom:2px solid #f79017;}


.aboutpl{ padding:0; }
.tit03{ margin-top:20px; font-size:20px;}
.aboutinfo h3{ font-size:18px;}

.aboutinfo{ width:100%; margin-bottom:20px; line-height:1.8; }
.aboutimg{ padding:0 15px 15px 0;  width:100%;}

.ablist{ margin:0 0 20px 0;}
.ablist li{ width:100%; margin-top:20px;}
.ablist li h3{ font-size:18px;}
.ablist li p{ margin-top:15px;}


.memorabilia{ padding: 0; }
.melist{ margin: 20px 0; }
.melist li{ width:50%;}

.busico{ padding:0 0 20px 0;}
.busico li{ width:100%; margin-top:20px;}
.busico li i{ height:45px; width: 45px; }
.busico li h3{ margin:10px 0 5px 0;  }
.busico li p{ line-height:1.8; }

.bushow{ margin-top:20px;}
.bushow .img{ width:100%;}
.bushow .txt{ width:100%; padding:20px;}

.cooptit{ font-size:16px;}
.cooplist li{ width:50%;}

.newslist{ margin-top:20px;}
.newslist li{ margin-bottom:10px; padding:15px; }
.newslist li .txt{ width:65%}
.newslist li .txt p{ -webkit-line-clamp:2;}
.newslist li .img{ width:30%;}

.recruitlist{ margin:20px 0 0 0;}
.recruitlist li { width:100%; margin:0 0 20px 0!important;}
.recruitlist li .info{ height:auto;}

.teamlist{ margin:20px 0 0 0;}
.teamlist li { width:100%; margin:0 0 20px 0!important;}

.noticelist li a{ height:auto; line-height:1.8; padding:8px 0; overflow:hidden;}
.noticelist li a:after{ display:none;}
.noticelist li span{ display:block; width:100%;}

.partnerlist{ margin:20px 0; }
.partnerlist li{ float:left; width: 48%; margin:1%;   }

.honorlist{ margin:20px 0; }
.honorlist li{ float:left; width: 48%; margin:1%;   }

.memform{width: 100%;}
.memform li{ margin-bottom:0;}
.memform li .litle{ width: 100%; text-align: left; }
.memform li .litext{ width: 100%; }
.memform li .input{ width:100%; }
.memform li .buttom{ width: 100%; margin-top:20px;}

.page{ padding:20px 0; }

.nstit{ font-size:18px;  }
.parameter{ font-size:12px;  }

.memprod tr{ margin-bottom:10px; }
.memprod td{ padding:5px 10px!important; }
.memprod td a{ margin:0 15px 0 0; }

.my-map{ height:260px;  }
}

@media screen and (max-width: 480px) {
.homenews .xian{ top:100px;  }

.hnlist{ margin-top:20px; }
.hnlist li{ width:98%; }
.hnlist li .time{ margin-bottom: 10px; }
.hnlist li h3{ line-height:40px; }

.links li{ width:49.25%;}

.melist li{ width:100%;}

.conlist li{ width:100%; margin:0 0 0 2% 0; }
.conlist li p{ margin-top:0; }

.newslist li .txt p{ -webkit-line-clamp:1;}

}