b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
@font-face { font-family : DINProb; src:url(../images/DINPro-Bold.otf);}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'Microsoft YaHei'}
}

.over{ overflow:hidden}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#c4261d;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{width:1400px;overflow:hidden;margin:0 auto}
.content_mbx{width:1400px;overflow:hidden;margin:0 auto}
.concom{width:1400px;overflow:hidden;margin:30px auto}
.con_box{width:1400px;overflow:hidden;margin:50px auto}

.title{text-align:center;padding: 0px 0 25px;overflow:hidden; margin:30px auto 0;    padding-bottom:20px; margin-bottom:15px;}
.title h3{font-size:50px;text-align:center;color:#000; margin-bottom:5px ; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px;}
.title h3 span{ color:#c4261d; font-weight:bold;}
.title h3 span i{ font-size:56px;}
.title p{font-size:20px;color:#999;line-height:24px}
.title b{color:#333}

.mtel{ float:right; display:none;}

.news_title{ overflow:hidden;text-align:right;  background:url(../images/tit.png) no-repeat center right; padding:30px 250px 30px 0 }
.news_title h3{font-size:16px;  font-weight:400;}
.news_title h3 span{ font-size:30px; color:#000; font-weight:bold; margin-left:5px;}
.news_title i{ font-size:80px; color:#c4261d; font-family:DINProb; display:block;}
.news_title i img{ vertical-align:baseline}
.news_title p{font-size:16px;color:#fff;line-height:24px; display:inline-block; background:#c4261d; padding:8px 30px; border-radius:30px;}
.news_title p a{ color:#fff;}
.news_title p:hover{ background:#2160b8}

.n_title{text-align:center;padding:60px 0 25px;overflow:hidden; margin:0px auto 0; }
.n_title h3{font-size:38px;text-align:center;color:#000; margin-bottom:5px ; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px;}
.n_title h3 span{ color:#000; font-weight:bold;}
.n_title h3 span i{ font-size:56px;}
.n_title p{font-size:20px;color:#999;line-height:24px}
.n_title b{color:#333}



.title1{text-align:left;padding:40px 0 25px;overflow:hidden;margin:0 auto;background:url(../images/sha.png) no-repeat center left 130px; padding-bottom:20px; margin-bottom:15px; position:relative }
.title1 h3{font-size:30px;text-align:left;color:#000;font-weight:600; margin-bottom:5px;}
.title1 h3 span{ color:#fff;}
.title1 h3 span i{ font-size:56px;}
.title1 p{font-size:20px;color:#666666;line-height:24px}
.title1 b{color:#fff}
.title1  i{ border-radius:30px; height:40px; border:1px #c4261d solid; text-align:center; font-style:normal; line-height:40px; display:block; position:absolute; width:150px; right:0px; bottom:30px; overflow:hidden}
.title1  i a{ color:#c4261d;display:block}
.title1  i a:hover{  border-radius:30px; background:#186fe8; color:#fff;}
.top{ background:#c4261d; height:40px; line-height:40px; margin:0px auto; color:#fff;}
.top span{ float:right;}
.top span a{ color:#fff;}
.top span a:after{ content:"|"; margin:0 8px; color:#fff;}
.top span a:last-child:after{ display:none; content:"";}



.head{width:100%;height:100px;border-bottom:1px solid #ffffff3d;position:relative;z-index:99}
.had{background:#fff}
.head .logo{float:left; margin-top:20px;}
.head .main{ width:1400px; margin:0px auto}
.head .nav{float:left;height:100px;margin-left:40px}
.head .nav ul{height:60px;margin-top:6px}
.head .nav ul li{float:left;padding:0 18px;text-align:center;position:relative;line-height:45px;height:60px}
.head .nav ul li a{color:#333;font-size:18px;display:block}
.head .nav ul li a:hover{color:#c4261d}
.head .nav ul li ul{position:absolute;left:0;display:none;width:100%;z-index:555}
.head .nav ul li:hover ul{display:block}
.head .nav ul li ul li{height:40px;padding:0;width:100%;line-height:40px;height:auto;overflow:hidden;background:rgba(196,38,29,.65);border-bottom:1px #fff solid}
.head .nav ul li ul li:hover{background:rgba(215,168,82,.65)}
.head .nav ul li ul li:hover a{color:#fff}
.head .nav ul li ul li a{color:#fff;font-size:14px}
.head .nav ul li ul li:first-child{margin-top:5px}
.head .nav ul li ul li:last-child{margin-bottom:5px}
.head .hot{font-size:14px;color:#c4261d;margin-top:10px;text-align:right ; font-size:22px; font-family:DINProb}
.head .hot img{vertical-align:middle;margin-right:5px}
.head .hot span{float:right;font-size:24px;color:#c4261d;font-weight:700;margin-top:-8px}
.head .nav ul li:nth-child(5) ul{width:200px;left:50%;margin-left:-92px}
.head .nav ul li:nth-child(5) ul li{width:100%;margin:0 auto 1px}




.wx{float: right;  margin-top: 28px; font-size: 25px; font-weight: bold; width:58px; height:45px; border-radius:50%;  color: #fff;    background: url(../images/wx.png) no-repeat center center; margin-left:20px; cursor:pointer; position:relative; z-index:999 }
.wx span{ opacity:0; width:85px; margin-top:45px; margin-left:-20px; display:inline-block; overflow:hidden; font-size:20px; color:#fff; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.wx span img{ width:100%}
.wx:hover span{ opacity:1}

.banner{width:100%; overflow:hidden; position:relative}
.banner .banimg{ width:100%;transition: all 1s ease 2.5s; position:relative; transform: perspective(1000px) translate3d(0, 0, 100px);}
.banner .swiper-slide-active .banimg { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}
.banner .swiper-pagination{ bottom: 40px;width: auto; left: auto;  right: 10%;}	  
.banner .swiper-pagination-bullet{ width:30px; height:8px; border-radius:8px; line-height:6px; color:#c4261d; background:none; opacity:1; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; position:relative;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
.banner .swiper-pagination-bullet-active{ background:none; width:90px; text-align:right;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s; }
.banner .swiper-pagination-bullet-active:after{background:rgba(255,255,255,0.6);  content: ""; width: 65%;  height: 2px;  background: #c4261d;  position: absolute;  left:0px; top: 3px;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}





.g-adv {width:100%; overflow:hidden; position:relative}
.g-adv  .banimg{ width:100%;transition: all 1s ease 2.5s; position:relative; transform: perspective(1000px) translate3d(0, 0, 100px);}
.g-adv  .swiper-slide-active .banimg { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}
.g-adv  .swiper-pagination{ bottom: 40px;width: auto; left: auto;  right: 10%;}	  
.g-adv  .swiper-pagination-bullet{ width:30px; height:8px; border-radius:8px; line-height:6px; color:#c4261d; background:none; opacity:1; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; position:relative;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
.g-adv  .swiper-pagination-bullet-active{ background:none; width:90px; text-align:right;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s; }
.g-adv  .swiper-pagination-bullet-active:after{background:rgba(255,255,255,0.6);  content: ""; width: 65%;  height: 2px;  background: #c4261d;  position: absolute;  left:0px; top: 3px;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
.g-adv  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}





.caidan{ float:right; display:none; margin-top:30px;}



.about_box{ background:#f1f1f1; padding:30px 0 50px; margin:50px auto 0}
.about{width:1400px; margin:50px auto; }
.ab_txt{ width:50%; float:left; overflow:hidden;}
.ab_txt h3{ font-size:20px; color:#000;}
.ab_txt h3 span{ float:left ; margin-right:50px;}
.ab_txt h4{ margin:20px 0 20px 80px; overflow:hidden;}
.ab_txt dd{ font-size:26px; }
.ab_txt  p{ text-indent:2em; font-size:16px; color:#666; margin:60px auto 30px; line-height:30px;}
.ab_txt dt{ width:180px; height:45px; line-height:45px; text-align:center; border-radius:30px; background:#c4261d}
.ab_txt dt a{ color:#fff;}
.ab_img{ width:50%; float:left; overflow:hidden;}

.about  ul{ overflow:hidden; margin:60px auto 0; clear:both; float:left; width:100%;}
.about  ul li{ width:16.5%; float:left; overflow:hidden; border-right:1px #f2f2f2 solid; text-align:center; box-sizing:border-box; cursor: pointer}
.about  ul li:first-child{ border-left:1px #f2f2f2 solid}
.about  ul li div{ overflow:hidden;}
.about  ul li  p{ line-height:60px; font-size:18px; text-align:center; color:#555555}
.about  ul li div img{  transition: all .5s ease;}
.about  ul li:hover  div img{transform:rotateY(180deg)}



.pic_nav{overflow:hidden ; }
.pic_nav h3{ float:left;  color:#333; text-align:left; font-size:50px;}
.pic_nav h3 p{ font-size:20px; font-weight:400;}

.pic_nav span  { float:right; margin:20px; font-size:16px; background:url(../images/tel.png) no-repeat left top; padding-left:50px;}
.pic_nav span p{ font-size:26px; color:#000; font-family:DINProb}

.fll{ background:url(../images/picbj.jpg) no-repeat center top; overflow:hidden ; padding:50px 0 50px ; margin:50px auto 0} 

.zhitongche{ display:none;}

.product { margin:60px auto 0; overflow:hidden; }
.p_left{ overflow:hidden; width:16%; float:left;}
.p_left ul{ overflow:hidden; }
.p_left ul li{ overflow:hidden; font-size:14px;  line-height:50px;  }
.p_left ul li a{ position:relative; padding:0 5px;}
.p_left ul li a:after{ content:""; background:#ed7e7f; width:0%; height:5px; position:absolute; bottom:3px; left:0px; z-index:-1 ;transition:all 0.5s}
.p_left ul li a:hover{ font-size:18px; color:#000;}
.p_left ul li a:hover:after{ width:100%;transition:all 0.5s}


.adv .advbox{overflow:hidden;margin-top:60px;position:relative; display:block}
.adv .advboxul{overflow:hidden;height:540px;position:relative}
.adv .advboxul li{width:25%;height:100%;position:relative;float:left;overflow:hidden;background:#fff;transition:all 1s; box-sizing:border-box; }
.adv .advboxul_img{position:absolute;top:0;right:0;width:100%;height:100%;transition:all 1s}
.adv .advboxul_img img{width:100%;height:100%}
.adv .advbox_h3{font-size:20px;color:#fff;font-weight:400;position:relative;z-index:1;overflow:hidden;transition:all 1s; padding:30px;}
.adv .advbox_h3 i{display:block;width:6px;height:62px;background:#e71421;float:left;margin-right:15px;transition:all 1s}
.adv .advbox_h3 h3{display:block;width:100%;font-size:26px;text-align:left;float:left;font-weight:400;transition:all 1s}
.adv .advbox_h3 em{display:block;font-size:18px;color:#e71421;margin-top:10px;float:left;width:90%;opacity:0;transition:all 1s;text-decoration:line-through}
.adv .advbox_text{overflow:hidden;color:#333;margin-top:10px;transition:all 1s;opacity:0;font-size:22px;font-weight:700;line-height:40px;padding-left:40px}
.adv .advboxul li.active1{width:18.666%}
.adv .advboxul li.active{width:44%;padding:0 45px 0 45px;background:url(../images/adv05.png) no-repeat center center; background-size:cover;}
.adv .advboxul li.active .advboxul_img{right:-100%}
.adv .advboxul li.active .advbox_h3 i{width:10px;height:100px;margin-right:30px}
.adv .advboxul li.active .advbox_h3 h3{color:#c4261d;font-size:26px;text-align:left;float:left;font-weight:700;}
.adv .advboxul li.active .advbox_h3 em{opacity:1}
.adv .advboxul li.active .advbox_text{opacity:1}
.adv .advboxul_img1{position:absolute;bottom:20px;width:100%;z-index:1}
.adv .advboxul_img1 img{width:100%;display:block}


.madv{ overflow:hidden; display:none}
.madv ul{ overflow:hidden;}
.madv ul li{ overflow:hidden; position:relative; margin-bottom:2px;}
.madv ul li img{ overflow:hidden; width:100%;}
.madv ul li div{ position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px;}
.madv ul li div dl{ padding:5%; overflow:hidden; margin-top:20px;}

.madv ul li div dl h3{ font-size:0.3rem; color:#fff;  font-weight:400; margin-bottom:10px; position:relative; padding:10px 0; text-indent:1em;}
.madv ul li div dl dd{ font-size:0.2rem; line-height:0.3rem; color:#fff;}
.madv ul li div dl h3:after{content:""; width:3px; background:#e0332f; height:100%; position:absolute; left:0px; top:0px;}




.ys{ overflow:hidden; margin:0px auto; position:relative; height:100%;}
.ys .war{ position:absolute; width:100%; top:0px;}
.ys .war h3{ width:1400px; margin:100px auto 0; color:#fff; font-size:54px; position:relative; padding-bottom:30px;}
.ys .war h3 span{ display:block;}
.ys .war h3:after{content:""; width:100px; height:5px; background:#fff; display:block; bottom:0px; position:absolute; }
.ys .swi{ position:absolute; width:100%; bottom:0px;  }
.ys .swir{ width:1400px; margin:0px auto; position:relative;}
.ys .mySwiper{background:#fff; height:150px}
.ys .mySwiper .swiper-slide{ width:20%}
.ys .mySwiper .siv1{ padding:30px 30px; font-size:22px; color:#333; font-weight:bold; position:relative;height:90px}
.ys .mySwiper .siv1 span{ display:block;}
.ys .mySwiper .siv1:after{ content:""; width:50px; height:3px; background:#c4261d; display:block; position:absolute; bottom:40px;}
.ys .mySwiper .siv2 { overflow:hidden; background:#c4261d; display:none;;height:150px}
.ys .mySwiper .siv2  dl{ padding:30px;}
.ys .mySwiper .siv2  dl dd{ overflow:hidden; line-height:24px; font-size:15px; color:#fff;}

.ys .mySwiper .swiper-slide-thumb-active{ width:38%}
.ys .mySwiper .swiper-slide-thumb-active .siv1{ display:none;}
.ys .mySwiper .swiper-slide-thumb-active .siv2{ display:block}
.ys .swiper-button-next,.ys  .swiper-button-prev{ top:-35px;; background:#c4261d; width:40px;}
.ys .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; color:#fff; font-size:20px;}	
.ys .swiper-button-prev, .swiper-rtl .swiper-button-next {left:inherit; right: 50px;}
.ys .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{  content: 'prev';color:#fff; font-size:20px;}
.ys .swiper-button-disabled{ background:#000; opacity:1}


.mys{ overflow:hidden; display:none;}
.mys .swiper-slide div{ overflow:hidden;}
.mys .swiper-slide div img{ width:100%}
.mys .swiper-slide dl{ overflow:hidden; background:#c4261d; padding:0.3rem; padding-bottom:1.5rem}
.mys .swiper-slide dl h3{ color:#fff; font-size:0.3rem; position:relative; padding-bottom:30px; margin-bottom:0.5rem;}
.mys .swiper-slide dl h3 span{ display:block;}
.mys .swiper-slide dl h3:after{content:""; width:60px; height:5px; background:#fff; display:block; bottom:0px; position:absolute; }
.mys .swiper-slide dl dd{ overflow:hidden; line-height:0.38rem; font-size:0.2rem; color:#fff;}

.mys .swiper-button-next,.mys .swiper-button-prev{ top:auto}
.mys .swiper-button-next,.mys  .swiper-button-prev{ bottom:20px; background:#ffffff; width:40px;}
.mys .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; color:#f00; font-size:20px;}	
.mys .swiper-button-prev, .swiper-rtl .swiper-button-next {left:inherit; left: 20px;}
.mys .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{  content: 'prev';color:#f00; font-size:20px;}
.mys .swiper-button-next, .swiper-rtl .swiper-button-prev{ left:60px;}

.mys .swiper-button-disabled{ background:#000; opacity:1}

.mysbox{ overflow:hidden; position:relative;}








.product .ewm{width:150px;margin:0 auto;height:auto;margin-top:20px;overflow:hidden}
.product .ewm img{display:block;width:150px;height:150px}
.product .ewm p{text-align:center;color:#333;font-size:12px;line-height:30px}



.case { overflow:hidden; display:none;}
.case .swiper-slide{ overflow:hidden; position:relative; }
.case .swiper-slide img{ width:100%; height:100%;}
.case .swiper-slide .ys_txt{ position:absolute; left:10%; top:30%;}
.case .swiper-slide .ys_txt h3{ font-size:32px; font-weight:400; color:#fff;}
.case .swiper-slide .ys_txt  p{ font-size:16px; color:#fff; margin:15px auto}
.case .swiper-slide .ys_txt dd{ width:200px; height:45px; line-height:45px;background-color: #0d4497; transition:all 0.5s; background-image: linear-gradient(to right, #0d4497 , #da3332); text-align:left; text-indent:2em;}
.case .swiper-slide .ys_txt dd a{ color:#fff;}
.case .swiper-slide .ys_txt dd:hover{ background:#0d4497;transition:all 0.5s;}
.case .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; background:#666; opacity:1}
.case .swiper-pagination-bullet-active{ background:#c4261d}





.pic{ overflow:hidden; margin:0px auto}
.pic ul{ overflow:hidden;}
.pic ul li{float:left;width:33.33%; border:10px rgba(255,255,255,0.01) solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;}
.pic ul li .bg{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}
.pic ul li .bg span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#c4261d url(../images/icon01.png) no-repeat 35px center}
.pic ul li img{display:block;width:100%}
.pic ul li .img-box{position:relative}

.pic ul li p{width:100%;height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#e8e8e8;text-align:center;text-overflow:ellipsis}
 .more{display:block;width:262px;height:58px;background:#083684 ;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}

.pic ul li:hover p{background:#c4261d;color:#fff}
.pic ul li:hover .bg{opacity:1}






.pic_content{overflow:hidden;margin:15px auto 0}
.pic_content ul{overflow:hidden;margin:0 auto}
.pic_content ul li{width:23%;float:left; border:1px #ccc solid; margin:1%;margin-bottom:16px;margin-top:6px;;position:relative}
.pic_content ul li div{ width:100%;  overflow:hidden; position:relative}
.pic_content ul li div dl{ position:absolute; width:100%; height:0%; background:rgba(0,102,204,0.6); bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li div dl dd{ font-size:16px; color:#fff; margin:100px 20px 30px; text-align:center; font-size:24px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pic_content ul li div dl dd:after{content:"——"; color:#fff; display:block; margin-top:12px;}
.pic_content ul li div dl dt{ border:1px #fff solid; text-align:center; height:36px; line-height:36px; width:150px;  margin:0px auto; color:#fff;}
.pic_content ul li p{ height:45px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:none;}
.pic_content ul li:nth-child(3n){margin-right:0}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li:hover p{color:#c4261d}
.pic_content ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}

.pic_cont{overflow:hidden;margin:15px auto 0}
.pic_cont ul{overflow:hidden;margin:0 auto}
/*.pic_cont ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;position:relative;-webkit-transition:all .5s;transition:all .5s;}
.pic_cont ul li div{   overflow:hidden; position:relative; border:1px #f2f2f2 solid; margin:20px 20px 0}
.pic_cont ul li p{ height:60px; line-height:60px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:18px; }
.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_cont ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_cont ul li:hover p{color:#fff}
.pic_cont ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}
.pic_cont ul li a{border:1px #f2f2f2 solid; display:block;}
.pic_cont ul li:hover{background-color: #0d4497;  background-image: linear-gradient(to right, #0d4497 , #da3332);-webkit-transition:all .5s;transition:all .5s;}
*/
.pic_cont ul li{float:left; width:50%; float:left; border:20px #f5f5f5 solid; box-sizing:border-box;  position:relative;}

.pic_cont ul li a{ display:block; background:#fff; overflow:hidden; }

.pic_cont ul li .pic_img{ overflow:hidden; float:left;  width:45%;  box-sizing:border-box;}
.pic_cont ul li .pic_img img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_cont ul li:hover .pic_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_cont ul li  .pic_txt{ overflow:hidden;position:absolute; display:block; width:55%; right:0px; box-sizing:border-box; padding:20px; text-align:left; height:100%}
.pic_cont ul li  .pic_txt h3{ line-height:60px; font-size:20px; margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pic_cont ul li  .pic_txt p{text-align:left;color:#555;font-size:15px;line-height:30px; background:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.pic_cont ul li  .pic_txt:after{content:"";  background:#c4261d; height:6px; position:absolute; bottom:0px; width:0%; left:0;-webkit-transition:all .5s;transition:all .5s;}

.pic_cont ul li:hover .pic_txt:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}
.pic_cont ul li a:hover{  box-shadow:0 0 20px #ccc }

.pic_cont ul li:nth-child(2n) .pic_img{ float:right;}
.pic_cont ul li:nth-child(2n) .pic_txt{ right:auto; left:0px;}




.pic_con{overflow:hidden;margin:0px auto 0}
.pic_con ul{overflow:hidden;margin:0 auto}
.pic_con ul li{width:23%;float:left;overflow:hidden; margin:1%;  border:1px #ccc solid;box-sizing:border-box;}
.pic_con ul li div{ overflow:hidden; position:relative}
.pic_con ul li p{ height:45px; line-height:45px; border-top:1px #ccc solid; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:20px; font-weight:bold; color:#c4261d}

.pic_con ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_con ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_con ul li:hover p{color:#fff; background:#c4261d}


.gengduo{ width:200px; height:50px; background:#c4261d; text-align:center;  margin:15px auto ; line-height:50px; display:none;  }
.gengduo a{color:#fff; display:block;}
.gengduo a:hover{ background:#000;color:#fff;}


.fenlei{ display:none;}

.x_banenr{ width:100%; overflow:hidden; margin:30px auto 0;} 
.x_banenr img{ width:100%;}
.x_banenr img:first-child{ display:block; width:100%;}
.x_banenr img:last-child{ display:none; width:100%;}


.news_nav{overflow:hidden;text-align:left; margin:20px auto;}
.news_nav ul{ text-align:center;}
.news_nav ul li{overflow:hidden;background:#f2f2f2;text-align:center;font-size:20px;width: 14.2%; float:left; border:8px #fff solid; box-sizing:border-box; line-height:50px;}
.news_nav ul li a{color:#333; border:1px #ccc solid; display:block;   }
.news_nav a:hover{color:#fff; background-color: #c4261d;}

.ban{ width:100%; margin:0px auto; overflow:hidden}
.ban img{ width:100%; margin:0px auto; overflow:hidden}

.m_banner{ width:100%; overflow:hidden; display:none;}
.m_banner img{ width:100%; overflow:hidden;}




/*
.ys{ overflow:hidden; margin:0px auto}
.ys_top{ width:100%; overflow:hidden; margin:0px auto;}
.ys_top img{ width:100%}
.ys_com{ margin:0px auto; overflow:hidden;}
.ys_com .ys_img{ float:right; overflow:hidden; width:50%}
.ys_com .ys_img img{ width:100%}
.ys_com .ys_txt{ float:left; overflow:hidden; width:46%; margin-top:10px;}
.ys_com .ys_bt{ overflow:hidden; background:url(../images/ys09.png) repeat-x center bottom; padding-bottom:20px; margin-bottom:20px;}
.ys_com .ys_bt div{ float:left;  margin-right:10px;}
.ys_com .ys_bt span{ overflow:hidden;}
.ys_com .ys_bt span h3{ font-size:26px; color:#ff8800; overflow:hidden; }
.ys_com .ys_bt span i{ font-size:12px; color:#999;  font-style:normal; text-transform:uppercase;  overflow:hidden;}

.ys_com .ys_txt p{ font-size:16px; line-height:36px; color:#555;}
.ys .swiper-container{ overflow:hidden;}
.ys .swiper-slide{ margin-bottom:50px;}
.ys .swiper-slide:nth-child(2n) .ys_img{ float:left;}
.ys .swiper-slide:nth-child(2n) .ys_txt{ float:right;}
.ys .swiper-pagination ,.lingyu .swiper-pagination{ display:none;}

*/
.w50{ margin:50px auto 0}


.fl{float:left;}







.buttom,.fanhui{ display:none;}


.anlibj{ background:#f5f5f5; overflow:hidden; margin:80px auto 0}
.anli{overflow:hidden;margin:50px auto 0;}
.anli ul li{width:460px; position:relative;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px; padding-bottom:30px;}
.anli ul li div{overflow:hidden;}
.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center;}
.anli ul li a{color:#333}
.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli ul li:hover p{color:#c4261d;-webkit-transition:all .5s;transition:all .5s;}


.zizhi .swiper-container{ position:relative; }
.zz{ overflow:hidden;   position:relative;}
.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;-webkit-transition:all .5s;transition:all .5s; }
.zz div img{ width:100%}
.zz p{ height:36px; line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}
.zz:hover div{ box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}





.gengduo3{ width:200px; height:50px; background:#c4261d; text-align:center;  margin:15px auto ; line-height:50px; }
.gengduo3 a{color:#fff; display:block;}
.gengduo3 a:hover{ background:#000;color:#fff;}


/*.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}
.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}*/
.a_box{ margin:50px auto}
.iabout-cont{width:45%;float:right; padding:10px  2% 10px 0 }
.iabout-cont .ti{font-size:24px;font-weight:bold; color:#00479d; margin-top:15px}
.iabout-cont .ti span{ float:right;}
.iabout-cont .line{display:block;margin:40px 0 20px;}
.iabout-cont .line ul li{ float:left; width:33.33%; box-sizing:border-box; text-align:left; padding-left:5%; border-right:1px #ccc solid}
.iabout-cont .line ul li b{ color:#ff8800 ; font-size:48px; font-family : DINProb; }
.iabout-cont .line ul li b per{ color:#ff8800; font-weight:400; font-size:48px; font-family:"Microsoft YaHei"}
.iabout-cont .line ul li p{ font-size:18px; color:#555}
.iabout-cont .line ul li:last-child{ border-right:none}
.iabout-cont .line ul li:first-child b per{ color:#ff8800;}

.iabout-cont .desc{line-height:30px; height:235px; overflow:hidden; -webkit-line-clamp: 8;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:16px; color:#333; margin-top:20px; text-indent:2em;}
.iabout-cont .more{color:#c4261d; border:1px solid #c4261d; padding:10px 30px; }
.iabout-cont .link{margin-top:30px;}
.iabout-cont .link  ul { overflow:hidden;}
.iabout-cont .link  ul li { width:20%; border-right:1px #ccc solid; overflow:hidden; padding-right:3%; float:left; padding-left:3%}
.iabout-cont .link  ul li  h3{ font-size:60px; font-family : DINProb; color:#ff7a0b}
.iabout-cont .link  ul li:nth-child(n+2){ padding-left:6%}
.iabout-cont .link  ul li:last-child{ border-right:none;}
.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out;}
.iabout-cont dd{margin-top:20px;}
.iabout-cont a:hover.more{color:#c4261d;} 
.iabout-cont .desc a{ color:#F90}


.lingyu{ overflow:hidden; margin:0px auto; background:url(../images/lybj.jpg) no-repeat center top; padding:80px 0}
.ly_left{ width:50%; float:left}
.ly_left h3{ font-size:36px; color:#fff; margin:10px auto 20px;}
.ly_left h4{ font-size:40px;color:#fff; font-weight:400; text-transform:uppercase}
.ly_left p{ font-size:15px; line-height:30px; color:#fff;margin:40px auto }
.ly_left dd{ overflow:hidden;}
	

.ly_right{ width:48%; float:right}
.ly_right ul{}
.ly_right ul li{ background:rgba(27,177,204,0.4); float:left; width:25%; margin:1%; padding:3%}

.ly_right ul li div{ width:40px; height:40px; overflow:hidden;}
.ly_right ul li div img{ width:100%; height:100%}
.ly_right ul li p{ color:#c4c4c4; margin:10px auto}
.ly_right ul li h3{ font-size:18px; color:#fff;}




.form{width:100%;height:887px;background:#eee url(../images/bangong.jpg) no-repeat center top;overflow:hidden}
.form .tit{display:table;margin:0 auto;margin-top:45px; text-transform:uppercase}
.form .tit b{color:#fff;font-size:60px;text-align:center}
.form .tit h4{color:#fff;width:250px;height:84px;background:rgb(4 76 207 / 62%);text-align:center;line-height:84px;color:#fff;font-size:40px;margin:0 auto}
.form .bd{width:100%;height:630px;overflow:hidden;background:#fff;margin-top:28px;position:relative;box-shadow:0 0 10px 1px #c2c1c1}
.form .bd:after{content:"";width:1px;height:464px;background:#dcdcdc;position:absolute;left:50%;top:50%;margin-top:-232px}
.form .bd .cont{margin-top:60px;margin-left:100px;float:left;height:auto;overflow:hidden}
.form .bd .cont h4{color:#333;font-size:30px}
.form .bd .cont .info{width:100%;height:auto;overflow:hidden;color:#c4261d;font-size:48px; margin-top:10px ; font-weight:400;}
.form .bd .cont .info h3{ font-weight:400; margin:10px auto}
.form .bd .cont .info p{ font-size:18px; font-weight:bold;}
.form .bd .cont .ewm{width:410px;height:auto;overflow:hidden;margin-top:20px;height:146px;background:url(../images/rwmbj.png) no-repeat left center}
.form .bd .cont img{margin:4px;display:block;width:140px;height:140px;box-sizing:border-box;padding:4px}
.form .bd .msg{float:right;margin-top:60px;margin-right:74px;width:456px;height:auto;overflow:hidden}
.form .bd .msg .t p{color:#333;font-size:18px;text-align:center;font-weight:700; text-transform:uppercase;}
.form .bd .msg form{width:100%;height:auto;overflow:hidden;margin-top:30px}
.form .bd .msg form ul li{width:100%;height:auto;overflow:hidden;margin-bottom:12px}
.form .bd .msg form ul li p{color:#555;font-size:18px;float:left;line-height:50px}
.form .bd .msg form ul li input{width:365px;height:48px;border:1px solid #d2d2d2;box-sizing:border-box;color:#555;font-family:'微软雅黑';border-radius:5px;text-indent:5px;outline:0; float:right;}
.form .bd .msg form ul li textarea{width:365px;height:90px;border:1px solid #d2d2d2;float:right;color:#555;font-family:'微软雅黑';text-indent:5px;padding-top:10px;resize:none;border-radius:5px;outline:0;box-sizing:border-box}
.form .bd .msg form .btn{width:100%;height:auto;overflow:hidden;margin-top:30px}
.form .bd .msg form .btn input{width:220px;height:50px;background:#c4261d;float:left;border:none;border-radius:10px;color:#fff;font-size:18px}
.form .bd .msg form .btn input:last-child{float:right;background:#999}










.shebei{width:1400px; margin:0px auto;}
.ipro{width:100%;overflow:hidden;padding:35px 0px;z-index:1;position:relative; max-width:1920px; margin:0px auto;}
.ipro .bg{position:absolute;width:100%;height:175px;background:#c4261d;left:0;bottom:0;z-index:-1;}
.ipro .more{display:block;float:right;height:50px;line-height:50px;}
.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%; margin:10px auto 30px }
.ipro .more:hover,.ipro h2 a:hover{color:#00458e;}
.ipro-silder{width:1400px; margin:0px auto; position:relative;}
.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3;}
.ipro-silder .btn.prev{left:-80px;background-position:0 0;}
.ipro-silder .btn.next{right:-80px;background-position:-66px 0;}
.ipro-silder .box{ width:1400px;  }
.ipro-silder ul{overflow:hidden;}
.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center; overflow:hidden;}
.ipro-silder a{display:block;}
.ipro-silder li div{    width: 284px;  height: 212px;border:2px solid #fff; overflow:hidden;}
.ipro-silder p{height:50px;line-height:50px;color:#fff; font-size:16px;}
.ipro-silder li:hover .pic{border-color:#00458e;}


.ipro-silder li div img{-webkit-transition:all .5s;transition:all .5s;}
.ipro-silder li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.slide{ width:100%;}


.news_mr{ background:#fff;; padding:20px; overflow:hidden; margin:50px auto 0}

.news_left{width:60%; overflow:hidden; float:left;}

.news_right{width:36%; overflow:hidden; float:right; border-left:1px #ccc solid; padding-left:2%}

.news_left h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:400;}
.news_left h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}



.news_left ul{overflow:hidden;}
.news_left ul li{ overflow:hidden; width:50%; border:5px #fff solid; float:left; box-sizing:border-box; background:#f7f7f7; padding:3%}

.news_left ul li dl{ overflow:hidden; background:url(../images/xii.png) no-repeat center right 5px ;}
.news_left ul li dl dd{ overflow:hidden; font-size:18px; color:#000000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:50px;}
.news_left ul li dl dt{ color:#999; margin:8px auto; font-size:15px;}
.news_left ul li dl p{ font-size:15px; color:#666; line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news_left ul li:nth-child(n+2) dl p{ display:none;}
.news_left ul li:first-child{ width:100%; overflow:hidden; float:inherit;}
.news_left ul li div{ float:left; width:30%; overflow:hidden; margin-right:15px;}
.news_left ul li div img{ width:100%; height:100%}
.news_left ul li:first-child dl{ background:none;}
.news_left ul li:first-child { background:#fff;}
.news_left ul li:first-child dl dt:before{ content:"——"; letter-spacing:-1px; color:#999;} 
.news_left ul li:hover a dl dd{color:#c4261d; font-weight:bold;}
.news_left ul li:hover dl{ overflow:hidden; background:url(../images/xii1.png) no-repeat center right 5px ;}
.news_left ul li:first-child:hover  dl{ background:none;}
.news_left ul li:hover dl dd{ text-decoration:underline;}

.faq{overflow:hidden; }
.faq h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:400;}
.faq h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}



.fq{overflow:hidden; height:416px; }
.fqimg img{ width:100%; margin-bottom:15px; overflow:hidden;}
.fq ul{overflow:hidden;}
.fq ul li{ overflow:hidden;  border:1px #ccc solid; background:url(../images/fq.png) no-repeat  20px 20px; padding:20px; margin-bottom:10px; overflow: hidden}
.fq ul li h3{ height:30px; line-height:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:18px; padding-left:32px;}
.fq ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:14px; color:#666;padding-left:32px;line-height: 24px;}
.fq ul li:hover{border:1px #c4261d solid;}
.fq ul li:hover h3{ text-decoration:underline; color:#c4261d}


.bottom_nav{width:100%; max-width:1920px; min-width:1400px; margin:45px auto 0; background:#c4261d;}
.bottom_nav ul{ width:1400px; overflow:hidden; margin:0 auto;}
.bottom_nav ul li { display:inline; float:inherit; width:inherit; text-align:center;  margin:0 39px; line-height:60px;}
.bottom_nav ul li a{color:#fff;}
.bottom_nav ul li a:hover{text-decoration:underline;}



.links{width:100%;max-width:1920px;margin:0 auto 0;min-width:1100px;overflow:hidden;color:#666;border-top:1px #ccc solid}
.links ul{ width:1400px;margin:0 auto;margin:0 auto}
.links span{line-height:30px;width:9%;float:left;padding:2% 0;display:inline-block;color:#666;text-align:left;font-size:16px;padding-left:31px;background:url(../images/sos.png) no-repeat center left}
.links dl{overflow:hidden;width:85%;float:left}
.links dl dd{padding:2% 0}
.links dl dd a{padding:0 10px;font-size:16px;white-space:normal;display:inline-block;line-height:40px}

.footer{width:100%;background:#16100e;overflow:hidden; padding:60px 0;margin:0 auto 0;  }

.footer  .kusu{ width:20%; float:left;}
.footer  .kusu h3{font-size:18px;color:#fff; }
.footer  .kusu ul { overflow:hidden; margin-top:20px;}
.footer  .kusu ul li{ overflow:hidden; float:left; width:50%; line-height:36px; font-size:13px;}
.footer  .kusu ul li a{ color:#a7b9d5}
.footer  .kusu ul li a:hover{color:#fff; text-decoration:underline;}
.footer .left{height:auto;float:left}
.footer .name{margin-bottom:15px}
.footer .name img{display:block}
.footer .info{width:40%;float:left;height:auto;overflow:hidden; }
.footer .info p{color:#999;font-size:14px;line-height:25px;margin-top:15px}
.footer .icon{width:330px;float:left}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}
.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}
.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}
.footer .icon ul li:hover img{display:block}
.footer .icon ul li a{display:inline-block;cursor:pointer;width:83px;height:83px}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .info1{color:#fff;line-height:41px;font-size:16px;text-align:left;float:left}
.footer .info h3{font-size:18px;color:#fff; }
.footer .info h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .cr{width:100%;height:auto;overflow:hidden}
.footer .cr p{color:#fff;font-size:14px}
.footer .ewm{ float:right}
.footer .ewm div{ float:right; width:130px;}
.footer .ewm h3{font-size:18px;color:#fff;margin-bottom:20px; font-weight:bold;}
.footer .ewm h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .ewm p{text-align:center;color:#fff;font-size:14px;}
.footer .ewm p img{display:block;width:100%}

.fiv{width:100%; position:fixed; bottom:0px; left:0px; background:#e13531; padding:10px 0; z-index:999}
.fiv .tmb{width:1400px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }
.fiv .tmb span{ color:#ffc4261d0}
.fiv .tmb em{ float:right; font-style:normal; font-weight:normal; font-size:24px; }
.fiv .tmb em b{font-size:24px;}
.fiv .tmb em a.anniu{width:120px; height:36px; line-height:36px;  text-align:center; color:#fff; display:inline-block; border-radius:5px; margin-left:10px; border:1px #fff solid; font-size:14px;}



.Copyright{ width:100%; overflow:hidden; background:#1c1c1c; text-align:center; color:#fff; padding:20px 0; border-top:1px #999 solid;}





.b_nav1{overflow:hidden;float:left;margin-right:30px;width:20%}
.b_nav1 h3{font-size:18px;color:#fff;  position:relative; padding-bottom:20px;}
.b_nav1 h3:after{content:""; width:30px; height:2px; background:#c4261d; position:absolute; bottom:0px; display:block;}
.b_nav1 h3 span{font-weight:400;font-size:13px;margin-left:5px}
.b_nav1 ul{overflow:hidden;margin-top:15px}
.b_nav1 ul li{float:left;text-align:left; width:40%;margin-right:10px;height:36px;line-height:36px;  position:relative}
.b_nav1 ul li a{color:#999;font-size:16px;display:block; }
.b_nav1 ul li a:hover {color:#fff ;  }



.b_nav{overflow:hidden;float:left;margin-right:30px;width:15%}
.b_nav h3{font-size:18px;color:#fff; position:relative; padding-bottom:20px; }
.b_nav h3:after{content:""; width:30px; height:2px; background:#c4261d; position:absolute; bottom:0px; display:block;}
.b_nav h3 span{font-weight:400;font-size:13px;margin-left:5px}
.b_nav ul{overflow:hidden;margin-top:15px}
.b_nav ul li{text-align:left; width:145px;margin-right:10px;height:36px;line-height:36px;   position:relative}
.b_nav ul li a{color:#999;font-size:16px;display:block;}
.b_nav ul li a:hover {color:#fff ; }


.foot{margin:0 auto;width:1400px;position:relative;overflow:hidden}
.tit_bt1{border-bottom:3px #13a33d solid;height:59px;line-height:59px;text-indent:1em;font-size:18px;font-weight:700;color:#13a33d;background:#f1f1f1;margin:0 auto 20px}
.tit_bt1 span{float:right;font-weight:400;font-size:16px;padding-right:10px}
.tit_bt1 span.dqian{margin:0}
.tit_bt1 i{font-size:14px;color:#333;text-transform:uppercase;margin-left:10px;font-weight:400}
.tit_bt1 span a{background:url(../images/icon.png) no-repeat center right;padding-right:10px;margin-left:6px}
.tit_bt1 span a:last-child{background:0 0}
.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}
.toolbar dd{width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../images/rightfixicon.png) no-repeat 0 0}
.toolbar dd.gottop{display:none}
.toolbar .slide-tel{display:block;width:0;height:43px;line-height:34px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:10px 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}
.toolbar .pop{position:absolute;right:90px;top:-65px;background:#c4261d;display:none}
.toolbar .pop-code{width:160px}
.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}
.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap}
.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:400}
.toolbar .qq span{background-position:-35px -47px}
.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block}
.toolbar .qq:hover{background-color:#c4261d;border-radius:100%}
.toolbar .qq:hover span{background-position:0 -47px}
.toolbar .tel span{background-position:-35px 0}
.toolbar .tel:hover{background:#c4261d}
.toolbar .tel:hover span{background-position:0 0}
.toolbar .code span{background-position:-35px -95px}
.toolbar .code:hover{background-color:#c4261d;border-radius:100%; overflow:inherit}
.toolbar .code:hover span{background-position:0 -95px}
.toolbar .top1 span{background-position:-36px -142px}
.toolbar .top1:hover{background-color:#c4261d;border-radius:100%}
.toolbar .top1:hover span{background-position:0px -142px}
.active .animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}
.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}
.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@-webkit-keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@keyframes scale-three2{0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.3);opacity:0}
}
@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}
100%{-moz-transform:scale(1.3);opacity:0}
}
@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}
100%{-o-transform:scale(1.3);opacity:0}
}



.page{width:100%;height:auto;overflow:hidden; margin:30px auto}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}
.page ul li a{color:#333}
.page ul .thisclass{background:#c4261d;color:#fff;border:1px solid #c4261d}
.page select{border:none;background:0 0;outline:0}
.page ul .thisclass a{color:#fff;}

.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative; z-index:2}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}

.n_banner{ width:100%; margin:0px auto; overflow:hidden;}
.n_banner img{ width:100%; margin:0px auto;}
.n_banner img:first-child{ display:block;}
.n_banner img:last-child{ display:none;}


.news{width:100%;overflow:hidden; margin:30px auto 0}
.news ul{overflow:hidden}
.news ul li{background:#fff url(../images/jtt.png) no-repeat center right;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;padding:20px 80px 20px 0;width:50%;float:left;border:10px #f6f4f4 solid;box-sizing:border-box}
.news ul li::marker{display:none;color:#fff;opacity:0}
.news ul li dl{text-align:center;color:#333;float:left;margin-right:28px;border-right:1px #ccc solid}
.news ul li dl dd{padding:0 30px 0;font-size:38px}
.news ul li dl dt{text-align:center;font-size:14px;height:20px;line-height:10px}
.news ul li span{overflow:hidden}
.news ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0}
.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333}
.news h3 a:hover{color:#3351e2;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.news i{font-style:normal;font-size:12px;color:#999}
.news ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0 auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 20px 0 0}
.news ul li span i{font-size:13px;color:#999;height:30px;line-height:30px;background:url(../images/newsList_icon02.png) no-repeat center left;text-indent:2em;display:inline-block}
.news ul li:hover a h3{color:#c4261d;z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.news_box{ background:#f6f4f4; overflow:hidden; padding:50px 0}
.news_mbt{ margin:40px auto 0}
.news_mbt .swiper-container{ padding-bottom:50px;}
.news_mbt  .swiper-pagination-bullet{ width:10px; height:10px;}
.news_mbt .swiper-pagination-bullet-active { background:#c4261d;}

.n_box{ overflow:hidden;  margin:0px auto 0; padding:0 0 15px; background:#fff; }
.n_box dl{ margin:-30px 30px 0; background:#f5f5f5; padding:20px; position:relative; z-index:33; border-bottom:5px #c4261d solid}
.n_box h3{ overflow:hidden; height:30px; line-height:30px; position:relative; padding:0 15px; margin:20px auto 0; color:#000  }
.n_box dd{ font-size:14px; padding:5px 30px; margin:10px 15px; color:#fff; display:inline-block; background:#c4261d}
.n_box p{ font-size:16px; color:#666; margin:20px 15px 20px; line-height:28px;display: -webkit-box;
-webkit-box-orient: vertical; height:50px;
-webkit-line-clamp:2;
overflow: hidden; }
.n_box dt{ font-size:14px; color:#c4261d; padding:8px 15px; margin-left:10px;}
.n_box 
.n_box div{ overflow:hidden; margin:0 15px ;}
.n_box div img{ width:100%;}
.n_box:hover h3{ text-decoration:underline; color:#c4261d}
.n_box:hover dt{ background:#c4261d; color:#fff; display:inline-block}


/*
.news_mbt{ overflow:hidden; width:1400px; margin:0px auto 0; padding:0 0 30px;}
.news_mbt  ul  {overflow:hidden; padding-top:20px;}
.news_mbt  ul li{ overflow:hidden; margin:0 30px 30px 0; width:585px; float:left; background:#fff; ;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li span{display:block; float:left; width:100px; height:100px; background:#c4261d; text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li span b{display:block; font-size:30px; color:#fff; padding-top:20px;}
.news_mbt  ul li  span i{display:block; font-size:14px; color:#fff; padding-top:5px; font-style:normal;}

.news_mbt  ul li dl{     overflow: hidden;
    padding: 6px 10px 0 0px;
    width: 463px;
    float: right;}
.news_mbt  ul li dl h3{font-size:16px;  color:#333; height:37px; line-height:37px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li dl p{ height:47px; font-size:14px; line-height:24px; color:#878787;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }


.news_mbt  ul li:hover span b,.news_mbt  ul li:hover span i{color:#fff;}
.news_mbt  ul li:hover h3{color:#c4261d}
.news_mbt  ul li:nth-child(2n){ margin-right:0px;}

.news_mbt  ul li:hover{
-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
*/
.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}
.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }
.pro-intro .textxq{height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px; padding:0 10px;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}
.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666; text-indent:2em;}
.article-detailed{overflow:hidden;margin:20px auto}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}
.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;text-indent:2em;}


.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px  }
.fy p:last-child{border:none}
.fy p a{color:#666}
.fy p a:hover{color:#006cd8}




.anli_lb{width:1400px;overflow:hidden;margin:20px auto 0;}
.anli_lb ul{overflow:hidden;}
.anli_lb ul li{width:25%;float:left;overflow:hidden; border:10px #fff solid; box-sizing:border-box;}
.anli_lb ul li div{overflow:hidden;border:1px #fff solid}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center; position:relative}
.anli_lb ul li a:hover dd{color:#fff}
.anli_lb ul li a{color:#333}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover p{color:#c4261d}
.anli_lb ul li:nth-child(4n){margin-right:0px;}




.news_lb{overflow:hidden; margin-top:20px;}
.news_lb ul{overflow:hidden;padding:10px}
.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted ; width:96%}
.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:60px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}
.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.map{ width:100%; height:400px;}

.lxwmmt{overflow:hidden; line-height:30px; font-size:16px; padding:20px 0}


.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:1400px;}
.mssg-intro form{ margin:5%; background:rgba(255,255,255,.8); padding:5%; overflow:hidden;}
.mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;}
.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#c4261d;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}
.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}


/*mobile*/

.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15; display:none; overflow:hidden;}
.g-adv .m-box img{display:block;position:relative;width:100%;}
.g-adv .m-cnt{width:100%;position:absolute;bottom:0;left:0;z-index:10;height:4px;}
.g-adv .m-cnt li{float:left;width:100%;height:4px;}
.g-sbox .m-cnt{background:#dfdfdf;position:relative;border-bottom:1px solid #BDBAB7;}
.g-sbox .m-cnt li{position:relative;}
.m-cnt li{text-align:center;width:32%;}
.g-adv .m-cnt{background:#333;}
.g-adv .m-cnt .z-on{background:#f4821f;}
.g-adv img{ width:100%}
.slider{display:none;}



.fixed-contact-wrap{z-index:999;position:fixed;right:1px;bottom:15%;width:60px;margin-top:-120px;overflow:hidden;border-radius:30px;height:280px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);overflow:hidden;border-radius:30px}
.fixed-contact-wrap ul{border-radius:30px;overflow:hidden}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:215px}
.fixed-contact-wrap li{position:relative;height:60px;background:#e0332f;overflow:hidden}
.fixed-contact-wrap li strong{margin-right:20px}
.fixed-contact-wrap.active li{overflow:inherit}
.fixed-contact-wrap li a{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap .phone i{background:#e0332f url(../images/icon5.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .weixin i{background:#e0332f url(../images/icon8.png) no-repeat center center;height:100px}
.fixed-contact-wrap .qq i{background:#e0332f url(../images/icon6.png) no-repeat center center}
.fixed-contact-wrap .back-top i{background:#e0332f url(../images/icon7.png) no-repeat center center}
.fixed-contact-wrap.active .back-top i{border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0}
.fixed-contact-wrap li strong{position:absolute;top:0;right:-145px;display:block;width:100px;padding:0 15px 0 30px;font:normal 16px/60px gotham-medium;color:#fff;background:#e0332f;white-space:nowrap;transition:all .4s;text-align:center}
.fixed-contact-wrap.active li strong{right:40px}
.fixed-contact-wrap.black li{background:#e0332f}
.fixed-contact-wrap.black li strong{background:#e0332f}
.fixed-contact-wrap .weixin{border-radius:0 0 30px 30px;overflow:hidden}
.fixed-contact-wrap .weixin strong{width:80px;margin-top:20px;border-radius:30px}
.fixed-contact-wrap .weixin strong img{width:100%}