@charset "utf-8";
*{ border:0; margin:0; padding:0; font-family:"微软雅黑"}
li { list-style: none; }
a{ color: #333; text-decoration: none; }
input{outline: none;}
a:focus, a:hover { color: #333; text-decoration: none; }
a:focus { outline: none; outline-offset: -2px; }
header, banner, main, footer{ width:100%;}
.lf{ float:left}
.lr{ float:right;}
.fix_box{display:none!important}
/**top↓**/
.hea_top { height: 30px; width:80%; padding:0 10%; line-height:30px; background:#f0f0f0;}
.hea_top p { float: left; width: auto;}
.hea_top .sitmp { float: right; width: auto; }
.hea_top .sitmp a{padding: 0 10px; border-left:1px #ccc solid;}
.hea_top .sitmp a:nth-child(1){border:0}
/**top↑**/
/**logo_tel↓**/
.hea_ltv{width:80%;display: inline-block; padding:1% 10%;}
.hea_ltv h1{ float:left;width:30%;}
.hea_ltv h1 a{ display:block;}
.hea_ltv h1 a img { width: 100%; }
.hea_ltv .tme{ float:right;}
.hea_ltv .tme b{ font-size:22px; color:#0049a4;margin-top:5%; background:url(../images/tel.png) no-repeat left center; padding-left:55px; display:block;}
.hea_ltv .tme p{ font-size:14px; color:#0049a4; line-height:30px;}
.hea_ltv .wx{ float:right; width:30%;}
.hea_ltv .wx p{ display:block; width:25%; float:right;text-align:center;}
.hea_ltv .wx p:nth-child(2){ margin-left:5%; margin-right:5%;}
.hea_ltv .wx p span{font-size:12px; line-height:25px; display:block;}
.hea_ltv .wx p img{ width:100%; max-width:100px;}
/**logo_tel↑**/
/**nav↓**/
.hea_nav{ width:80%; height:60px; padding:0 10%; background:#0049a4;}
.hea_nav .nav{position:relative; z-index:1;width: 100%;height: 60px;}
.hea_nav .nav a{ color:#fff;  }
.hea_nav .nav .nLi{ float:left;  position:relative; display:inline;width:10%;text-align: center;}
.hea_nav #nav .nLi hr{ border:1px #ccc solid;width: 0px;height: 20px;float: left;margin-top: 20px;}
.hea_nav .nav .nLi h3{ float:left;width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px);height:60px;}
.hea_nav .nav .nLi h3 a{ display:block; width:100%; height:60px;line-height:60px; font-size:16px; font-weight:bold;  }
.hea_nav .nav .sub{ display:none; width:100%; left:0%; top:60px;  position:absolute; background:#0049a4;line-height:40px;}
.hea_nav .nav .sub li{ zoom:1; }
.hea_nav .nav .sub a{ display:block; font-size:14px; text-align:center;}
.hea_nav .nav .sub a:hover{ background:#0e60c7;color:#fff;  }
.hea_nav .nav .on h3 a{background:#0e60c7;color:#fff;   }
.hea_nav #nav .sos{width:60px; height:60px; float:left; margin-left:30px;transition: all .35s ease; display:none}
.hea_nav #nav .sos>form{ width:55px; height:60px; float:left; position:relative;transition: all .35s ease;}
.hea_nav #nav .sos>form>hr{ width:0; left:0; position:absolute; bottom:15px; border-top:1px #ccc solid;transition: all .35s ease;}
.hea_nav #nav .sos>form .cont_text{ width:0px; background:none; height:60px; line-height:60px; float:left; color:#fff; padding-left:5px;transition: all .35s ease;}
.hea_nav #nav .sos>form .cont_btn{ width:50px; height:60px;float: right; background:url(../images/so.png) left center no-repeat;cursor: pointer}
.hea_nav #nav .sos:hover{ width:300px;transition: all .35s ease;}
.hea_nav #nav .sos:hover form{ width:260px;transition: all .35s ease;}
.hea_nav #nav .sos:hover form>hr{width:200px;transition: all .35s ease;}
.hea_nav #nav .sos:hover form .cont_text{ width:200px;transition: all .35s ease;}
.hea_nav #nav .sos:hover form .cont_btn{background-position:center;}
/**nav↑**/
/**banner↓**/
banner .slideBox.ban{ width:100%; height:auto; overflow:hidden; position:relative;}
banner .slideBox.ban .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:30px; z-index:1; }
banner .slideBox.ban .hd ul{ overflow:hidden; zoom:1; float:left;  }
banner .slideBox.ban .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px;text-align:center; background:#fff; cursor:pointer;border-radius:30px;transition: all .5s ease;}
banner .slideBox.ban .hd ul li.on{ background:#0049a4 ; color:#fff; width:40px;transition: all .5s ease;}
banner .slideBox.ban .bd{ position:relative; height:100%; z-index:0;   }
banner .slideBox.ban .bd li{ zoom:1; vertical-align:middle; }
banner .slideBox.ban .bd img{ width:100%;display:block;  }
banner .slideBox.ban .prev{ position:absolute;left:3%;top:50%;margin-top:-30px;display:block;width:60px;height:60px;border-radius:30px;background:url(../images/l.png)#0049a4 center no-repeat; filter:alpha(opacity=30);opacity:0.3;}
banner .slideBox.ban .next{position:absolute;right:3%;top:50%;margin-top:-30px;display:block;width:60px;height:60px;border-radius:30px;background:url(../images/r.png)#0049a4 center no-repeat; filter:alpha(opacity=30);opacity:0.3;}
banner .slideBox.ban .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
banner .slideBox.ban .prevStop{ display:none;  }
banner .slideBox.ban .nextStop{ display:none;  }
/**banner↑**/
/**mainA↓**/
.main{ width:80%; margin:0px auto;display: flow-root; padding:60px 0;}
.mainA .main.product .pronav{ width:200px; padding:20px; background:#e4e4e4;}
.mainA .main.product .pronav.lf .protl{ position:relative; width:100%; height:120px;}
.mainA .main.product .pronav.lf .protl>em{ width:90px; height:100px; border:4px #0049a4 solid; position:absolute; top:0; left:0;}
.mainA .main.product .pronav.lf .protl p{ font-size:28px; position:absolute; top:20px; left:50px; background:#e4e4e4; display:block;}
.mainA .main.product .pronav.lf .protl p span{ font-size:18px; }
.mainA .main.product .pronav.lf ul li{ width:100%; background:#fff; margin-top:20px; height:44px; position:relative;}
.mainA .main.product .pronav.lf ul li a{ width:100%; line-height:44px;text-indent:20px; display:block; position:absolute; top:0; left:0; z-index:20;}
.mainA .main.product .pronav.lf ul li hr{ background:#0049a4 ; width:0; height:100%;content: "";display: table;clear: both; position:absolute; top:0; left:0; z-index:10;transition: all .35s ease;}
.mainA .main.product .pronav.lf ul li:hover a{ color:#fff;}
.mainA .main.product .pronav.lf ul li:hover hr{ width:100%;transition: all .35s ease; background:url(../images/r.png)#0049a4 95% center no-repeat;background-size:5% auto;}
.mainA .main.product .procon{width:-webkit-calc(100% - 270px);width:-moz-calc(100% - 270px);width:calc(100% - 270px);}
.mainA .main.product .procon.lr .keyso{ width:100%; height:50px; background:#ccc;}
.mainA .main.product .procon.lr .keyso .key{ float:left; line-height:50px; color:#333; text-indent:20px;width: 60%;    overflow: hidden;height: 50px;}
.mainA .main.product .procon.lr .keyso .key a{ margin:0 5px; color:#333;}
.mainA .main.product .procon.lr .so{ float:right;width:45%; max-width:500px;}
.mainA .main.product .procon.lr .keyso .so form{ width:100%; float:right; padding:5px;}
.mainA .main.product .procon.lr .keyso .so form>input{ float:left;}
.mainA .main.product .procon.lr .keyso .so form .cont_text{width:-webkit-calc(100% - 85px);width:-moz-calc(100% - 85px);width:calc(100% - 85px);height:40px; text-indent:10px;}
.mainA .main.product .procon.lr .keyso .so form .cont_btn{ width:80px; height:40px; color:#fff; margin-left:5px; text-align:center; background:#0049a4; font-size:16px;}
.mainA .main.product .procon.lr>ol{ padding-top:20px;display: flow-root;}
.mainA .main.product .procon.lr>ol li{ margin-right:1%;float:left;width: 24.25%; margin-top:2%;}
.mainA .main.product .procon.lr>ol li:nth-child(4n){ margin-right:0;}
.mainA .main.product .procon.lr>ol li a{ display:block}
.mainA .main.product .procon.lr>ol li p{ text-align:center; line-height:45px; font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.mainA .main.product .procon.lr>ol li div{ overflow:hidden;box-shadow:0px 0px 1px 2px #e7e7e7;transition: all .35s ease;}
.mainA .main.product .procon.lr>ol li img{ width:100%;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainA .main.product .procon.lr>ol li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainA .main.product .procon.lr>ol li:hover div{box-shadow: 0px 0px 10px 3px #d1d1d1;transition: all .35s ease;}
/**mainA↑**/
/**mainB↓**/
.mainB{ width:100%; background:url(../images/bj.jpg) center no-repeat;}
.mainB .main.sdly{}
.mainB .main.sdly .h_title{ text-align:center; font-size:40px; color:#fff;}
.mainB .main.sdly .h_title span{ font-weight:600; padding-left:30px; margin-left:30px; position:relative;}
.mainB .main.sdly .h_title span::before {content: "";width: 8px;height: 8px;display: inline-block;border-radius: 50%;background-color: #fff; position:absolute; top:50%;left: 0px;}
.mainB .main.sdly .h_title p{ font-size:20px; padding-top:20px;}
.mainB .main.sdly>ul li{width:-webkit-calc(50% - 30px);width:-moz-calc(50% - 30px);width:calc(40% - 30px); float:left; padding:40px 20px; margin:15px 0;min-height:150px; padding-right:10%;cursor: pointer}
.mainB .main.sdly>ul li b{ font-size:24px; padding-bottom:10px; display:block;color:#0049a4;transition: all .1s ease;}
.mainB .main.sdly>ul li p{ font-size:16px; line-height:30px; color:#666;transition: all .1s ease;}
.mainB .main.sdly>ul li:nth-child(2n){ float:right;}
.mainB .main.sdly>ul li:nth-child(1){ background:url(../images/ly1.png)#fff 103.5% center no-repeat;transition: all .35s ease;}
.mainB .main.sdly>ul li:nth-child(2){ background:url(../images/ly2.png)#fff 103.5% center no-repeat;transition: all .35s ease;}
.mainB .main.sdly>ul li:nth-child(3){ background:url(../images/ly3.png)#fff 103.5% center no-repeat;transition: all .35s ease;}
.mainB .main.sdly>ul li:nth-child(4){ background:url(../images/ly4.png)#fff 103.5% center no-repeat;transition: all .35s ease;}
.mainB .main.sdly>ul li:hover{background-position: 100%;transition: all .35s ease;}
/**mainB↑**/
/**mainC↓**/
.mainC .main.about .aboutT{display: inline-table;}
.mainC .main.about .aboutT .aboutimg{ width:48%;overflow: hidden;float: left;height: fit-content;}
.mainC .main.about .aboutT .aboutimg img{ width:100%;}
.mainC .main.about .aboutT .aboutcon{ width:50%; float:right; }
.mainC .main.about .aboutT .aboutcon b{font-weight:600; font-size:40px; padding-bottom:30px; width:100%; display:block;}
.mainC .main.about .aboutT .aboutcon p{ font-size:16px; line-height:30px; color:#333; font-weight:initial; margin-top:10px;}
.mainC .main.about .baoutB{width:100%;float:right;margin-top:6%;box-shadow: 0px 0px 14px 1px #d7d6d6;}
.mainC .main.about .baoutB>div{ width:23%; float:left; padding:1%;cursor: pointer;}
.mainC .main.about .baoutB>div img{ width:30%;margin:5% auto 0;display: block;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainC .main.about .baoutB>div:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainC .main.about .baoutB>div>b{text-align:center; font-size:1.6vw!important; color:#0049a4; margin:10% 0; padding-bottom:0!important;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainC .main.about .baoutB>div:hover b{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainC .main.about .baoutB>div>b span{ font-size:16px; color:#333; font-weight:400; padding-left:10px;}
.mainC .main.about .baoutB>div?b p{ font-size:18px; color:#333; font-weight:400}
/**mainC↑**/
/**mainD↓**/
.mainD{ background:url(../images/bj2.jpg) center no-repeat; background-size:100% 100%;}
.mainD .main.news{}
.mainD .main.news .new_img{ width:570px;}
.mainD .main.news .new_img>b{ font-size:38px; font-weight:600; color:#000;}
.mainD .main.news .new_img>b>p{ font-size:14px; color:#333; display:block; padding:5px 10px; padding-left:0;}
.mainD .slideBox.new{ width:99%; overflow:hidden; position:relative; border:5px #fff solid;margin-top: 30px;}
.mainD .slideBox.new .hd{ height:15px; overflow:hidden;position:absolute;right:0;bottom:0;z-index:1;width: 96%;height: 20px;background: hwb(0deg 0% 100% / 52%);padding: 2%;}
.mainD .slideBox.new .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mainD .slideBox.new .hd ul li{ float:left; margin-right:5px;width:15px;height:15px;background:#fff;border:1px #0049a4 solid;cursor:pointer;border-radius:15px;}
.mainD .slideBox.new .hd ul li.on{ background:#0049a4;border:1px #fff solid;}
.mainD .slideBox.new .bds{ position:relative; height:100%; z-index:0;   }
.mainD .slideBox.new .bds li{ zoom:1; vertical-align:middle; }
.mainD .slideBox.new .bds img{ width:100%; display:block;  }


.mainD .main.news .new_teb{width:-webkit-calc(100% - 600px);width:-moz-calc(100% - 600px);width:calc(100% - 600px);}
.mainD .slideTxtBox.news{ width:100%;text-align:left;  }
.mainD .slideTxtBox.news .hd{ height:50px;position:relative;margin-top: 20px;padding-bottom: 30px;}
.mainD .slideTxtBox.news .hd ul{position:absolute;right:0px; top:0;}
.mainD .slideTxtBox.news .hd ul li{ float:left;width:120px;text-align:center; margin-left:30px;border-radius:10px;height:50px;line-height:50px;background:#dadada;color:#333;cursor:pointer;  }
.mainD .slideTxtBox.news .hd ul li.on{background:#0049a4; color:#fff;}
.mainD .slideTxtBox.news .bd ul{zoom:1;  }
.mainD .slideTxtBox.news .bd li{line-height:24px; margin-top:15px; border-bottom:1px #ccc solid; padding-bottom:10px;}
.mainD .slideTxtBox.news .bd li b{width:-webkit-calc(100% - 120px);width:-moz-calc(100% - 120px);width:calc(100% - 120px); height:25px;display: inline-grid;overflow:hidden;transition: all .35s ease;}
.mainD .slideTxtBox.news .bd li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; margin:14px 0;transition: all .45s ease}
.mainD .slideTxtBox.news .bd li:hover b{ text-indent:20px;transition: all .35s ease;}
.mainD .slideTxtBox.news .bd li:hover p{ text-indent:20px;transition: all .45s ease;}
.mainD .slideTxtBox.news .bd li:nth-child(1){ margin-top:0;}
.mainD .slideTxtBox.news .bd li .date{ float:right; color:#999;  }

.mainD .main.news .new_fr{ width:100%; float:left; padding-top:40px;}
.mainD .main.news .new_fr .txtScroll-left{ width:96%; padding:2%;position:relative;box-shadow: 0px 0px 14px 1px #d7d6d6; display:inline-block;}
.mainD .main.news .new_fr .txtScroll-left>b{ font-size:30px; font-weight:600; color:#0049a4; display:block; float:left; width:100px; height:60px;}
.mainD .main.news .new_fr .txtScroll-left .hd{ overflow:hidden;  height:30px;width:100px; float:right;height:60px;}
.mainD .main.news .new_fr .txtScroll-left>.hd>a{display:block; width:30px; height:30px; float:right; margin:5px;} 
.mainD .main.news .new_fr .txtScroll-left .hd .prev{background:url(../images/l.png)#0049a4 center no-repeat;background-size: 34%;border-radius:25px;}
.mainD .main.news .new_fr .txtScroll-left .hd .next{background:url(../images/r.png)#0049a4 center no-repeat;background-size: 34%;border-radius:25px;}
.mainD .main.news .new_fr .txtScroll-left .bd{overflow:hidden; float:left;width:-webkit-calc(100% - 260px);width:-moz-calc(100% - 260px);width:calc(100% - 260px);height:60px;}
.mainD .main.news .new_fr .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.mainD .main.news .new_fr .txtScroll-left .bd ul li{ margin-right:30px;  float:left; height:60px; line-height:40px; font-size:18px;text-align:left; _display:inline;}
.mainD .main.news .new_fr .txtScroll-left .bd ul li>a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;float: left;transition: all .35s ease;}
.mainD .main.news .new_fr .txtScroll-left .bd ul li>a:hover{color:#0049a4;font-weight:400; text-indent:20px;transition: all .35s ease;}
.mainD .main.news .new_fr .txtScroll-left>hr{ width:100%; border-bottom:1px #ccc solid; height:0;float: left;}
/**mainD↑**/
/**mainE↓**/
.mainE{ background:url(../images/bj3.jpg) center no-repeat; background-size:100% 100%;}
.mainE .main.hzhb{-webkit-calc(80% + 60px);width:-moz-calc(80% + 60px);width:calc(80% + 60px); margin:0 auto;}
.mainE .main.hzhb .picMarquee-left{overflow:hidden; position:relative;width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px);width:calc(100% + 20px);}
.mainE .main.hzhb .picMarquee-left .hd{ overflow:hidden;height:40px; position:absolute; top:50%; margin-top:-20px; width:100%;}
.mainE .main.hzhb .picMarquee-left>.hd>a{display:block; width:30px; height:30px; float:right; margin:5px;} 
.mainE .main.hzhb .picMarquee-left .hd .prev{background:url(../images/l1.png)#fff center no-repeat;background-size: 34%;border-radius:25px; float:left;cursor: pointer}
.mainE .main.hzhb .picMarquee-left .hd .next{background:url(../images/r1.png)#fff center no-repeat;background-size: 34%;border-radius:25px; float:right;cursor: pointer}
.mainE .main.hzhb .picMarquee-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.mainE .main.hzhb .picMarquee-left .hd ul li.on{ background-position:0 0; }
.mainE .main.hzhb .picMarquee-left .bd{ margin:0 auto;overflow: hidden;-webkit-calc(100% - 140px);width:-moz-calc(100% - 140px);width:calc(100% - 140px);}
.mainE .main.hzhb .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.mainE .main.hzhb .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.mainE .main.hzhb .picMarquee-left .bd ul li .pic{ text-align:center; }
.mainE .main.hzhb .picMarquee-left .bd ul li .pic img{ width:250px; height:90px; display:block;}
.mainE .main.hzhb .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.mainE .main.hzhb .picMarquee-left .bd ul li .title{ line-height:24px;   }
.tempWrap{ width:auto!important;}
/**mainE↑**/
/**footer↓**/
footer{ background:#222;}
.foot .main.fottop{}
.foot .main.fottop li{ float:left; color:#fff; margin-right:2%; font-weight:600; font-size:18px; padding-right:2%;}
.foot .main.fottop li:nth-child(5){ width:35%; float:right; margin-right:0;}
.foot .main.fottop li b{ width:100%; display:block; margin-bottom:20px;}
.foot .main.fottop li a{ color:#CCC; display:block; font-size:14px; font-weight:400; margin-top:10px;}
.foot .main.fottop li p{ float:left; display:block; margin-top:10px; width:33%;}
.foot .main.fottop li p>img{ width:70%; display:block; margin:0 auto;}
.foot .main.fottop li p>span{ text-align:center; font-size:14px; line-height:30px; font-weight:200; display:block;}
.foot .fotbot{ border-top:1px #ccc solid;}
.foot .fotbot .fotbco{ color:#FFF; width:80%; margin:0 auto; padding:15px 0;}
.foot .fotbot .fotbco div{ width:100%;display: inline-block;margin-bottom:3px; line-height:25px; font-size:14px;}
.foot .fotbot .fotbco div .bqsm{width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px);width:calc(100% - 170px); float:left;}
.foot .fotbot .fotbco div .bqsm>a{ margin:0; padding:0;}
.foot .fotbot .fotbco div a.bq{ width:150px; text-align:right; display:block; float:right;}
.foot .fotbot .fotbco div a{ color:#fff; padding:0 10px; font-size:14px;}
.pagination{text-align: center;display: inline-block;}
/**footer↑**/
/**main↓**/
/**main↑**/
/**main↓**/
/**main↑**/
/**main↓**/
/**main↑**/
/**main↓**/
@media (max-width: 1500px)  {
    .mainB .main.sdly>ul li{min-height:170px;}
	.mainA .main.product .procon.lr>ol li{ margin-right:2%;float:left;width:31.25%;margin-top:2%;}
	.mainA .main.product .procon.lr>ol li:nth-child(4n){ margin-right:2%;}
	.mainA .main.product .procon.lr>ol li:nth-child(3n){ margin-right:0;}
}
@media (max-width: 1400px)  {
    .mainB .main.sdly>ul li{background-position: 107%!important;}
}
@media (max-width: 1200px)  {
    .mainB .main.sdly>ul li{min-height: 195px;}
	.mainA .main.product .procon.lr .keyso{ display:none}
	.mainA .main.product .procon.lr>ol{padding-top: 0px;}
	.mainA .main.product .procon.lr>ol li{margin-top:0; bottom-top:2%;}
}
@media (max-width: 900px)  {
    .mainB .main.sdly>ul li{min-height: 195px;}	
	.hea_ltv .wx{ display:none}
	.mainA .main.product .procon.lr>ol li{ margin-right:2%;float:left;width:48%!important; margin-top:0; bottom-top:2%;}
	.mainA .main.product .procon.lr>ol li:nth-child(4n){ margin-right:2%;}
	.mainA .main.product .procon.lr>ol li:nth-child(3n){ margin-right:2%;}
	.mainA .main.product .procon.lr>ol li:nth-child(2n){ margin-right:0;}	
}
/**main↑**/