@charset "utf-8";
/* CSS Document */
body{margin: 0; padding: 0; font-family:"微软雅黑" sans-serif; font-size: 16px; color: #545454; line-height: 1.5; }
a{text-decoration: none; transition: all .4s; color: #000000;}
a:hover{color: #43ac35;}

input:focus{outline: none;}
ul,ul li{list-style: none; margin: 0; padding: 0;}
img{border: 0; vertical-align: middle; max-width: 100%; height: auto;}
p{margin: 0; padding: 0; font-size: 12px; line-height: 24px;}

.pcview{display:block!important;}
.mobileview{display:none!important;}

.wrap{width: 1054px; margin: 0 auto;}

header{width: 100%; height: 82px; position: fixed; top: 0; background-color: #fff; z-index: 999999; box-shadow: 0 0 3px 0 #f1f1f1;}
header .wrap{width: 1054px; display: flex; flex-direction: row; justify-content: flex-start;}
header .wrap .logo{}
header .wrap .logo a{display: block; margin: 25px 0 28px 0;}
header .wrap .logo a img{max-height: 100%;}
header .nav{margin-left: auto; margin-top: 25px;}
header .nav ul{display: flex; flex-flow: row wrap; flex-direction: row; position: relative;}
header .nav ul li{line-height: 30px; padding: 0 19px; background: url("line.png") right center no-repeat;}
header .nav ul li:nth-last-child(1){background: none;}
header .nav ul li a{line-height: 30px; font-size: 14px; text-align: center; }




.banner {margin-top: 82px;}
.banner .slide div{height:452px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}

.iprobox{ padding: 40px 0;}
.iprobox .itit{font-size: 30px; line-height: 60px; text-align: center;}
.iprobox .icon {font-size: 14px; line-height: 30px; color: #5d5c5c; width: 90%; margin: 0 auto; margin-bottom: 40px;}

.iprobox .catbox{display: flex;}
.iprobox .catbox .cat{width: 48%;}
.iprobox .catbox .cat:nth-last-child(1){margin-left: auto;}
.iprobox .catbox .cat .pic{}
.iprobox .catbox .cat .tit{height: 50px; font-size: 24px; line-height: 50px; background: #43ac35; color: #fff; padding-left: 15px;}
.iprobox .catbox .cat .tit a{color: #fff;}
.iprobox .catbox .cat .con{padding: 10px 0; font-size: 14px; line-height: 26px;}
.iprobox .catbox .cat .more{font-size: 14px; text-align: right; line-height: 30px;}
.iprobox .catbox .cat .more a{color: #43ac35;}

.footer{background: #005bac; width: 100%; color: #fff; font-size: 12px; line-height: 26px; padding: 15px 0 20px 0;}
.footer .info1{display: flex; border-bottom: 1px solid #fff; }
.footer .info1 .icp{margin-left: auto;}
.footer .info2{line-height: 26px; padding: 10px 0 0 0;}
.gotop{position: fixed; width: 17px; height: 21px; right: 40px; bottom: 40px; z-index: 9999;}


.mbbox{padding:26px 0 0 0; margin-right:20px; margin-left: auto;}
.mbbox a.mobileBtn{width:30px; height:30px; display: block;margin: 3px 0px 0 0;  cursor:pointer; position: relative;
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;
transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mbbox a.mobileBtn hr{height:4px; background:#009fe3; display:block; margin:0; padding:0; border:none; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.mbbox a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}
.mbbox a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}

.infobanner{ height:334px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover!important; margin-top: 82px;}
.main{padding: 12px 0;}
.main .wrap{display: flex;}
.main .side{width: 18%;}
.main .side .tit{background: #005bac; color: #fff; font-size: 16px; height: 50px; line-height: 50px; padding-left: 10px;}
.main .side .con{}
.main .side .con ul{display: flex; flex-wrap: wrap;}
.main .side .con ul li{width: 100%; padding: 1px 0;}
.main .side .con ul li a{ line-height: 40px; font-size: 12px; display: block; padding-left: 10px;  border-bottom: 1px dashed #dadada;}
.main .side .con ul li a span{color: #005bac; margin-right: 5px;}
.main .side .con ul li a:hover{color: #005bac; }
.main .side .con ul li ul{}
.main .side .con ul li ul li a{ padding-left: 20px;}
.main .side .con ul.procat>li>a{ font-weight: bold;}

.main .maininfo {width: 80%; margin-left: auto;}
.main .maininfo .tit{ height: 46px; border-top: 3px solid #005bac; border-bottom: 1px solid #dadada; line-height: 46px; font-size: 16px;}
.main .maininfo .con{padding: 20px; font-size: 14px; line-height: 26px; color: #9096B0; min-height: 360px;}
.main .maininfo .procon{padding: 40px 0; font-size: 14px; line-height: 26px; color: #9096B0; min-height: 360px;}

.prolist ul{ display: flex; flex-wrap: wrap;}
.prolist li{width: 23%; margin: 0 1%; margin-bottom: 40px;}
.prolist li .pic{border: 1px solid #cdcdcd; text-align: center;}
.prolist li .protit{text-align: center; line-height: 30px; display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.pro_img{text-align: center;}
.pro_yt{text-align: center; line-height: 30px;}
.pro_yt .pro_tit{font-size: 16px;}
.TabsTit{ display: flex; border-bottom: 2px solid #dadada;}
.TabsTit li{width: 100px;}
.TabsTit li a{display: block; text-align: center; padding: 0 10px;}
.TabsTit li a.selected{ color: #005bac; font-weight: bold; border-bottom: 2px solid #005bac; margin-bottom: -2px;}
.tabcon{padding: 10px 0; min-height: 360px;}
#usual1{margin: 20px 0;}

.fenye{ clear:both; width:100%; height:21px; text-align:right; padding:20px 0px;}
.fenye_pro{ clear:both; width:96%; height:21px; text-align:right; padding:20px 0px ;}

/*order*/
.fb_bd1{ border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:0px auto;}
.fb_bd1 td{border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.fb_bd span{ color:#F25F00}
.fb_td_pd{ padding:5px;}
.fb_txt{ border:1px solid #DDDDDD; background:#f7f7f7; width:450px; padding:4px 5px; height:22px; line-height:22px; color:#454545;}
.fb_submit{ background:url(btn_submit.jpg) no-repeat; border:none; width:59px; height:25px; cursor:pointer;}
.fb_resert{ background:url(btn_resert.jpg) no-repeat; border:none; width:59px; height:25px; cursor:pointer;}
.news_list{ clear:both; width:100%; margin:0px auto;}
.news_list li{ overflow:auto; line-height:28px; }

/*newsShow*/
.news_tit{ width:100%; text-align:center; padding-bottom:15px; margin:0px auto; font-size:16px; font-weight:bold}

.proCatpic{margin-bottom: 30px;}

.proCatpic .bCat{font-size: 16px; line-height: 40px; margin:0 1%; margin-bottom: 10px;}
.proCatpic .bCat a{color: #005bac; }
@media (max-width:1054px) {
    .wrap,header .wrap {
        width: 96%;
    }
}

@media (max-width:990px) {
}
@media (max-width:860px) {
    
    header .nav{ display: none; position: absolute; top: 82px; left: 0; background: #fff; width: 100%; margin: 0; padding: 20px 5%;}
    header .nav ul {flex-direction:column;}
    header .nav ul li{line-height: 52px;}
    header .nav.open{display: block; z-index: 999999;}
    .mobileview{display: block!important;}
    header .lang{display: none;}
    .mbbox a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.mbbox a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
    
    .infobanner{height: 280px; background-position: top center; }
    .prolist li{width: 30%; margin: 0 1.5%; margin-bottom: 30px;}
    .banner .slide div{height: 450px;}
    .footer a{color: #fff;}
    .contactcon a{color: #9096B0;}
}
/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/

@media (max-width:768px) {
    .banner .slide div{height: 400px;}
    
    .main .wrap{flex-wrap: wrap;}
    .main .side{width: 100%; margin-bottom: 10px; display: none;}
    .main .side .con ul li{width: 25%; border-bottom: none;}
    
    .main .side .con ul.procat li{width: 50%;}
    .main .side .con ul.procat li ul li{width: 100%;}
    .main .maininfo{width: 100%;}
    .prolist li .protit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .slick-next{right: 20px;}
    .slick-prev{left: 20px;}
    .fb_txt{width: 80%;}
}
@media (max-width:630px) {
    .banner .slide div{height: 300px;}
    .prolist li{width: 46%; margin: 0 2%; margin-bottom: 30px;}
    .infobanner{height: 220px; }
    
    .iprobox .itit{font-size: 20px; font-weight: bold;}
    .iprobox .catbox{flex-wrap: wrap;}
    .iprobox .catbox .cat{width: 100%; margin-bottom: 10px; }
    .iprobox .catbox .cat .pic{width: 100%; text-align: center;}
}
@media (max-width:547px) {
    header .wrap .logo{width: 60%;}
    header .wrap .logo a{margin: 0; height: 83px; line-height: 83px;}
    header .wrap .logo a img{display: inline;}
    .banner .slide div{height: 190px;}
    .i-about .i-about-pic{width: 90%; height: auto;}
    .i-news-box .picnews{width: 90%; height: auto;}
    .i-news-box .newslist .firstnews,.i-news-box .newslist .secnews{width: 90%; height: auto; margin: 0 auto; margin-bottom: 15px;}
    .i-news-box .newslist .firstnews .pic,.i-news-box .newslist .secnews .pic{display: none;}
    .i-news-box .newslist .secnews .list{width: 100%;}
    .i-news-box .newslist .firstnews .title a{font-size: 16px;}
    .i-partner-list li{width: 30%;}
    .i-partner-list li:nth-child(7n){margin: 0 13px 11px 0; }
    .i-partner-list li:nth-child(3n){margin: 0 0px 11px 0; }
    .i-partner-list{padding-bottom: 60px;}
    .i-application .i-app-2{flex-direction: column;}
    .i-application .i-app-2>div{width: 100%;}
    .i-application .i-app-4{flex-wrap: wrap;}
    .i-application .i-app-4>div{width: 50%;}
    .main .maininfo .procon{ padding: 20px 0;}
    .footer .box-l .cattree{width: 100%;}
    .footer .box-l .cattree ul li{display: inline-block; margin-right: 15px;}
    .footer .box-r{flex-wrap: wrap;}
    .footer .box-r .tel,.footer .box-r .addr{width: 100%;}
    .footer .copy{font-size: 14px; line-height: 32px; text-align: center;}
}
@media (max-width:480px) {
    .main .side .con ul li{width: 50%;}
    .infobanner{height: 140px; }
}
@media (max-width:430px) {
    .footer .info1{flex-wrap: wrap;}
}