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}



@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:'微软雅黑'}



}



@font-face{font-family:DINProb;src:url(../images/DINPro-Bold.otf)}



@font-face{font-family:DINCond-Light;src:url(../images/DINCond-Light.otf)}



a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}



a:focus{outline:0}



input,textarea{outline:0}



a:hover{color:#3c4d5d;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:0px auto; position:relative}



.con_box{width:1400px;overflow:hidden;margin:50px auto}







.title{text-align:center;padding:50px 0 25px;overflow:hidden;margin:0px auto; color:#FFF}



.title h3{font-size:48px;text-align:center;color:#000;font-weight:400; margin:-50px auto 0}



.title h3 span{ color:#333;}



.title p{ overflow:hidden;}



.title b{color:#333}







.title1{text-align:center;padding:50px 0 25px;overflow:hidden;margin:0px auto;}



.title1 h3{font-size:48px;text-align:center;color:#000;font-weight:400; margin:0px auto 0}



.title1 h3 span{ color:#333;}



.title1 p{ overflow:hidden;}



.title1 b{color:#333}















.top{ background:#3c4d5d; height:36px; line-height:36px; font-size:14px; color:#fff; ;}



.top span{ float:right;}



.top span a{color:#fff;}



.top span a:after{content:"|"; color:#fff; margin:0 8px;}



.top span a:last-child:after{content:""; display:none;}











.head{width:100%;overflow:hidden;margin:0 auto;}







.had{ width:1400px; margin:0px auto; overflow:hidden; padding:30px 0 }















.logo{ float:left;}





.logo img{ height:80px}









.hot{ float:right;  background:url(../images/hot.png) no-repeat center left; padding-left:60px;}



.hot p{ font-size:28px; font-family:DINProb; line-height:30px; color:#026abd}















.nav{   margin:0px auto; width:100%;  border-top:1px #ccc solid; height:50px; position:relative; z-index:9}



.nav ul{ width:1400px; margin:0px auto;}



.nav ul li{ width:14.2%; height:50px; line-height:50px; float:left; text-align:center; position:relative; border-right:1px #ccc solid}



.nav ul li{ display:block; color:#333; font-size:18px;}



.nav ul li:hover{background:#3c4d5d; background-image: linear-gradient(to right, #109be0,#27deda); color:#fff;}







.nav ul li ul{ position:absolute; width:100%;  z-index:999; display:none;}



.nav ul li ul li{ width:100%; height:45px; line-height:45px; margin-bottom:1px; text-align:center; float:none; background:#3c4d5d;}



.nav ul li:hover ul{display:block;}







.nav ul li ul li a{color:#fff; font-size:15px;}



.nav ul li ul li a:hover{ background:#0ed794; border-radius:0px;}







.banner{width:100%; overflow:hidden; position:relative; z-index:1}



.banner img{ width:100%}



.banner .swiper-pagination-bullet{ width:20px; height:6px; border-radius:6px}



.banner .swiper-pagination-bullet-active{ background:#3c4d5d}







.zizhi{width:100%; overflow:hidden; position:relative ; position:relative}







.caidan{ float:right; display:none; margin-top:8px;}







/*搜索*/



.sousuo{width:100%; height:60px; border-bottom:1px #ccc solid; border-top:1px #ccc solid;background:#f0f0f0; margin:0px auto; max-width:1920px; }



.sousuocon{width:1400px; margin:0px auto; height:60px; line-height:60px; font-size:16px;  }



.sousuocon a:after{content:"|"; margin:0 10px;}



.sousuocon a:last-child:after{content:""; display:nonbe;}



.sousuocon_m{ width:1400px;  background:none; height:48px; line-height:48px; margin:0px auto; padding:0 10px;}



.sousuocon ul{width:1400px; overflow:hidden; margin:0 auto;}















.pic_content{overflow:hidden;margin:15px auto 0}



.pic_content ul{overflow:hidden;margin:0 auto}



.pic_content ul li{width:387px;float:left;overflow:hidden;margin-right:19px;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,83,167,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; position:absolute; bottom:0px; width:100%; z-index:9;background:rgba(0,83,167,0.6); -webkit-transition:all .5s;transition:all .5s;}



.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{bottom:-50px; -webkit-transition:all .5s;transition:all .5s;}



.pic_content ul li a p{color:#fff}



.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:387px;float:left;overflow:hidden;margin-right:19px;margin-bottom:16px;margin-top:6px;;position:relative}



.pic_cont ul li div{ width:100%;  overflow:hidden; position:relative}



.pic_cont ul li div dl{ position:absolute; width:100%; height:0%;  background:rgba(0,83,167,0.6);bottom:0px;-webkit-transition:all .5s;transition:all .5s;}



.pic_cont 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_cont ul li div dl dd:after{content:"——"; color:#fff; display:block; margin-top:12px;}



.pic_cont 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_cont ul li p{ height:45px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; position:absolute; bottom:0px; width:100%; z-index:9;background:rgba(0,83,167,0.6); -webkit-transition:all .5s;transition:all .5s;}







.pic_cont ul li:nth-child(3n){margin-right:0}



.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{bottom:-50px;}



.pic_cont ul li a p{color:#fff}



.pic_cont ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}







.tell{ display:none;}











.pic_con{overflow:hidden;margin:15px auto 0}



.pic_con ul{overflow:hidden;margin:0 auto}



.pic_con ul li{width:50%;float:left;overflow:hidden; border:8px #fff solid;  box-sizing:border-box; position:relative;}



.pic_con ul li div{ overflow:hidden; border-bottom:1px #ccc solid  }



.pic_con ul li p{ height:60px;  line-height:60px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  font-size:18px; font-weight:bold; margin:0 10px; padding-right:35px; position:relative}



.pic_con ul li p:after{content:url(../images/pic_img.png);  position:absolute; right:0px; top:20px;}



.pic_con ul li a{ border:1px #ccc solid; display:block;}



.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 a:hover {color:#fff; border:1px #3c4d5d solid; }



.pic_con ul li:hover{ background:#3c4d5d}



.pic_con ul li:hover p:after{content:url(../images/pic_img.png); float:right;}







.gengduo{ width:200px; height:50px; text-align:center;  margin:30px auto ; line-height:50px; border-radius:30px; background:#f08200 ; color:#FFF;}



.gengduo a{color:#fff;}



.gengduo:hover{ background:#3c4d5d; color:#fff;}



.gengduo:hover a{color:#fff;}







.pic_nav{overflow:hidden;text-align:center; margin:20px auto 20px;}



.pic_nav h3{ width:220px; background:url(../images/pic_nav.png) no-repeat center center; color:#fff; padding:50px 0 ; font-size:28px; font-weight:400; float:left;}



.pic_nav h3 p{ font-size:12px; text-transform:uppercase;}



.pic_nav h3 p:before{content:"——"; letter-spacing:-2px; color:#fff; display:block; line-height:40px;}



.pic_nav  ul{ overflow:hidden; }



.pic_nav  ul li{overflow:hidden;  display:block; float:left;text-align:center;font-size:15px;width:15.9%; margin:10px  5px 0;   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  line-height:35px;}



.pic_nav  ul li:hover{color:#fff;background:#3c4d5d}



 .pic_nav  ul li:hover span{color:#fff;}



 .pic_nav  ul li span{ border:1px #ccc solid; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}























.news_nav{overflow:hidden;line-height:50px;text-align:center; margin:20px auto;}



.news_nav a{overflow:hidden;background:#fff;border-radius:30px;text-align:center;font-size:20px;width:250px;  display: inline-block;;margin:0 5px; border-radius:6px; border:1px #ccc solid; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.news_nav a:hover{color:#fff;background:#3c4d5d}



























.ysbg { background: url(../images/ysbg.jpg)center no-repeat; padding:50px 0; overflow:hidden; background-size:cover; margin:30px auto 0;}







.ysbg-r { width: 580px; float:right;}







.ysbg-r .title h3 { text-align: center; background:none; margin-bottom:0px; padding-bottom:10px;color: #3c4d5d;}







.ysbg-r .title p {



    padding: 0px;



    text-align: center;



    color: #666;



    font: 500 18px/18px "Microsoft YaHei";



}







.a2_list1{ overflow:hidden; padding:10px;}







.ys-item {



    float: left;



    width: 50%;



    height: 190px;







    background: #ffffff;



    margin-bottom: 15px;



    text-align: center; padding-top:20px;



}







.ys-item img {



    display: block;



    margin: 0 auto;



}







.ys-item img:last-child{ display:none;}



.ys-item:hover img:last-child{ display:block;}



.ys-item:hover img:first-child{ display:none;}



















.ys-item h3 {



    padding: 20px 0;



    color: #333;



    font: 400 20px/20px "Microsoft YaHei";



}







.ys-item p {



    color: #666; padding:0 20px;



    font: 400 12px/20px "Microsoft YaHei";



}







.ys-item:hover {



    box-shadow: 0px 0px 10px #6f9fd9; position:relative; z-index:22;



}











.ys-item:hover h3 {



    color: #3c4d5d;



    font: 700 20px/20px "Microsoft YaHei";



}



































.x_banner{ width:100%; position:relative;  height:180px; margin:50px auto 0; max-width:1920px; min-width:1400px; overflow:hidden;} 



.x_banner img{ position:absolute; left:50%; margin-left:-960px;}



.x_banner img:last-child{ display:none}



.lc_box{width:100%; position:absolute; z-index:99;  height:100%} 



.lc_box ul{ overflow:hidden; width:1267px;  margin:0px auto;}



.lc_box ul li {



    float: right;



    overflow: hidden;



    padding: 18px 25px 19px;



    background: #ce0202;



    margin: 40px 5px 0;



    border-radius: 16px; -webkit-transition:all .1s;transition:all .1s; 



}



.lc_box ul li p{ color:#fff;}



.lc_box ul li img{  position:relative; left:inherit; margin-left:inherit; }



.lc_box ul li:hover{transform:translate(0,-20px); -moz-transform:translate(0,-20px); -ms-transform:translate(0,-20px); -o-transform:translate(0,-20px); -webkit-transform:translate(0,-20px);-webkit-transition:all .5s;transition:all .5s;}







.links{margin:0 auto 0;height:auto;overflow:hidden;border-top:1px #f6f6f6 solid}



.links .tit{width:112px;float:left;border-right:1px #f6f6f6 solid;border-left:1px #f6f6f6 solid;margin-right:20px;padding:20px}



.links ul{height:auto;overflow:hidden;margin-top:10px}



.links ul a{line-height:25px;color:#666;margin:5px;white-space:nowrap}



.links ul a:hover{text-decoration:underline;color:#1bb1cc}



.m_banner{ width:100%; overflow:hidden; display:none;}



.m_banner img{ width:100%; overflow:hidden;}







.fll{  overflow:hidden ; padding:40px 0 0px } 



/*



.ys{width:100%;max-width:1920px;margin:20px auto 0; background:#f5f5f5; padding:30px 0;}



.youshi{ width:1400px; overflow:hidden; margin:0px auto; margin:0px auto; background:#fff;}



.youshi .d_item{padding-bottom:60px;position:relative;padding-top:64px; overflow:hidden; padding-left:50px;}



.youshi .d_item .tit{width:96px;position:relative;}



.youshi .d_item .tit img{width:75px;height:75px;;display:block}



.youshi .d_item .tit h3{font-size:18px;text-transform:uppercase;position:absolute;left:134px;top:34px}



.youshi .d_item .txt{padding-top:13px;width:460px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s ; text-align:left;}



.youshi .d_item .txt h2{font-size:30px;font-weight:700;color:#3c4d5d;line-height:32px}



.youshi .d_item .txt h4{display:block;line-height:34px; color:#999; font-weight:400; font-size:14px; border-bottom:2px #3c4d5d solid;}



.youshi .d_item .txt .desc{padding-top:20px;line-height: 29px;}



.youshi .d_item .txt  dl  dd{  padding-left:10px; margin-bottom:8px; color:#666;}



.youshi .d_item .txt .cha{font-size:18px;width:200px;height:54px;line-height:54px;display:block;border:2px solid #3c4d5d;text-align:center;color:#3c4d5d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:34px}







.youshi .d_item .txt .desc span{color:#f00}



.youshi .d_item .txt .cha:hover{background:#3c4d5d;color:#fff}



.youshi .d_item .img{position:absolute;right:0px; top:0px}



.youshi .d_item .img img{max-width:666px;display:block}



.youshi .d_item.it2{padding-left:727px}



.youshi .d_item.it2 .img{right:auto;left:0}



.youshi .d_item:hover .txt{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}















.ys2{ margin-top:20px}



.ys4{ margin-top:20px;}



*/











.ys{width:100%;max-width:1920px;margin:0px auto 0;; background:url(../images/ysbj.jpg) no-repeat center top; padding:30px 0 40px;}



.youshi{ width:1400px; overflow:hidden; margin:40px auto 0; }



.youshi .swiper-slide{ margin:0px auto;; background:#ffffff}



.youshi .d_img{ position:relative;}



.youshi .d_img img{ width:100%}



.youshi .d_img  div{ width:50px; height:50px; line-height:50px; font-size:30px; color:#fff; font-weight:bold; text-align:center; position:absolute; bottom: 0px; left:50%; 



transform: translate(-50%,50%); border-radius:100%; background:#3c4d5d}







.youshi .d_item{position:relative; overflow:hidden; padding:0 20px;}



.youshi .d_item  h3{font-size:26px;font-weight:700;color:#3c4d5d;line-height:32px; text-align:center; margin:40px auto 15px;white-space:nowrap;

overflow: hidden;

text-overflow:ellipsis; }



.youshi .d_item dd{color:#666; font-size:14px; line-height:28px; margin-bottom:30px; height:145px;}



















.liucheng{ width:100%; position:relative;  height:187px; margin:0px auto 0; max-width:1920px; min-width:1400px; overflow:hidden;} 



.liucheng img{ position:absolute; left:50%; margin-left:-960px;}







.youshi .swiper-pagination { display:none;}







.youshi .swiper-container { padding-bottom:30px;}



.fl{float:left;}



.youshi .swiper-pagination-bullet{ background:#fff; opacity:1}



.youshi .swiper-pagination-bullet-active{ background:#f08200}















#leftsead{width:180px;position:fixed;top:258px;right:0px; z-index:999}



*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}



#leftsead li{width:180px;height:53px; position:relative; }



#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}



#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:180px; background:#333}



#leftsead li a .shows{display:block;}



#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}







#leftsead li a.youhui div{display:none;position:absolute;right:50px;bottom:2px;}



#leftsead li a:hover{background:#3c4d5d;}







#leftsead li a.dhh:hover { width:180px;} 



#leftsead li span{float:left; position:absolute; line-height:25px; top:11px; left:5px; display:block; color:#fff; font-size:20px; display:none;}



#leftsead li:hover span{ display:block;}



#leftsead li a.youhui:hover div{ display:block;}



















.buttom,.fanhui{ display:none;}















.anli{width:1400px;overflow:hidden;margin:40px auto 0;}



.anli ul li{width:290px; position:relative;float:left;overflow:hidden;margin-right:17px;}







.anli ul li div{overflow:hidden;width:290px; border-bottom:none;}



.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 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center; border-bottom:1px #ccc solid;}



.anli ul li a{color:#333}







.anli ul li:hover p{color:#3c4d5d;-webkit-transition:all .5s;transition:all .5s; border-bottom:1px #3c4d5d solid}



















.zizhi .swiper-container{ position:relative; }



.zz{ overflow:hidden; margin:10px; background:#fff;  position:relative;-webkit-transition:all .5s;transition:all .5s; }



.zz div{ overflow:hidden; margin:30px 30px 30px; background:#fff;  }



.zz div img{ width:100%}



.zz p{ height:36px; line-height:36px; background:#f0f0f0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}



.zz:hover{ 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:88px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; border-radius:3px; }



.gengduo3 a{ color:#fff;}



.kao{ width:50%; bottom:-100px; position:absolute; height:207px; right:0px;}



.kao img{ width:100%;}



.about_box{ background:#e2d6d65e; margin:0 auto 100px; padding:50px 0 0; height:450px;position:relative }







.about{width:1400px; margin:0px auto;  position:relative;}



 



.aabut{ background:#fff; overflow:hidden;; margin:75px auto 40px; border-radius:30px; width:50%; float:right}







.imti{height:34px;line-height:34px;text-align:center;font-size:28px;}



.imti a{position:relative;display:inline-block;height:34px;line-height:34px;}



.imti a:after{content:attr(data-text);position:absolute;width:0%;height:34px;line-height:34px;top:0;left:0;font-size:28px;color:#00458e;overflow:hidden;white-space: nowrap;-webkit-transition:width 1s cubic-bezier(0.7,0,0.3,1);transition:width 1s cubic-bezier(0.7,0,0.3,1);}



.imti a:hover:after{width:100%;}



.imti-en{text-align:center;font-size:12px;margin-top:5px;}



.imti-sub{font-size:16px;text-align:center;margin-top:5px;}



.iabout{padding:75px 0 30px;}



.iabout .content:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}



.iabout-video{float:right;display:block;width:50%; position:absolute; right:0px; height:538px;}



.iabout-video img{ width:100%}



/*.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;}*/



.iabout-cont{ float:left; width:46%;}



.iabout-cont .ti{font-size:28px;margin-bottom:15px; color:#3c4d5d; font-weight:600; }



.iabout-cont .ti p{ color:#333; font-weight:400; font-size:22px;}



.iabout-cont .ti p:before{ content:""; display:block;width:50px;height:1px;background-color:#3c4d5d;margin:10px 0 10px;}







.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}



.iabout-cont .desc{line-height:32px; overflow:hidden; -webkit-line-clamp: 8;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:16px; color:#333; text-indent:2em; text-align:justify}



.iabout-cont .more{color:#fff;}



.iabout-cont .link{margin-top:30px;}



.iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(../images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center;}



.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; display:block; text-align:center; width:200px; height:50px; line-height:50px; border-radius:30px; background:#f08200; }



.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.iabout-cont a:hover.more{color:#fff; background:#3c4d5d} 















.huanjing{ overflow:hidden; margin:-50px auto 0;}



.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.huanjing h3{ font-size:36px; color:#3c4d5d; padding-left:40px;}



.huanjing .swiper-container{ margin:30px 44px;}



.huanjing .swiper-slide div{ overflow:hidden;}



.huanjing .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}



.huanjing .swiper-slide div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.huanjing .swiper-slide  p{ text-align:center; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:50px; line-height:50px;}



.huanjing .swiper-slide:hover p{ text-decoration:underline;}



.huanjing .swiper-button-next{ background-image:url(../images/right.png); right:0px;width: 40px;



    height: 80px;    background-size: 40px 80px; }



.huanjing .swiper-button-prev{ background-image:url(../images/left.png); left:0;width: 40px;



    height: 80px;     background-size: 40px 80px;}















.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;}



.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.ipro .bg{position:absolute;width:100%;height:175px;background:#3c4d5d;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_box{ overflow:hidden; margin:20px auto 0; background:#e2d6d65e; padding-bottom:30px;}







.news_box{width:100%;height:auto;overflow:hidden}



.news_box .focus{width:40%;height:auto;overflow:hidden;background:#ffffff;float:left;margin-top:30px;padding-bottom:35px}



.news_box .focus div{overflow:hidden;position:relative;margin:20px 20px 0}



.news_box .focus div img{display:block;width:100%}



.news_box .focus dl{margin:0 20px}



.news_box .focus h3{font-size:18px;color:#394959;height:60px;line-height:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}



.news_box .focus dt{font-size:12px;color:#999}



.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.news_box .focus:hover h3{ color:#3c4d5d}



.news_box .focus dd{display:block;line-height:28px;color:#666;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}



.news_box .list{width:58%;height:auto;overflow:hidden;float:right;margin-top:30px}



.news_box .swiper-slide .sed{overflow:hidden;background:#ffffff;padding:28px 20px;box-sizing:border-box}



.news_box .swiper-slide .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}



.news_box .swiper-slide .time b{color:#394959;font-size:40px;font-weight:700}



.news_box .swiper-slide .time p{color:#666;font-size:13px;margin-top:-3px}



.news_box .swiper-slide .info{width:100%;height:auto;overflow:hidden;margin-top:20px}



.news_box .swiper-slide .info h4{color:#394959;font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.news_box .swiper-slide .info p{color:#666;font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}



.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.iabout-cont .line{display:block;width:72px;height:1px;background-color:#3c4d5d;margin:10px 0 20px;}
.news_box .swiper-slide:hover a h4{color:#3c4d5d;text-decoration:underline}



.news_box .list ul li:hover a .time p,.news_box .swiper-slide:hover a .time b{color:#3c4d5d}



.news_box .swiper-slide:hover .tit{background:url(../images/icon04.png) no-repeat right top}



.news_box .swiper-container{padding-bottom:50px}



.news_box .swiper-pagination-bullet{width:25px;height:8px;border-radius:6px;background:#999;opacity:1}



.news_box .swiper-pagination-bullet-active{background:#3c4d5d}



.news_box .swiper-pagination{display:none}



























.news_left{width:50%; overflow:hidden; float:left;}



.news_right{width:46%; overflow:hidden; float:right;}



.news_left h3{ color:#555555; font-size:22px;  height:60px; line-height:60px; font-weight:normal;}



.news_left h3 i{color:#666; font-size:14px; font-style:normal; margin-left:10px;}



.news_left h3 span{float:right; font-size:14px; font-weight:normal; margin-top:15px;}



.news_left h3 span a{color:#3c4d5d}



.news_left ul{overflow:hidden; border:1px #ccc solid; margin-top:20px ; padding:20px;}



.news_left ul li{ height:45px; line-height:45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px;-webkit-transition:all .5s;transition:all .5s;}



.news_left ul li:before{content:"□"; font-size:12px; font-family:"宋体"; margin:0 5px; color:#3c4d5d}



.news_left ul li span{float:right; color:#999;}



.news_left ul li:hover:before{ content:"■"; font-size:12px;}



.news_left ul li:hover a{ text-decoration:underline;}











.news_left .ttt{ overflow:hidden;}



.news_left .ttt div{width:240px; height:160px; margin-right:20px; overflow:hidden; float:left;}



.news_left .ttt div img{width:100%; height:100%;}



.news_left .ttt h4{  overflow:hidden; font-size:20px;overflow: hidden; font-weight:400;white-space: nowrap;text-overflow: ellipsis;}



.news_left .ttt h4 a{color:#3c4d5d;}



.news_left .ttt dt{ font-size:14px; height:20px; line-height:20px;}



.news_left .ttt dd{font-size:15px; color:#666; line-height:26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }



.news_left .ttt div img{-webkit-transition:all .5s;transition:all .5s;}



.news_left .ttt div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}



.news_left .ttt a{-webkit-transition:all .5s;transition:all .5s;}



.news_left .ttt a:hover{padding-left:10px; color:#3c4d5d;-webkit-transition:all .5s;transition:all .5s;}







.faq{overflow:hidden; }



.faq h3{ color:#555555; font-size:22px; height:60px; line-height:60px; font-weight:normal;}



.faq h3 span{float:right; font-size:12px; font-weight:normal; margin-top:15px;}



.faq h3 span a{color:#3c4d5d}



.faq h3 i{ color:#666; font-size:14px; font-style:normal; margin-left:10px; }



.fq{overflow:hidden; height:491px}



.fq ul{overflow:hidden;}



.fq ul li{ overflow:hidden; padding:15px 15px 15px 50px; background:url(../images/faq.png) no-repeat 13px 20px; border-bottom:1px #ccc solid}



.fq ul li dd{ height:36px; line-height:36px; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px;}



.fq ul li dt{ height:50px; line-height:24px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:14px; color:#666;}



.fq ul li dd a{ color:#333;-webkit-transition:all .5s;transition:all .5s;}



.fq ul li dd a:hover{ color:#3c4d5d; text-decoration:underline;-webkit-transition:all .5s;transition:all .5s;}







.fq ul li dd span{ float:right; color:#999;}











.bottom_nav{width:100%; max-width:1920px; min-width:1400px; margin:10px auto 0; background:#0355a8;}



.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;}



























.footer{width:100%;background:#1a2b45;overflow:hidden;max-width:1920px;min-width:100%;padding:60px 0;margin:0 auto 0;}



.footer .left{height:auto;float:left}



.footer .name{margin-bottom:15px}



.footer .name img{display:block}



.footer .info{width:440px;float:left;height:auto;overflow:hidden}



.footer .info p{color:#fff;font-size:14px;line-height:29px;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{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px; 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:140px; margin:0 5px;}



.footer .ewm div img{display:block;width:100%}



.footer .ewm div p{text-align:center;color:#fff;font-size:14px; margin:5px  0px;}



.fiv{width:100%;position:fixed;bottom:0;left:0;background:#e13531;padding:10px 0;z-index:999}



.fiv .tmb{width:1400px;overflow:hidden;font-size:24px;color:#fff;margin:0 auto;font-weight:700}



.fiv .tmb span{color:#ff11aa550}



.fiv .tmb em{float:right;font-style:normal;font-weight:400;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{background:#4a4a4a;padding:20px 0;font-size:15px;text-align:center;color:#ccc}







.fanhui{background:#eeeeee;text-align:center;color:#999;padding:2% 0;margin:0 0 0;font-size:.25rem;display:block;font-weight:700; display:none;}



.fanhui a{color:#999}







.bnav{width:400px;float:left;overflow:hidden}



 .bnav h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px}



 .bnav ul{overflow:hidden}



.bnav ul li{overflow:hidden;width:50%;border:6px #555 solid;box-sizing:border-box;float:left}



 .bnav ul li p{color:#fff;display:block;border:1px #fff solid;text-align:left;text-indent:1em;padding:5% 0}



 .bnav ul li p:after{content:"+";float:right;margin-right:10px}



.bnav ul li p:hover{background:#fff;color:#3c4d5d}



 .bnav ul li p:hover:after{color:#3c4d5d}



















.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}



.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}



.side ul li a{color:#333}



.side ul li:hover{background:#3c4d5d;color:#fff}



.side ul li:hover a{color:#fff}



.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}



.side ul li i.bgs1{background-image:url(../images/ios01.png)}



.side ul li i.bgs2{background-image:url(../images/ios02.png)}



.side ul li i.bgs3{background-image:url(../images/ios03.png)}







.side ul li i.bgs6{background-image:url(../images/ios03.png)}







.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}



.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}



.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}











.side ul li.sideetel:hover .telBox{display:block}



.side ul li.sideewm:hover .ewBox{display:block}



.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}











.side ul li.sideewm .ewBox{width: 130px;



    display: none;



    color: #363636;



    text-align: center;



    padding: 10px;



    position: absolute;



    left: -152px;



    top: -75px;



    background-repeat: no-repeat;



    background-position: center center;



    border: 1px solid #e0e0e0;



    background: #3c4d5d;}



.side ul li.sideetel .telBox{width:240px; padding-bottom:10px; min-height:68px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#3c4d5d}



.side ul li.sideetel .telBox dd{display:block;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;padding-top:14px}



.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}



.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}



.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}



.side ul li.sideewm .ewBox img{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:#fff000}



.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;}











.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:53px;line-height:53px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:0 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:#3c4d5d;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:#3c4d5d;border-radius:100%}



.toolbar .qq:hover span{background-position:0 -47px}



.toolbar .tel span{background-position:-35px 0}



.toolbar .tel:hover{background:#3c4d5d}



.toolbar .tel:hover span{background-position:0 0}



.toolbar .code span{background-position:-35px -95px}



.toolbar .code:hover{background-color:#3c4d5d;border-radius:100%; overflow:inherit}



.toolbar .code:hover span{background-position:0 -95px}



.toolbar .top span{background-position:-36px -142px}



.toolbar .top:hover{background-color:#3c4d5d;border-radius:100%}



.toolbar .top: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:15px 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:#3c4d5d;color:#fff;border:1px solid #3c4d5d}



.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;}







.mbanner{ width:100%; margin:0px auto; overflow:hidden; display:none;}



.mbanner img{ width:100%; margin:0px auto;}



.mbanner .swiper-pagination-bullet{ width:20px; height:6px; border-radius:6px}



.mbanner .swiper-pagination-bullet-active{ background:#3c4d5d}







.news{margin:20px auto 10px; overflow:hidden; }



.news ul{ overflow:hidden; padding-top:20px; }







.news ul li{ overflow:hidden; border:1px #ccc solid; background:#fff; padding:10px; margin: 0 2% 15px 0; width:46%; float:left;-webkit-transition:all .5s;transition:all .5s;}



.news ul li span{display:block; float:left; width:90px;  background:#3c4d5d; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}



.news ul li span b{display:block; font-size:0.3rem; color:#fff; padding:10px 0;}



.news ul li span i{display:block; font-size:0.16rem; color:#fff; border-top:1px #fff dotted; padding:5px 0; font-style:normal;}







.news ul dl{ overflow:hidden;padding-bottom:3px;}



.news ul dl h3{font-size:16px;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:600;}



.news ul dl p{  font-size:15px; line-height:0.25rem;; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }











.news ul  li:hover span b,.news ul  li:hover span i{color:#fff;}



.news ul  li:hover h3{color:#3c4d5d}







.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:#3c4d5d;}







.n_box{ overflow:hidden;  margin:0px auto 0; padding:0 0 15px; background:#fff; border-radius:10px;}



.n_box h3{ overflow:hidden; height:30px; line-height:30px; position:relative; padding:0 15px; margin:20px auto 0 }



.n_box h3:after{ content:""; width:5px; height:30px; position:absolute;left:0px; top:0px; background:#3c4d5d}



.n_box dd{ font-size:14px; margin:10px 15px; color:#666; display:block;}



.n_box p{ font-size:16px; color:#666; margin:0 15px 20px; line-height:28px;display: -webkit-box;



-webkit-box-orient: vertical;



-webkit-line-clamp:2;



overflow: hidden; }



.n_box div{ overflow:hidden; margin:0 15px ;}



.n_box div img{ width:100%;}



















.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{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;}



.pro-intro .textxq  iframe{ width:800px; height:600px; display:block; margin:0px auto;}



.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}



.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666;}



.article-detailed{overflow:hidden;margin-top:20px}







.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}



.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:8px #fff solid; box-sizing:border-box;}



.anli_lb ul li div{overflow:hidden;border:1px #ccc 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:#3c4d5d}



.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:#3c4d5d}



.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}







.news_lb ul li p{color:#7f7f7f;font-size:15px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}











.news_lb ul li h3 span{ float:right; color:#999;}







.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:#3c4d5d;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;}



.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;}







.slider{display:none;}



#maximg{ padding:20px 0}

#maximg img{ max-width:100% !important; height:auto !important;display:inline-block;}

#maximg p span{text-wrap: inherit !important;}



.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}

.pagination>li{display:inline;}

.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}

.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}

.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}