@font-face {
  font-family: "华康圆体W3";
  src: url("../font/华康圆体W3.woff2") format("woff2"),
       url("../font/华康圆体W3.woff") format("woff"),
       url("../font/华康圆体W3.ttf") format("truetype"),
       url("../font/华康圆体W3.eot") format("embedded-opentype"),
       url("../font/华康圆体W3.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 16px;letter-spacing:1px;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#000;}
body { font-size:16px;  word-wrap:break-word; overflow:hidden;color:#000;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover, a:active, a:focus{text-decoration:none; color:#004098;}
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap {max-width:1640px;padding:0 15px;height:auto; margin: 0 auto;   }
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}


/*焦点图*/
.indexbanner{position:relative;  padding-top: 5.5em;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:2em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:2px; background-color:#0183dc;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%;left:0;text-align:center; width:100%; z-index:10;}

.mask { height: 100%; position: absolute;width:100%; z-index: 4;top: 0%; left: 0; background: url(../images/mask.png) center;}
.indexbanner .ban{  position: absolute;width:100%; z-index: 6;top:34%;left: 0;text-align:center;}
.pcbannerimg2{display:none;}


.indexbanner .swiper-button-prev2, .indexbanner .swiper-button-next2 {width: 28px; height: 56px;position: absolute; cursor: pointer;top: 45%;z-index: 3333;}
.indexbanner .swiper-button-prev2 {background: url(../images/preImg.png) left center no-repeat;left: 5%;background-size: 100%;}
.indexbanner .swiper-button-next2 {background: url(../images/nextImg.png) left center no-repeat; right: 5%; background-size: 100%;}

@media screen and (max-width: 1140px) {
.indexbanner{padding-top:5em}
.indexbanner .ban{width:85%;left: 5%;right: 5%;}
}
@media screen and (max-width: 750px) {
.indexbanner .swiper-pagination-bullet:after , .indexbanner .swiper-pagination-bullet:before{    height: 1px;}
.indexbanner .ban{width:75%;left: 12.5%;right: 12.5%;}
.pcbannerimg2{display:block;}
.video{display:none !important;}
.indexbanner .swiper-button-next2{background-size:60%}

}
.tit{width:100%;height:auto;clear:both;text-align: center;overflow:hidden;margin-bottom:5%;}
.tit h3{width:60%;height:auto;float:left;}
.tit h3 a{display:block;width:100%;text-align:left;font-size:2.4rem;font-family:"Constantia";color:#000;display:inline-table;line-height:2;}
.tit h1{width:60%;height:auto;float:left;}
.tit h1 a{display:block;width:100%;text-align:left;font-size:3rem;color:#000;display:inline-table;letter-spacing:1px;}
.tit span{display:block;width:50px;height:2px;background:#fc0114;clear:both;}
.tit p{width:100%;text-align:center;color:#333;font-size:1.6rem;line-height:2;margin-top:5rem;display:inline-table;}
.tit font{font-family: "Constantia";color: #004098;font-size: 8rem;font-weight: bold;display: block;width: 30%;height: 100px;float: left;line-height: 60px;text-align: right;padding: 0px 10px;}
.tit .titc{width:40%;height:auto;clear:both;margin:0 auto;text-align: center;}


.tit2{width:100%;height:auto;clear:both;text-align: center;}
.tit2 h3{width:60%;height:auto;float:left;}
.tit2 h3 a{display:block;width:100%;text-align:left;font-size:2.6rem;font-family:"Constantia";color:#fff;display:inline-table;line-height:2;}
.tit2 h1{width:60%;height:auto;float:left;}
.tit2 h1 a{display:block;width:100%;text-align:left;font-size:3rem;color:#fff;display:inline-table;letter-spacing:1px;}
.tit2 span{display:block;width:50px;height:2px;background:#fc0114;clear:both;}
.tit2 p{width:100%;text-align:center;color:#333;font-size:1.6rem;line-height:2;margin-top:5rem;display:inline-table;}
.tit2 font{font-family: "Constantia";color: #004098;font-size: 8rem;font-weight: bold;display: block;width: 100px;height: 100px;float: left;line-height: 60px;text-align: right;padding: 0px 10px;}
.tit2 .tit2c{width:100%;height:auto;clear:both;margin:0 auto;text-align: center;}

.more {width:152px;height:42px;color:#fff;background:#004098;border:solid #004098 1px;transition:all 1s;display: block;margin:4% auto 0 auto;clear: both;}
.more p{width:100px;line-height:40px;font-size:1.4rem;color:#fff;float:left;text-align:center;transition:all 1s}
.more span{ width:50px; float:left;position:relative; overflow:hidden;display:block;margin-top:10px;transition:all 1s}
.more span img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(50px 0 #004098); -webkit-filter: drop-shadow(50px 0 #004098);transition:all 1s}
.more:hover span img{transform: translate(-50px, 0);-webkit-transform: translate(-50px, 0);-ms-transform: translate(-50px, 0);-o-transform: translate(-50px, 0);transition:all 1s}
.more:hover {background:#fff;border:solid #004098 1px;transition:all 1s}
.more:hover p{color:#004098;transition:all 1s}


@media (max-width:990px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit h3{width:60%;height:auto;float:left;}
.tit h3 a{display:block;width:100%;text-align:left;font-size:2rem;font-family:"Constantia";color:#000;font-weight:normal;display:inline-table;}
.tit h1{width:60%;height:auto;float:left;}
.tit h1 a{display:block;width:100%;text-align:left;font-size:2.5rem;color:#000;display:inline-table;letter-spacing:1px;}
.tit span{display:block;margin-top:1rem;width:50px;height:2px;background:#fc0114;clear:both;}
.tit p{width:100%;text-align:center;color:#333;font-size:1.6rem;line-height:2;margin-top:5rem;display:inline-table;}
.tit font{font-family:"Constantia";color:#004098;font-size:7rem;font-weight: bold;display: block;width: 100px;height: 100px;float: left;line-height: 60px;text-align: right;padding: 0px 10px;}
.tit .titc{width:100%;height:auto;clear:both;margin:0 auto;text-align: center;}



.tit2{width:100%;height:auto;clear:both;text-align: center;}
.tit2 h3{width:60%;height:auto;float:left;}
.tit2 h3 a{display:block;width:100%;text-align:left;font-size:2rem;font-family:"Constantia";color:#fff;display:inline-table;line-height:2;}
.tit2 h1{width:60%;height:auto;float:left;}
.tit2 h1 a{display:block;width:100%;text-align:left;font-size:3rem;color:#fff;display:inline-table;letter-spacing:1px;}
.tit2 span{display:block;width:50px;height:2px;background:#fc0114;clear:both;}
.tit2 p{width:100%;text-align:center;color:#333;font-size:1.6rem;line-height:2;margin-top:5rem;display:inline-table;}
.tit2 font{font-family: "Constantia";color: #004098;font-size: 8rem;font-weight: bold;display: block;width: 100px;height: 100px;float: left;line-height: 60px;text-align: right;padding: 0px 10px;}
.tit2 .tit2c{width:100%;height:auto;clear:both;margin:0 auto;text-align: center;}
}



@media (min-width:991px) and (max-width:1080px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit h3{width:80%;}
.tit h1{width:80%;}
.tit font{min-width:10%;max-width:15%;}
.tit .titc{width:50%;height:auto;clear:both;margin:0 auto;text-align: center;}

}
@media (min-width:1081px) and (max-width:1200px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit font{width: 30%;text-align:right;}
.tit .titc{width:50%;height:auto;clear:both;margin:0 auto;text-align: center;}

}
@media (min-width:1201px) and (max-width:1320px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit font{width: 30%;text-align:right;padding: 0px 10px;}
.tit .titc{width:50%;height:auto;clear:both;margin:0 auto;text-align: center;}
.tit h3{width:65%;}
}

@media (min-width:1321px) and (max-width:1440px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit font{width: 30%;text-align:right;padding: 0px 10px;}
.tit .titc{width:50%;height:auto;clear:both;margin:0 auto;text-align: center;}
.tit h3{width:65%;}
}
@media (min-width:1441px) and (max-width:1600px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit font{width: 30%;text-align:right;padding: 0px 10px;}
.tit .titc{width:50%;height:auto;clear:both;margin:0 auto;text-align: center;}
.tit h3{width:65%;}
}

@media (max-width:500px){
.tit font , .tit2 font{font-size:6rem;height:auto;}
.tit h1 a , .tit2 h1 a{font-size:2.2rem;}
.tit h3 a , .tit2 h3 a{font-size:1.6rem;}
.accordion-handle h4 , .hz li .des p{font-size:1.4rem;}
}






.container3 {max-width:1640px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.index01{width:100%;overflow:hidden;padding:5vw 0 3vw 0;background:url(../images/bg.jpg) no-repeat top center;background-size:cover}
.index_t{margin-bottom:3vw;}
.index_t h1{font-size:45px;}
.index_t p{margin-top:0.8vw;}
.hz li{width:100%;overflow:hidden;margin-bottom:2vw;}
.hz li .pic{width:55%;float:left}
.hz li .pic img{width:100%;}
.hz li .des{width:45%;padding:3vw;float:right}
.hz li .des h2{font-size:24px;margin-bottom:1vw}
.hz li .des p{line-height:2em;}

.hz li:last-child .pic{float:right;width:45%;}

.hz li:last-child .des{float:left;width:55%;margin-top:2vw}



@media (max-width:1440px){
.index_t h1{font-size:40px;}
}
@media (max-width:1200px){
.index_t h1{font-size:35px;}
.hz li .des h2{font-size:22px;}
}
@media (max-width:1024px){
.index_t h1{font-size:30px;}

}


@media (max-width:850px){
.index_t{text-align:center}
.hz li .pic , .hz li:last-child .pic{width:100%;}
.hz li .des , .hz li:last-child .des{width:100%;margin-top:0;padding:3vw 0;}
.index_t h1{font-size:25px;}
.hz li .des p {line-height: 1.8em;}
.hz li .des h2{font-size:20px;}
}



.mm{width:100%;height:auto;clear:both;position:relative;}


#toggle-menu{float:left;background-position:0 0;background-color:#e70608}
#toggle-search{float:right;width:35px !important;height:35px;background:url(../images/search.png) no-repeat center top;border:none;margin-top:32px}
#toggle-search.open:after{top:40px}
#toggle-search:after{-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:52px;left:40%}
#toggle-basket{position:relative;float:right}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:40px;content:""}
.phone{width:100%;text-align:right;line-height:80px;font-weight:bold;font-size:1.8rem;}
.phone img{max-width:100%;width:auto;height:auto;padding:0px 10px;}
@media (max-width:768px){
#container{width:100%;padding:10px}
.phone{line-height:normal;}
.phone img{clear:both;}
}

@media (max-width:1660px){
.phone{line-height:normal;}
.phone img{clear:both;}
}

@media (min-width:992px){
.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}.navbar-brand img{max-width:100%;height:auto}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;font-family:"微软雅黑"}
.k2 a{color:#a1a1a1}
.k3{float:right}
.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;font-family:"微软雅黑"}
.k4{float:right}
.k4 .yya{background:url(../images/xiala.png) 90px center no-repeat;text-align:center;color:#a1a1a1;cursor:pointer}
.k4 .yya2{display:block;text-align:center}
.search{text-align:left;padding:30px;position:relative;height:300px}
.hotSearch{height:30px;line-height:30px;font-weight:normal;margin-top:20px;font-size:14px}
.hotSearch a{display:block;color:#a1a1a1}
#formsearch input{background:#fff;border:1px solid #c8c8c8;outline:none}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;width:430px}
#formsearch input#s_btn{width:70px;height:30px;line-height:30px;text-align:center;background-color:#035cac;color:#fff;border:none;cursor:pointer}
.k4{float:right;text-align:right;position:relative;z-index:9999;width:115px}
.th-head{position:absolute;left:0;top:0;z-index:999999;right:0;height:auto;border-bottom:solid #334d71 1px;}
.logo{display:block;width:100%;height:auto}
.logo img{width:auto;margin-top:5px}
@media (max-width:468px){
.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}
@media (min-width:469px) and (max-width:768px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}
@media (min-width:768px) and (max-width:990px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:991px) and (max-width:1200px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}.navBar2{z-index:1}
.navBar2 .bignav{height:73px !important;margin:0;padding:0}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{position:relative;display:inline;text-align:center;float:left;width:14%}
.navBar2 .bignav .m:hover{background-size:100%}
.navBar2 .bignav .on{border-bottom:solid #fc0114 2px;border-radius:2px;}
.navBar2 .bignav h3 a{zoom:1;line-height:80px !important;display:block;font-size:16px}
.navBar2 .bignav #m1 .sub{z-index:9999;width:200px;padding-top:45px}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;color:#000000}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:100px;float:left;line-height:30px;background:url(../images/navbj.png)top repeat-x #ffffff;height:auto}
.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{width:279px;height:144px;float:right;text-align:left;margin-right:59px;color:#565656;font-size:24px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;line-height:24px}
.navBar2 .bignav .sub .subr img{width:279px;height:144px;margin-bottom:10px}
.navBar2 .bignav .sub dl{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:165px;padding:0px 20px;height:230px}
.navBar2 .bignav .sub dl dt{border-bottom:1px solid #e5e5e5;font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-family:"Microsoft YaHei"}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../images/navh.png) 105px center no-repeat}
@media (max-width:468px){.navbar-brand{width:60%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:auto;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
#toggle-search{margin-top:17px !important}
.navbar-toggle{margin-top:17px !important}
#search-form{max-height:72px}
}
@media (min-width:469px) and (max-width:768px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:90px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
}
@media (min-width:768px) and (max-width:990px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:90px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
}
@media(max-width:768px){.slideBox{margin-top:20%}
}
@media(max-width:425px){.slideBox{margin-top:12%}
}
@media(max-width:375px){.slideBox{margin-top:14%}
}
@media(max-width:320px){.slideBox{margin-top:17%}
}
.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0%}
.slideBox .bd{width:100%;height:100%;z-index:0}
.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none;position:relative}
.slideBox .bd ul img{width:100%;display:block}
.slideBox .bd ul .zi{max-width:100%;width:auto;height:auto;position:absolute;top:30%;right:10%}
.slideBox .prev{position:absolute;top:50%;left:0;display:block;width:50px;height:75px;background:url(../images/l.png)8px center no-repeat rgba(0,0,0,.4)}
.slideBox .next{position:absolute;top:50%;right:0;display:block;width:50px;height:75px;background:url(../images/r.png)15px center no-repeat rgba(0,0,0,.4)}
.slideBox .prev:hover{background:url(../images/l.png)8px center no-repeat rgba(0,0,0,.7)}
.slideBox .next:hover{background:url(../images/r.png)15px center no-repeat rgba(0,0,0,.7)}
@media (max-width:768px){.slideBox .prev,.slideBox .next{top:25%}
}.innbj{width:100%;height:55px;background:#e8e8e8}
.m_wnews{position:relative;zoom:1;overflow:hidden}
.m_wnews strong{display:block;float:left;overflow:hidden;text-align:center;font-weight:normal;font-size:16px;color:#333333;line-height:55px}
.m_wnews div{padding-left:5px;font-size:14px;color:#666666;line-height:55px;height:55px}
.m_wnews div a{float:left;background:url(../images/dhln.png)right center no-repeat;padding:0px 10px 0px 10px}
.m_wnews div span{font-size:14px;color:#c0c0c0;padding-left:15px;line-height:55px}
@media (max-width:768px){.m_wnews div span{display:none}
}.m_wnews .pagesize{position:absolute;right:0px;top:17px}
.m_wnews .pagesize a.prev{display:block;background:url(../images/up.png) center no-repeat;width:29px;height:17px;float:left}
.m_wnews .pagesize a.next{display:block;background:url(../images/down.png) center no-repeat;width:29px;height:17px;float:left;margin-left:4px}
.slideTxtBox{margin-top:18px;display:block}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{margin:0;padding:0}
.slideTxtBox .hd ul li{list-style:none;font-size:16px;cursor:pointer;color:#666666;text-align:center;background:url(../images/tab2.png)left 25px no-repeat;line-height:80px;position:relative}
.slideTxtBox .hd ul li span{position:absolute;display:none;width:17px;height:10px;left:50%;margin-left:-8px;bottom:-9px;background:url(../images/san.png)center no-repeat}
.slideTxtBox .hd ul li:first-child{background:none}
@media (max-width:767px){.slideTxtBox .hd ul li:nth-child(4){background:none}
.slideTxtBox .hd ul li{line-height:50px;font-size:12px;text-align:left}
.col-xs-4{width:33.33333%}
}
.slideTxtBox .hd ul li.on{background:url(../images/probac.png) no-repeat center center;color:#fff}
.slideTxtBox .hd ul li.on a{color:#fff}
.slideTxtBox .hd ul li.on span{display:block}
.slideTxtBox .bd{width:100%;background:#f1f1f1}
.slideTxtBox .bd .container{padding:45px 35px 40px 35px}
.slideTxtBox .bd .bdl{text-align:left}
.slideTxtBox .bd .bdl p{font-size:14px;color:#7b7b7b;line-height:24px}
.slideTxtBox .bd .bdl p:nth-child(1){font-size:28px;color:#035cac;line-height:28px;display:block}
.slideTxtBox .bd .bdl p:nth-child(2){font-size:28px;color:#7b7b7b;line-height:28px;display:block;margin-top:17px;margin-bottom:40px}
.slideTxtBox .bd .bdl a{display:block;width:167px;height:44px;border:1px solid #dcdcdc;text-align:center;line-height:44px;font-size:14px;color:#7b7b7b;margin-top:35px;margin-bottom:10px}
.slideTxtBox .bd .bdr{overflow:hidden;text-align:right}
.slideTxtBox .bd .bdr img{width:100%}
.injssl{margin-top:61px}
.injssl ul{margin:0;padding:0}
.injssl li{list-style:none;text-align:center;margin-bottom:10px}
.injssl li div{padding:59px 0px;background:url(../images/hui.png)repeat;transition:all 2s;cursor:pointer;height:374px}
.injssl li div .img{display:block;width:93px;height:93px;margin:0 auto;overflow:hidden;position:relative}
.injssl li div .img img{position:absolute;top:0;left:0}
.injssl li div h3{display:block;font-size:30px;font-weight:normal;margin-top:12px;color:#333333}
.injssl li div span{display:block;width:80%;margin:0 auto;font-size:14px;color:#333333;line-height:24px;margin-top:22px}
.injssl li:hover div{background:url(../images/lan.png)repeat}
.injssl li:hover div h3 a{color:#fff}
.injssl li:hover div span{color:#fff}
.injssl li:hover div img{position:absolute;top:-93px;left:0}
.c3{width:100%;background:url(../images/c3.jpg)no-repeat;background-size:cover;margin-top:93px;padding-bottom:140px}
.c3l h3{display:block;padding-top:120px;font-size:24px;color:#ffffff}
.c3l span{display:block;width:86%;font-size:16px;color:#ffffff;line-height:28px;margin-top:25px}
.c3l .c3more{display:block;width:176px;height:53px;text-align:center;line-height:53px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.27);font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:60px}
.slideBox2{width:100%;height:100%;position:relative;margin-top:40px}
.slideBox2 .bd{z-index:0;width:100%;height:100%;overflow:hidden}
.slideBox2 .bd ul{margin:0;padding:0}
.slideBox2 .bd li{zoom:1;vertical-align:middle}
.slideBox2 .bd img{width:100%;height:100%;display:block;cursor:pointer;transition:all 2s}
.slideBox2 .bd img:hover{transform:scale(1.2)}
.slideBox2 .prev{display:block;width:65px;height:58px;background:url(../images/l2.png)center no-repeat;position:absolute;bottom:-30px;right:120px}
.slideBox2 .next{display:block;width:65px;height:58px;background:url(../images/r2.png)center no-repeat;position:absolute;bottom:-30px;right:52px}
#footer1{display:block;width:100%;background:#1b1f24;padding-bottom:40px}
#footer2{display:block;width:100%;background:#000000;height:auto;border-top:1px solid #333333}
#footer2 .f6{width:190px;float:right;color:#fff;font-size:1.6rem;line-height:2}
#footer2 .f6 img{width:190px;height:190px}
#footer3{display:block;width:100%;background:#000;height:auto;border-top:1px solid #111111;padding:20px 0px}
.ft1{font-size:16px;color:#cacaca;float:left;padding-top:64px}
.ft1 a{color:#cacaca}
#gotop{display:block;background:url(../images/gtop.png)left center no-repeat;cursor:pointer;font-size:14px;color:#cacaca;padding-left:22px;width:85px;float:right;margin-top:57px}
.ft2{text-align:center;height:auto;padding-top:58px}
.ft2 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft2 p:nth-child(2){font-size:16px;color:#ffffff}
.ft22{width:1200px;margin:0 auto;text-align:center;height:auto;padding-top:58px}
.ft22 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft22 p:nth-child(2){font-size:16px;color:#ffffff}
.ft3{text-align:center;padding-top:80px;padding-bottom:90px}
.ft32{width:1200px;margin:0 auto;text-align:center;padding-top:80px;padding-bottom:90px}
.ft4{}
.ft4 li{float:left;padding:0 3%;text-align:left;width:17%}
.ft4 li:last-child{border-right:none}
.ft4 li h3{font-size:1.6rem;color:#ffffff;font-weight:normal}
.ft4 li h3 a{font-size:1.9rem;color:#ffffff;font-weight:normal;line-height:2;font-weight:bold}
.ft4 li .fsec{padding-top:7px}
.ft4  .pp2{width:30%}
.ft4  .pp2 .pp201{width:50%;float:left}
.ft4  .pp2 p{line-height:2;position:relative;top:1rem;color:#f1f1f1;font-size:1.4rem}
.ft4 li .fsec a{display:block;color:#fff;line-height:28px;font-size:1.6rem}
.ft42 ul{text-align:center}
.fc{width:22%}
@media (max-width:767px){.fc{width:80% !important}
}.ft42 li{display:inline-block;height:255px;padding:0 45px;text-align:left;border-right:1px solid #333333;vertical-align:top}
.ft42 li:last-child{border-right:none}
.ft42 li h3{font-size:14px;color:#ffffff;font-weight:normal}
.ft42 li .fsec{padding-top:7px}
.ft42 li .fsec a{display:block;font-size:12px;color:#838383;line-height:28px}
.ft5{height:auto;width:25%}
@media (max-width:767px)
{.ft5{height:auto;width:100%}
}
.ft5 img{width:100%;height:100%}
.ft6{font-size:16px;color:#fff}
.ft6 a{color:#fff;float:right}
.ft6 p{display:inline}
.ft62{width:100%;margin:0 auto;text-align:center;font-size:12px;color:#666666;line-height:20px}
.ft62 p{display:inline}
.mfooter{display:block;text-align:center;background:#1b1f24;width:100%;padding-top:35px;border-top:3px solid #0055AC;padding-bottom:35px}
.mfooter ul{width:95%;margin:0 auto}
.mfooter ul li{font-size:16px;line-height:45px;border-bottom:1px solid #333333}
.mfooter ul li:last-child{margin-bottom:35px}
.gs{text-align:center}
.th-head{position:absolute;left:0;top:0;z-index:999999;right:0;height:auto;background:#fff;}
.thHeadBox{position:relative;left:0;top:0;width:100%}
@media (max-width:990px){.th-head{position:relative !important}
}.atit{width:100%;height:230px;position:relative;padding:50px 10px}
.atit h1{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h1 a{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h3{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit h3 a{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit .t1{display:block;width:12px;height:12px;margin:0 auto;background:#d9000b}
.atit span{display:block;line-height:100px;font-size:1.6rem;color:#000;font-weight:normal;position:relative;top:-10px;display:block;clear:both}
@media(max-width:469px){.th-head{position:relative !important}
.atit h1{font-size:4rem;position:relative;line-height:1}
.atit h3{font-size:3rem;width:100%;position:static;float:none;line-height:1.6}
.atit span{display:block;line-height:100px;font-size:1.6rem;position:static;float:none;line-height:2}
.atit  font{border-top:#c52103 4px solid}
}.ainfo{width:100%;clear:both;height:auto;margin:0 auto;padding-top:65px}
.ainfo p{width:85%;margin:0 auto;text-align:center;color:#fff;font-size:16px;line-height:2.2}
@media (max-width:1700px){.ft4 .pp2{display:none}
.ft4 li{width:100%}
.ft4 li .fsec{width:100%}
.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft4 li .fsec a{width:33.33333%;float:left}
.ft4 .f3{width:33.33333%;float:left}
.col-md-10{width:70%;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
}@media (max-width:1320px){.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
.ft5 p  img{float:none !important;margin:0 auto;margin-top:1rem}
.ftp5 p{text-align:center}
.ft4 .pp2{display:none}
}@media (max-width:1600px){.ft4 .pp2{display:none}
}.ab{min-height:60rem;background-size:100% !important}
.col-md-11{width:20%}
.col-md-11 .phone{display:block;padding-top:15px}
.col-md-11 .phone img{vertical-align:middle;max-width:100%}
.hovertreebottom{display:none}
@media (max-width:991px){.hovertreebottom{display:block}
}





/*关于我们PC选项卡*/
.about{width:100%;height:auto;clear:both;position:relative;padding: 5% 0;background:url(../images/about.jpg) no-repeat center top;background-size:cover;}
.about .yuan{width:30%;float:left;position:relative;}

.about .yuan2{width:410px;height:410px;border-radius:410px;border:solid #898283 2px;display:inline-block;}
.about .yuan2 a{width:400px;height:400px;border-radius:400px;margin:5px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height:1.5;padding:0px;-webkit-animation:pulse 4s ease infinite alternate,nudge 4s linear infinite alternate;animation:pulse 4s ease infinite alternate,nudge 4s linear infinite alternate}
.about .yuan2 a img{width:100%;height:100%;}
.about .yuan2:hover{border:solid #004098 2px}

@-webkit-keyframes pulse{0%,100%{}
50%{}
}@keyframes pulse{0%,100%{}
50%{}
}@-webkit-keyframes nudge{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
80%{-webkit-transform:translate(-5px,0);transform:translate(-5px,0)}
}@keyframes nudge{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
80%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
}



.about .about_info{width:65%;float:right;}
.about .about_info .about_info_a1{width:100%;height:auto;clear:both;}
.about .about_info .about_info_a1 p{width:100%;line-height:2.2;color:#000;}
.about .about_info .more{float:left;margin-top:3rem;}

.about .about_info ul{width:100%;height:auto;clear:both;padding-top:10%;}
.about .about_info ul li {width:23%;float:left;margin-left:1%;margin-right:1%;text-align:center}
.about .about_info ul li span{ width:60px;position:relative; overflow:hidden;display:block;margin-top:10px;transition:all 1s;display:inline-table;}
.about .about_info ul li span img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(60px 0 #004098); -webkit-filter: drop-shadow(60px 0 #004098);transition:all 1s}
.about .about_info ul li p{clear:both;line-height:2;color:#000;font-size:1.6rem;}
.about .about_info ul li:hover span img{transform: translate(-60px, 0);-webkit-transform: translate(-60px, 0);-ms-transform: translate(-60px, 0);-o-transform: translate(-60px, 0);transition:all 1s}
.about .about_info ul li:hover {transition:all 1s}
.about .about_info ul li:hover p{color:#004098;transition:all 1s}



@media (max-width: 990px){
.about .yuan{display:none;}
.about .about_info{width:100%;}

}


@media (max-width: 500px){
.about .yuan{width:100%;display:block;loat:left;position:relative;text-align:center;}
.about .about_info .about_info_a1 p{font-size:1.4rem;line-height:1.8}
.about .about_info{width:100%;clear:both;}
}












/*产品中心*/
.product{width:100%;height:auto;clear:both;position:relative;padding: 5% 0 0 0;background:url(../images/product.jpg) no-repeat center top;background-size:cover;}
.product .mm{overflow:hidden;}
.swiper-container2{width: 100%;width:100%;height:50vh;}
.swiper-slide{position: relative;width: 100%!important;}
.swiper-slide .info{float:right;width: 40%;padding: 5%;box-sizing: border-box;height:100%;background:#fff;}
.swiper-slide .info h3{color: #000;}
.swiper-slide .info h3 a{color: #000;font-size:3rem;}
.swiper-slide .info h2{color:#e6e5e5;}
.swiper-slide .info h2 a{font-size: 2.4rem;color:#e6e5e5;line-height:3;}
.swiper-slide .info p{color: #000000;font-size: 1.4rem;line-height:2.2;}
.swiper-slide .info a{font-size: 16px;color:#f6900a;font-weight: bold;}
.swiper-slide .img{float: left;width:60%;overflow: hidden;box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);height:100%;}
.swiper-slide .img img{width: 100%;height:100%;}
.swiper-pagination{text-align: left;}
.swiper-pagination-fraction{left: 45px;font-weight: bold;font-size: 20px;}
.swiper-button-next,
.swiper-button-prev{top: auto;bottom: 14px;width: 27px;height: 15px;}
.swiper-button-prev{left: 25px;}
.swiper-button-next{right: auto;left: 80px;}



.product2{width:100%;height:auto;clear:both;position:relative;padding: 3% 0 0 0;}

.demo{}
.post-slide{margin:10px}
.post-slide:hover .post-img{box-shadow:1px 1px 10px #333;}
.post-slide .post-img{overflow:hidden}
.post-slide .post-img img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s}
.post-slide:hover .post-img img{transform:scale(1.08)}
.post-slide .post-content{background:#fff;clear: both;margin-top:2rem;}
.post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize;text-align: center;}
.post-slide .post-title a{display:inline-block;color:#000;font-weight:normal;transition:all 0.3s ease 0s;text-align:center;}
.post-slide .post-title a:hover{color:#3d3030;text-decoration:none}
.post-slide .post-description{font-size:15px;color:#676767;line-height:24px;margin-bottom:14px}
.post-slide .post-bar{padding:0;margin-bottom:15px;list-style:none}
.post-slide .post-bar li{color:#676767;padding:2px 0}
.post-slide .post-bar li i{margin-right:5px}
.post-slide .post-bar li a{display:inline-block;font-size:12px;color:#808080;transition:all 0.3s ease 0s}
.post-slide .post-bar li a:after{content:","}
.post-slide .post-bar li a:last-child:after{content:""}
.post-slide .post-bar li a:hover{color:#3d3030;text-decoration:none}
.post-slide .read-more{display:inline-block;padding:10px 15px;font-size:14px;font-weight:bold;color:#fff;background:#e7989a;border-bottom-right-radius:10px;text-transform:capitalize;transition:all 0.30s linear}
.post-slide .read-more:hover{background:#333;text-decoration:none}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}



@media (max-width: 468px){
.swiper-container2{height:auto !important;}
.swiper-slide .info{width:100%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .info a{font-size: 10px;}
.swiper-slide .img{width:100%;}
.swiper-button {position:static !important;margin-top:5rem;margin-bottom:5rem;clear:both;}
.swiper-slide .info h3 a{font-size:2rem}
.swiper-slide .info h2 a{line-height:2}
}

@media (min-width:469px) and (max-width: 768px){
.swiper-container2{height:auto !important;}
.swiper-slide .info{width:100%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .img{width:100%;}
.swiper-button {position:static !important;margin-top:5rem;margin-bottom:5rem;clear:both;}
.swiper-slide .info h3 a{font-size:2.5rem}
.swiper-slide .info h2 a{line-height:2.4}

}

@media (min-width:769px) and (max-width: 990px){
.swiper-container2{height:auto !important;}
.swiper-slide .info{width:100%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .img{width:100%;}
.swiper-button {position:static !important;margin-top:5rem;margin-bottom:5rem;clear:both;}
.swiper-slide .info h3 a{font-size:2.5rem}
.swiper-slide .info h2 a{line-height:2.4}

}


@media (min-width:991px) and (max-width: 1080px){
.swiper-slide .info{width:50%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .img{width:50%;}
.swiper-button {right:39% !important;}
.product2{padding: 4rem 0rem 0rem 0rem;}
.swiper-slide .info h3 a{color: #000;font-size:2.6rem;}
.swiper-slide .info h2  a{font-size: 2rem;line-height:2;}
.swiper-slide .info {padding: 3%;}

.swiper-slide .info h2 a{ font-size: 1.6rem;line-height: 2;}
.swiper-slide .info p {line-height: 2;font-size:1.2rem;}
}
@media (min-width:1081px) and (max-width: 1200px){
.swiper-slide .info{width:50%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .img{width:50%;}
.swiper-button {right:39% !important;}
.product2{padding: 4rem 0rem 0rem 0rem;}
.swiper-slide .info h3 a{color: #000;font-size:2.6rem;}
.swiper-slide .info h2  a{font-size: 2rem;line-height:2;}
.swiper-slide .info {padding: 3%;}
.swiper-slide .info h3 a{font-size:2rem;}
.swiper-slide .info h2 a{ font-size: 1.6rem;line-height: 2;}
.swiper-slide .info p {line-height: 2;font-size:1.2rem;}
}

@media (min-width:1200px) and (max-width: 1320px){
.swiper-slide .info{width:50%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .img{width:50%;}
.swiper-button {right:39% !important;}
.product2{padding: 4rem 0rem 0rem 0rem;}
.swiper-slide .info {padding: 3%;}
.swiper-slide .info h3 a{font-size:2.4rem;}
.swiper-slide .info h2 a{ font-size: 2rem;line-height: 2;}
.swiper-slide .info p {line-height: 2}
}

@media (min-width:1321px) and (max-width: 1600px){
.swiper-slide .info {padding: 3%;}
.swiper-slide .info h3 a{font-size:2.4rem;}
.swiper-slide .info h2 a{ font-size: 2rem;line-height: 2;}
.swiper-slide .info p {line-height: 2}
.swiper-slide .info{width:50%;}
.swiper-slide .img{width:50%;}
.swiper-button {right:39% !important}
}
@media (min-width:1600px) and (max-width: 1750px){
.swiper-slide .info {padding: 3%;}
.swiper-slide .info h3 a{font-size:2.4rem;}
.swiper-slide .info h2 a{ font-size: 2rem;line-height: 2;}
.swiper-slide .info p {line-height: 2}
.swiper-slide .info{width:50%;}
.swiper-slide .img{width:50%;}
.swiper-button {right:39% !important}

}




/*优势开始*/
.ys{width:100%;height:auto;clear:both;position:relative;padding:5% 0;background:url(../images/ys.jpg) no-repeat center top;background-size:cover;margin: 5% 0 0 0;}
.ys .zh{margin-top:5rem;clear:both;}
.demo { width:100%; padding:4% 0 0 0; }
.tips { color:#999; font-size:12px; margin:50px 0 20px; }
.tab-content h4, .accordion-content h4 { margin-bottom:5px; }
.tab-content p, .accordion-content p { margin-bottom:10px; }
.tabs-list {clear:both; list-style:none;width:50%;height:50vh;float:right;z-index:999;position:relative}
.tabs-list li { display:inline-block; *display:inline; *zoom:1; width:100%;height:16vh;float:left;text-align:center;background:#004098; padding:2% 2% 2% 15%;position:relative;}
.tabs-list li .tab_tit{width:95%;float:left;transition:all 0.6s;}
.tabs-list li .tab_tit h1{font-size:2.4rem;color:#fff;text-align:left;line-height:2;transition:all 0.6s;line-height:13vh;letter-spacing:1px;}
.tabs-list li .tab_tit h1 font{padding:0rem 1rem;}
.tabs-list li .tab_tit p{font-size:1.4rem;color:#000;text-align:left;transition:all 0.6s;display:block;line-height:2;display:none;}


.tabs-list li .tab_jt{width:20%;float:left;font-size:3.2rem;color:#000;text-align:right;position:absolute;left:0px;top:0%;}
.tabs-list .tab_jt span{display:block;width:30px;height:30px;background: #004098;}
.tabs-list .active{background:#fff;width:103%;transition:all 0.6s;height:18vh;box-shadow:1px 1px 10px #333;}
.tabs-list .active .tab_tit h1{font-size:2.4rem;color:#000;text-align:left;line-height:2;transition:all 0.6s;line-height:2;letter-spacing:1px;}
.tabs-list .active  .tab_tit h1 font{padding:0rem 1rem;}
.tabs-list .active .tab_tit p{font-size:1.4rem;color:#000;text-align:left;transition:all 0.6s;display:block;line-height:2;}

.tabs-list .active .tab_jt{color:#fff;transform: translate(0%, -50%) rotate(45deg);left:-20px;top:70%;}
.tabs-list .active .tab_jt span{display:block;width:30px;height:30px;background: #fff;}
.tabs-container{width:50%;float:left;height:50vh;overflow:hidden;z-index:99;position:relative}
.tabs-container .tab_y1{width:100%;height:100%;position:relative;}
.tabs-container .tab_y1 img{width:100%;height:100%;}
.tabs-container .tab_y1 ul{border:solid #fff 1px;position:absolute;left:5%;top:10%;width:90%;height:80%;text-align:center;}
.tabs-container .tab_y1 ul p{width:100%;height:auto;display:inline-table;text-align:center;color:#fff;font-size:2.4rem;position:relative;top:25%;line-height:2;letter-spacing:1px;}

.tabs-list li a:hover {color:#3f8b3f ;}
.tabs-list li.active a {color:#3f8b3f;}
.tabs-list li.active a span img{transform: translate(-90px, 0);-webkit-transform: translate(-90px, 0);-ms-transform: translate(-90px, 0);-o-transform: translate(-90px, 0);transition:all 1s}
.tab-content {width:100%;height:100%; }
.tabs .accordion-handle { display:none; }
.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }
.accordion-handle { position:relative; margin-bottom:10px; background-color:#ebebeb; text-decoration:none; color:#808080; cursor:pointer; transition:all 0.4s ease 0s; }
.accordion-handle:hover { background-color:#004098; color:#fff; }
.accordion-handle.active { background-color:#004098; color:#fff; }
.accordion-handle h4 { line-height:1.8;padding:4%;font-size:1.8rem; font-weight:normal;}
.accordion-handle.active h4{color:#fff;}
.accordion-handle i { display:block; width:38px; height:38px; overflow:hidden; position:absolute; right:0; top:0;  }
.accordion-handle.active i { background-position:bottom center; }
.accordion-content { margin-bottom:15px; display:none; }

@media only screen and ( max-width:990px ){
.tabs-container {width:100%;height:auto;margin-top:4rem;margin: 0 auto;float: none;}
.tab-content {padding: 2rem 0rem; }

.responsive-tabs .tabs-list { display:none; }
.responsive-tabs .accordion-handle { display:block; }	
.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container { width:100%; float:none; }
.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content { margin:10px 0 15px; }	
.tabs-container .tab_y1 ul p{font-size:1.6rem;}
.accordion-handle h4 {font-size:1.6rem; }
.ys{height:auto;}
}







@media (max-width: 500px){
.swiper-container2{height:auto !important;}
.swiper-slide .info{width:100%;}
.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}
.swiper-slide .info a{font-size: 10px;}
.swiper-slide .img{width:100%;}
.swiper-button {position:static !important;margin-top:5rem;margin-bottom:5rem;clear:both;}
.product2{padding: 4rem 0rem 0rem 0rem;}
.accordion-handle h4{font-size:1.4rem;}
}



@media (min-width:991px) and (max-width: 1080px){
.tabs-container {height: 70vh;}
.tabs-list li { height:20vh;padding: 2% 2% 2% 10%;}
.tabs-list .active{height:30vh;}
.tabs-list li .tab_tit h1 { font-size: 2.2rem;}
}
@media (min-width:1081px) and (max-width: 1200px){
.tabs-container {height: 70vh;}
.tabs-list li { height:20vh;padding: 2% 2% 2% 10%;}
.tabs-list .active{height:30vh;}
.tabs-list li .tab_tit h1 { font-size: 2.2rem;}
}

@media (min-width:1200px) and (max-width: 1320px){
.tabs-container {height: 70vh;}
.tabs-list li { height:20vh;padding: 2% 2% 2% 10%;}
.tabs-list .active{height:30vh;}
}

@media (min-width:1321px) and (max-width: 1600px){
.tabs-container {height: 60vh;}
.tabs-list li { height:18vh;}
.tabs-list .active{height:24vh;}
}
@media (min-width:1600px) and (max-width: 1750px){


}

















/*荣誉资质*/
.honor{width:100%;height:auto;clear:both;position:relative;padding:6% 0;}
.honor .hon_right{width:100%;height:auto;float:right;position:relative;}

.honor .owl-pagination{display:none;}
.honor .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.honor .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;clear:both;}
.honor .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.honor .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;top: 3rem;}
.honor .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.honor .owl-carousel .owl-item{float:left;transition:all 0.6s;padding:5px;background:#fff;border-bottom: solid #cbcbcb 8px;padding:0px 0px 40px 0px;}
.honor .owl-carousel .owl-item img{max-width:100%;height:auto;width:auto;background:#004098;padding:1px;}
.honor .owl-carousel .owl-item p{color:#000;font-size:1.6rem;line-height:3;transition:all 0.6s;}
.honor .owl-carousel .owl-item span{display:block;width:70px;line-height:1.6;color:#fff;font-size:1.4rem;text-align:center;background:#b92022;transition:all 0.6s;}
.honor .owl-carousel .owl-item:hover{border-bottom:solid 8px #004098;transition:all 0.6s;}
.honor .owl-carousel .owl-item:hover span{background:#fff;transition:all 0.6s;color:#b92022;}
.honor .owl-carousel .owl-item:hover p{color:#fff;transition:all 0.6s;}

.honor .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.honor .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.honor .grabbing{cursor:url(../images/grabbing.png) 8 8,move}
.honor .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.honor .owl-theme .owl-controls{text-align:center;}


.honor .owl-theme .owl-controls .owl-buttons .owl-prev{display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:7rem;color:#e2e2e2;position: absolute;top: 30%;left:-100px;font-family:"宋体"}
.honor .owl-theme .owl-controls .owl-buttons .owl-next{display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:7rem;color:#004098;position: absolute;top: 30%;right:-100px;font-family:"宋体"}




.honor .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.honor .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.honor .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#004098}
.honor .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.honor .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.honor .owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}
#owl-demo .item{margin: 3px;}
#owl-demo .item img{display: block;	width: 100%;height: auto;}



@media (max-width:500px){
.honor{padding:5rem 0rem 10rem 0rem;}
.mm{padding:3vw 0;}
.honor .hon_left{width:30%;display:none;}
.honor .hon_right{width:100%;}
.honor .hon_right_info{clear:both;}
.honor .owl-carousel .owl-item{border: 1px solid #dddddd;}
.honor .owl-theme .owl-controls {position:relative;top: 5rem;}
.honor .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.honor .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
.honor .owl-pagination{display:block;}
.honor .owl-buttons{display:none;}


}
@media (min-width:469px) and (max-width:768px){
.honor{padding:5rem 0rem 10rem 0rem;}

.honor .hon_left{width:30%;display:none;}
.honor .hon_right{width:100%;}
.honor .hon_right_info{clear:both;}

.honor .owl-theme .owl-controls {position:relative;top: 5rem;}
.honor .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.honor .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
.honor .owl-pagination{display:block;}
.honor .owl-buttons{display:none;}
}
@media (min-width:769px) and (max-width:990px){
.honor{padding:5rem 0rem 10rem 0rem;}

.honor .hon_left{width:30%;display:none;}
.honor .hon_right{width:100%;}
.honor .hon_right_info{clear:both;}
.honor .owl-theme .owl-controls {position:relative;top: 5rem;}
.honor .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.honor .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
.honor .owl-pagination{display:block;}
.honor .owl-buttons{display:none;}
}

@media (min-width:991px) and (max-width:1400px){
.honor .hon_left .hon_left_tit .more{width:60%;}
}


/*新闻资讯*/
.news{width:100%;height:auto;clear:both;padding:5% 0 2% 0;position:relative;background:url(../images/news.jpg) no-repeat no-repeat top;background-size:cover;}

.news .mm {padding: 5rem 0rem;}
.content{display:flex;margin:0 auto;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%}
.heading{width:100%;margin-left:1rem;font-weight:900;font-size:1.618rem;text-transform:uppercase;letter-spacing:.1ch;line-height:1;padding-bottom:.5em;margin-bottom:1rem;position:relative}
.heading:after{display:block;content:'';position:absolute;width:60px;height:4px;background:linear-gradient(135deg,#1a9be6,#1a57e6);bottom:0}
.description{width:100%;margin-top:0;margin-left:1rem;margin-bottom:3rem}
.card{color:inherit;cursor:pointer;width:calc(24% - 2rem);min-width:calc(24% - 2rem);height:400px;min-height:400px;perspective:1000px;margin:1rem;position:relative;transition:all 0.6s;}
.card:hover{transition:all 0.6s;}


@media screen and (max-width:500px){
.card{width:100%;height:320px;min-height:320px;}
.card:nth-child(4){display:none;}
.card:nth-child(3){display:none;}
.back{height:400px !important;}
.news .mm {padding: 3rem 0rem 3rem 0rem;}
}
@media (min-width:501px) and (max-width:990px){
.card{width:calc(50% - 2rem)}
.back{height:400px !important;}
.news .mm {padding: 3rem 0rem 3rem 0rem;}
}
@media (min-width:991px) and (max-width:1440px){
.card{width:calc(31.333% - 2rem)}
.card:nth-child(4){display:none;}
}





.front,.back{background-position:center;background-size:cover;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:ease-in-out 600ms}
.front{padding:2rem;overflow:hidden;}
.front span{display:block;width:50px;height:3px;background:#004098;margin:0 auto;margin-bottom:3rem}
.front h1{color:#000;font-size:1.8rem;text-align:center;font-weight:normal;display:block;width:100%;margin-top:2rem;margin-bottom:1rem;line-height:2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.front p{color:#807e7e;font-size:1.4rem;display:block;width:100%;line-height:1.8;text-indent: -2rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.front p a{color:#807e7e;font-size:1.4rem;}
.front font{color: #807e7e;font-size: 1.4rem;display: block;width: 80%;margin-top: 2rem;position: absolute;right: 10%;	bottom: 10%;text-align: right;}


.back{background:#fff;transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);padding: 2rem;position:absolute;bottom:0px;background-size:cover !important;height:420px;}
.back div{padding:0% 10%;}

.back span{display:block;width:50px;height:3px;background:#fff;margin:0 auto;margin-bottom:3rem}
.back h1{color:#fff;font-size:1.8rem;text-align:center;font-weight:normal;display:block;width:100%;margin-top:2rem;margin-bottom:1rem;line-height:2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.back p{color:#fff;font-size:1.4rem;display:block;width:100%;line-height:1.8;text-indent: -2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.back p a{color:#fff;font-size:1.4rem;}
.back font{color: #fff;font-size: 1.4rem;display: block;width: 80%;margin-top: 2rem;position: absolute;right: 10%;	bottom: 10%;text-align: right;}

.front:before{position:absolute;display:block;content:'';top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1}
.card:hover .front{transform:rotateY(180deg)}
.card:nth-child(even):hover .front{transform:rotateY(-180deg)}

.card:hover .back{transform:rotateY(0deg)}
.card:nth-child(even) .back{transform:rotateY(180deg)}
.card:nth-child(even):hover .back{transform:rotateY(0deg)}
.button{color:#333;line-height:30px;width:30px;height:30px;border:solid #333 1px;border-radius:30px;position:relative;transition:300ms ease;background:#fff;}
.button:before{color:#333;line-height:30px;width:30px;height:30px;border:solid #333 1px;border-radius:30px;position:relative;transition:300ms ease;background:#fff;}






/*产品中心*/
.ditu{width:100%;height:60vh;clear:both;position:relative;overflow: hidden;}
#allmap { width: 100%;min-height: 60vh;overflow: hidden;}
.BMap_shadow img{width:0;height:0;}
@media screen and (max-width:500px) {
 #allmap{min-height: 300px;} 
 }

.ditu .con2{width:25%;height:70%;padding:3%;background:#004098;position:absolute;top:15%;left:18%;}
.ditu .con2 h1{color:#fff;font-size:2.4rem;line-height:3;}
.ditu .con2 p{color:#fff;font-size:1.4rem;line-height:3;}
.ditu .con2 p img{padding:0px 5px;}

@media screen and (max-width:468px) {
.ditu{height:auto;}
.ditu .con2{width:100%;position:static;}
}
@media (min-width:469px) and (max-width:768px) {
.ditu{height:auto;}
.ditu .con2{width:100%;position:static;}
}

@media (min-width:769px) and (max-width:990px) {
.ditu{height:auto;}
.ditu .con2{width:100%;position:static;}
}

@media (min-width:991px) and (max-width:1080px) {
.ditu{height:auto;}
.ditu .con2{width:50%;left:5%;}
}

@media (min-width:1081px) and (max-width:1200px) {
.ditu .con2{width:50%;left:5%;}
}
@media (min-width:1201px) and (max-width:1320px) {
.ditu .con2{width:40%;left:5%;}
}
@media (min-width:1321px) and (max-width:1440px) {
.ditu .con2{width:40%;left:7%;}
}

@media (min-width:1441px) and (max-width:1600px) {
.ditu .con2{width:30%;left:7%;}
}