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:"Microsoft YaHei";}

}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#0f60ba;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content{width:1200px;overflow:hidden;margin:0 auto}

.content_mbx{width:1200px;overflow:hidden;margin:0 auto}

.concom{width:1200px;overflow:hidden;margin:30px auto}

.con_box{width:1200px;overflow:hidden;margin:50px auto}



.title{text-align:center;padding:60px 0 50px;overflow:hidden;width:1200px;margin:0 auto; }

.title h3{font-size:36px;text-align:center;color:#333;font-weight:600; }

.title h3 span{ color:#0f60ba;}

.title p{font-size:24px;color:#666; margin-top:8px;}

.title b{color:#ff9000}





.head{width:100%;max-width:1920px;min-width:1200px;overflow:hidden;margin:0 auto; }

.had{ width:1200px; margin:0px auto;  overflow:hidden;  text-align:center; padding:30px 0 ;}



.top{ overflow:hidden; background:#f1f1f1; height:50px; line-height:50px; min-width:1200px;}

.top_box{ width:1200px; overflow:hidden; margin:0px auto;}

.top_box span{ float:right;}

.top_box span a:after{content:"|"; color:#666; margin:0 6px;}

.top_box span a:last-child:after{ content:"";}



.logo{ float:left; text-align:left ; }

.logo div{ float:left; margin-right:10px;}

.logo h3{ font-size:36px; font-weight:bold; color:#000000; font-family:"思源黑体 CN Medium" }

.logo span{ overflow:hidden;} 

.logo span i{ color:#1048a0; font-style:normal;}

.logo p{color:#0185d0; font-size:20px; text-transform:uppercase; margin-top:-5px; }

.logo h3 span{color:#e00107}



.h_txt{ float:left; font-size:26px; color:#1048a0; text-align:left; font-weight:bold; border-left:1px #ccc solid ; margin-top:13px; padding-left:15px;}

.h_txt p{ font-size:20px; color:#999; font-weight:400; letter-spacing:0.5px;}









.hot{ float:right; font-size:14px; color:#666; text-align:right; background:url(../images/hot.png) no-repeat center left; margin-top:6px; padding:10px 0 10px  140px}



.hot p{  font-size:46px; color:#1048a0; font-weight:bold; line-height:30px;}





.nav{ overflow:hidden;  margin:0px auto; height:65px; min-width:1200px;; background:#1048a0}

.nav ul { overflow:hidden; width:1200px; margin:0px auto;}

.nav ul li { float:left; width:171px;color:#fff; box-sizing:border-box; line-height:65px; text-align:center; font-size:18px;}

.nav ul li:hover{background:#0185d0;}

.nav ul li a{color:#fff; display:block;}

.nav ul li  span{ display:block; font-size:12px; text-transform:uppercase; color:#ccc}





.banner{width:100%; overflow:hidden; position:relative; min-width:1200px;}

.zizhi{width:100%; overflow:hidden; position:relative ; position:relative}



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



/*搜索*/

.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:1200px; 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:1200px;  background:none; height:48px; line-height:48px; margin:0px auto; padding:0 10px;}

.sousuocon ul{width:1200px; overflow:hidden; margin:0 auto;}





.w_left{ width:250px; float:left; overflow:hidden; background:#1048a0; min-height:510px}

.w_left h3{ width:250px; text-align:center; height:100px; line-height:100px; font-size:36px; color:#fff; overflow:hidden; background:#0185d0;}

.w_left ul{ overflow:hidden; margin:10px 20px;}

.w_left ul li{ overflow:hidden; border-bottom:1px #aab6d5 dashed; font-size:16px; line-height:24px; padding:20px 0;}

.w_left ul li a{ color:#fff;}

.w_left ul li a:hover{color:#87caf0}



.w_right{ background:#ececec url(../images/pro_tj.png); width:935px; height:510px; float:right;}



.p_box{ overflow:hidden;}



.p_div1{ width:320px; float:left; margin:90px 70px 0;}

.p_div1 h3{ font-size:24px; padding:15px 0; line-height:30px; border-top:1px #ccc solid; border-bottom:1px #ccc  solid; font-weight:400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.p_div1 p{ margin:20px auto; font-size:15px; line-height:28px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}

.p_div1 dd{ width:160px; border-radius:6px; background:#1048a0; text-align:center; color:#fff; height:40px; line-height:40px;}

.p_div1 dd a{ color:#fff;}

.p_div2{ width:420px; height:420px; overflow:hidden; margin:35px auto 0; float:right; margin-right:40px;}

.p_div2 img{ width:100%; overflow:hidden;}

.w_right .swiper-button-prev{ background:url(../images/left.png) no-repeat}

.w_right .swiper-button-next{ background:url(../images/right.png) no-repeat}

.w_right .swiper-button-next,.w_right .swiper-button-prev{width: 37px; height: 69px;}

















.pic_content{overflow:hidden;margin:30px auto 0}

.pic_content ul{overflow:hidden;margin:0 auto}

.pic_content ul li{width:390px;float:left;overflow:hidden; margin-right:15px; margin-bottom:15px; position:relative;}

.pic_content ul li div{ border:1px #f2f2f2 solid; padding:5px;  overflow:hidden; position:relative; border-bottom:none;}

.pic_content ul li dd{ font-size:18px; color:#333; height:60px; line-height:60px; border:1px #f2f2f2 solid;  border-top:none; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}



.pic_content ul li:nth-child(3n){ margin-right:0px;}

.pic_content ul li:hover dd{color:#1048a0}

.pic_content ul li:hover div{ border:1px #1048a0 solid;  border-bottom:none;}

.pic_content ul li:hover dd{ border:1px #1048a0 solid;border-top:none;}




.pic_cont{overflow:hidden;margin:30px auto 0}

.pic_cont ul{overflow:hidden;margin:0 auto}

.pic_cont ul li{width:33.33%; float:left;overflow:hidden;  border:10px #fff solid; box-sizing:border-box;}

.pic_cont ul li div{ border:1px #f2f2f2 solid; padding:5px;  overflow:hidden; position:relative; border-bottom:none;}

.pic_cont ul li dd{ font-size:18px; color:#333; height:60px; line-height:60px; border:1px #f2f2f2 solid;  border-top:none; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}




.pic_cont ul li:hover dd{color:#1048a0}

.pic_cont ul li:hover div{ border:1px #1048a0 solid;  border-bottom:none;}

.pic_cont ul li:hover dd{ border:1px #1048a0 solid;border-top:none;}










.pic_con{overflow:hidden;margin:15px auto 0}

.pic_con ul{overflow:hidden;margin:0 auto}

.pic_con ul li{width:387px;float:left;overflow:hidden;margin-right:19px;margin-bottom:16px;margin-top:6px;;position:relative}

.pic_con ul li div{ width:100%; height:270px; overflow:hidden; position:relative}

.pic_con ul li p{ height:45px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px;}

.pic_con ul li:nth-child(3n){margin-right:0}

.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:#f00}





.banner{ overflow:hidden; margin:0px auto; }

.banner .swiper-slide img {width:100%; margin:0px auto; overflow:hidden;}



.mbanner{overflow:hidden; margin:0px auto; display:none;}

.mbanner .swiper-slide img {width:100%; margin:0px auto; overflow:hidden;}





.gengduo{ width:250px; height:60px; background:#1048a0; text-align:center;  margin:15px auto ; line-height:60px;}

.gengduo a{color:#fff;}



.pic_nav{overflow:hidden;line-height:50px;text-align:center; margin:0px auto;}

.pic_nav ul{ text-align:center;}

.pic_nav ul li{overflow:hidden;background:#0086db;text-align:center;font-size:15px;width: 16.6%; float:left; border:3px #fff solid; box-sizing:border-box; color:#fff;}

.pic_nav ul li a{ color:#fff; display:block;  padding:0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_nav ul li a:hover{color:#fff;background:#1048a0}





.x_banenr{ width:100%; position:relative; margin:30px auto 0;  overflow:hidden; min-width:1200px;} 

.x_banenr img{ width:100%}

.x_banenr img:first-child{ display:block;}

.x_banenr img:last-child{ display:none;}





.anli_lb{width:1200px;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 #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:#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:#1048a0}

.anli_lb ul li:nth-child(4n){margin-right:0px;}








.youshi{ overflow:hidden; margin-bottom:50px;}

.youshi h2{ font-size:40px; color:#1048a0; text-align:center; margin:30px auto 10px;}

.youshi h2 span{ color:#ff9000}

.youshi p{ font-size:18px; color:#666; text-align:center;}

.youshi ul{ overflow:hidden; background:url(../images/xt.png)  repeat-y center top;}

.youshi ul li{ overflow:hidden; margin-bottom:10px;}

.youshi ul li h3{ overflow:hidden;}

.youshi ul li .ys_left{ float:left; width:50%; position:relative; margin-top: 95px;}

.youshi ul li .ys_left h3{ font-size:32px; color:#333; border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:30px;}

.youshi ul li .ys_left h3 i{ font-size:14px; font-family:Arial, Helvetica, sans-serif;  color:#999; text-transform:uppercase; display:block; font-weight:400; font-style:normal; margin-top:5px;}

.youshi ul li .ys_left h3 span{ color:#1048a0}

.youshi ul li .ys_left h3:after{content:url(../images/y01.png); position:absolute;right: -35px; top: 17px;}

.youshi ul li .ys_left dd{ margin-top:20px; line-height:28px; font-size:16px; padding-right:30px; margin-bottom:10px; color:#666}



.youshi ul li .ys_right{ float:right; width:40%}

.youshi ul li .ys_right img{ width:100%}

.youshi ul li:nth-child(2n) .ys_left{ float:right;}

.youshi ul li:nth-child(2n) .ys_left h3{ padding-left:50px;}

.youshi ul li:nth-child(2n) .ys_left dd{ padding-left:50px;  padding-right:0px;}

.youshi ul li:nth-child(2n) .ys_left h3:after{content:url(../images/y01.png); position:absolute;left: -35px; top: 17px;}

.youshi ul li:nth-child(2n) .ys_right{ float:left;}

.youshi ul li:nth-child(2) .ys_left h3:after{content:url(../images/y02.png); position:absolute;right: -35px; top: 17px;}

.youshi ul li:nth-child(3) .ys_left h3:after{content:url(../images/y03.png); position:absolute;right: -35px; top: 17px;}

.youshi ul li:nth-child(4) .ys_left h3:after{content:url(../images/y04.png); position:absolute;right: -35px; top: 17px;}

















.process{ overflow:hidden;padding:60px 0 70px 0;}

.pctitl{ text-align:center; font-size:18px; color:#222; font-weight:lighter;}

.pctitl span{ font-size:36px; display:block; margin:0 0 5px 0;}

.pctitl em{ font-weight:bold;;}

.pcul{ padding:40px 0 0 0; font-size:0;}

.pcul li+li{ margin-top:30px;}

.pcul li p{ display:inline-block; font-size:18px; font-weight:lighter; color:#484848; width:195px;}

.pcul li p em{ text-transform:uppercase; font-size:12px; display:block; margin:5px 0 0 0; letter-spacing:-1px; font-style:normal;}

.pcul li p span{ display:block; height:70px;}

.pcul li p:nth-last-child(2){width:auto;}

.pcul li p:hover { color:#1048a0;}

.pcul li p:nth-last-child(1){ width:auto; text-align:right; float:right;}

/*图片抖动*/

@keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-webkit-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-moz-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-o-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

.pcul li p:hover img{

	-webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;

	}























.liucheng{ width:100%; min-width:1200px; overflow:hidden; background:url(../images/liuchengbj.jpg) no-repeat center top} 





.lc_box{width:100%; position:absolute; z-index:99;  height:100%; top:0px;} 



.lc_box ul{ overflow:hidden; width:1267px;  margin:0px auto;}

.lc_box ul li {

    float: right;

    overflow: hidden;

    padding: 18px 25px 19px;

    background: #073071;

    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;}









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

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



.fll{ background:#f0f0f0; overflow:hidden ; padding:0px 0 60px; min-width:1200px; } 





.youshi{ width:1200px; overflow:hidden; margin:0px auto; margin-bottom:60px; }

/*.youshi .d_item{padding-bottom:0px;position:relative;overflow:hidden; width:47%; float:left; margin-right:3%}

.youshi .d_item  .tit{ overflow:hidden;position:relative;}

.youshi .d_item  .hg{ background:url(../images/ys_01.png) no-repeat center left; height:75px;}

.youshi .d_item  .hg span{ display:block; float:left; width:60px; height:70px; font-size: 32px; font-weight:bold; text-align:center; line-height:55px ;color: #fff; font-family:News701 BT; }



.youshi .d_item   h2{font-size:36px;font-weight:700;color:#0f60ba;    line-height: 60px;  padding-left: 75px;}



.youshi .d_item .hg .txt{padding-top:13px;width:auto;-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  .t_img img{ width:100%;}

.youshi:nth-child(2) .d_item{ margin-right:0px;}











.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 .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 #2f74c3;text-align:center;color:#2f74c3;-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:#2f74c3;color:#fff}

.youshi .d_item .img{position:absolute;right:0px; top:19px}

.youshi .d_item .img img{max-width:530px;display:block}

.youshi .d_item.it2{padding-left:554px}

.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{ background:url(../images/ysbj1.jpg) no-repeat center bottom;  margin-top:10px; padding:30px 0}

.ys3{ background:url(../images/ysbj1.jpg) no-repeat center bottom; margin-top:30px;padding:30px 0}











.mys{ display:none; margin:0px auto}







.fl{float:left;}



.w50{ margin:50px auto 0; overflow:hidden;}







.wary_left{width:250px; float:left; overflow:hidden; }

.wary_right{width:930px; overflow:hidden; float:right; }

.nav_muen{ background:#1048a0;  overflow:hidden; border:5px #1048a0 solid }

.nav_muen ul{ overflow:hidden; background:#eeeeee;margin-bottom: 3px; }

.nav_muen ul li{ overflow:hidden;  font-size:16px;  padding-left: 24px;   position: relative;   transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; padding-right:20px; border-bottom:1px #ccc solid; height:60px; line-height:60px;background:url(../images/jt.png) no-repeat center left 20px }





.nav_muen ul li a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; display:block; padding-left:20px; overflow:hidden; font-size:15px;}

.nav_muen ul li a:hover{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}



.nav_muen p{ text-align:center; font-size:16px; color:#fff; padding:20px 0}

.nav_muen p b{ font-size:25px; color:#fff; display:block; }

.chanpinzhitongche{ padding:3% 0; margin:0 5% 5%; background:#0f60ba; font-size:0.3rem; font-weight:bold; color:#fff; text-align:center; display:none}



.bj{ background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%;  top:0px; z-index:99; left:0px; display:none;}



.title1{overflow:hidden; background:#1048a0 url(../images/muen.png) no-repeat center left 30px; font-size:30px; color:#fff; font-weight:bold; text-align:center; padding:30px 0 30px 14px; }

.title1 p{color:#fff;   text-transform:uppercase; font-size:18px; font-weight:400; padding-left:30px; }

.title1 a.xxx{ display:none;} 





.nav_m{ background:#f5f5f5; overflow:hidden;}

.nav_m ul{ background:none;}

.nav_muen ul li{ overflow:hidden;  font-size: 15px;  padding-left: 24px;   position: relative;   transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; padding-right:20px; border-bottom:1px #ccc solid; }





.buttom,.fanhui{ display:none;}



.ccx{ overflow:hidden;}

.ccx .cf{ display:none;}



.anli{width:1200px;overflow:hidden;margin:0px auto 0;}

.anli ul li{width:380px; 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 dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center; background:#fff;}



.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 dd{color:#fff;-webkit-transition:all .5s;transition:all .5s;; background:#1048a0}









.zizhi .swiper-container{ position:relative; }

.zz{ overflow:hidden; margin:10px; background:#fff; box-shadow:0 0 3px #fff; position:relative;-webkit-transition:all .5s;transition:all .5s; }

.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;}

.zz div img{ width:100%}

.zz p{ height:45px; line-height:45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}

.zz:hover{ 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;}





.pic_b ul li{ border:5px #fff solid;}











.cf{width:1200px;overflow:hidden;margin:20px auto 0;}

.cf ul li{width:350px; position:relative;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px; padding-bottom:30px;}

.cf ul li div{overflow:hidden;border:2px #fff solid}

.cf ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center;}



.cf ul li a{color:#333}

.cf ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.cf ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.cf ul li:hover dd{color:#fff;-webkit-transition:all .5s;transition:all .5s;; background:#1048a0}

















.gengduo3{width:88px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; border-radius:3px; }

.gengduo3 a{ color:#fff;}





.about{width:1200px; margin:0px auto; margin-bottom:50px; background:#f5f5f5;  overflow:hidden;}

.about-box{ overflow:hidden; margin:0px auto;}







.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:left;display:block; width:550px;}

.iabout-video img{ width:100%}

.iabout-cont{width:580px;float:right;margin-top:32px; margin-right:20px;}

.iabout-cont .ti{font-size:30px; color:#1048a0;font-weight:bold;}

.iabout-cont .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px;}

.iabout-cont .desc{line-height:27px; overflow:hidden; height:245px;-webkit-line-clamp: 9;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:16px; color:#333; text-indent:2em; margin-top:10px;}

.iabout-cont .more{color:#fff;  padding:15px 60px; background:#1048a0 }

.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;}

.iabout-cont a:hover.more{color:#fff; background:#0f60ba} 







.shebei{width:1200px; 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:#0f60ba;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:1200px; 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:1200px;  }

.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;}





.con_tab{ overflow:hidden;  margin:0px auto; text-align:center; width:400px;}

.con_tab a{ display:block; float:left;  background:#1048a0 ;  margin:0px auto; width:200px; height:50px; line-height:50px; text-align:center; color:#fff;}

.con_tab a.sor{ background:#ff9000 ; }













.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{width:100%; overflow:hidden; margin:30px auto 0; background:#f2f2f2; padding:20px 0; min-width:1200px;}

.news_left{width:570px; overflow:hidden; float:left;}

.news_right{width:570px; overflow:hidden; float:right;}

.news_left h3{ color:#0f60ba; font-size:22px;  background:url(../images/title.png) no-repeat ; height:60px; line-height:60px; font-weight:normal;}

.news_left h3 span{float:right; font-size:14px; font-weight:normal;}

.news_left h3 span a{color:#0f60ba}

.news_left ul{overflow:hidden;}

.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:14px; font-family:"宋体"; margin:0 5px;}

.news_left ul li span{float:right; color:#999;}

.news_left ul li:first-child{ height:467px;white-space:normal; border-bottom:1px #ccc dashed; margin-bottom:5px;}

.news_left ul li:first-child:before{ display:none;}

.news_left ul li div{width:570px; height:310px; overflow:hidden;}

.news_left ul li div img{width:100%; height:100%;}

.news_left ul li h4{ height:90px; line-height:90px; overflow:hidden; font-size:20px; font-weight:normal;}

.news_left ul li h4:before{ content:"头条"; padding:6px 30px; border-radius:30px; background:#0f60ba; font-size:18px; color:#fff; font-weight:normal;}

.news_left ul li h4 a{color:#0f60ba;}

.news_left ul li dd{height:55px; font-size:15px; color:#666; line-height:26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

.news_left ul li div img{-webkit-transition:all .5s;transition:all .5s;}

.news_left ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.news_left ul li a{-webkit-transition:all .5s;transition:all .5s;}

.news_left ul li a:hover{padding-left:10px; color:#0f60ba;-webkit-transition:all .5s;transition:all .5s;}



.faq{overflow:hidden; }

.faq h3{ color:#0f60ba; font-size:22px;  background:url(../images/title.png) no-repeat ; height:60px; line-height:60px; font-weight:normal;}

.faq h3 span{float:right; font-size:12px; font-weight:normal;}

.faq h3 span a{color:#0f60ba}

.fq{overflow:hidden; height:682px}

.fq ul{overflow:hidden;}

.fq ul li{ background:url(../images/faq.png) no-repeat 17px 16px;overflow:hidden; padding:15px 15px 15px 58px}

.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:#0f60ba;-webkit-transition:all .5s;transition:all .5s;}

.fq ul li dd a:hover{ color:#0f60ba; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.fq ul li:nth-of-type(2n+0){ background:#f1f1f1 url(../images/faq.png) no-repeat 17px 16px;} 







.bottom_nav{width:100%; max-width:1920px; min-width:1200px; margin:0px auto 0; background:#1048a0;}

.bottom_nav ul{ width:1200px; overflow:hidden; margin:0 auto;}

.bottom_nav ul li { float:left;text-align:center; width:14.2%; line-height:60px;}

.bottom_nav ul li a{color:#fff;}

.bottom_nav ul li a:hover{text-decoration:underline;}





.footer{width:100%;padding-top:50px;margin-top:0px;position:relative;background:url(../images/bottombj.png) repeat; overflow:hidden; padding-bottom:20px; }

.footer .main{ width:1200px;overflow:hidden; margin:0px auto}

.footer .intro{float:left;height:auto;overflow:hidden  ; width:600px;}

.footer .tit{height:auto;overflow:hidden;width:185px;position:relative}

.footer .tit:after{content:"";width:30px;height:1px;position:absolute;right:0;bottom:5px;background:#0969b6}

.footer .tit p{color:#fff;font-size:16px;float:left}

.footer .tit span{display:block;float:left;font-size:12px;color:#fff;text-transform:uppercase;margin-left:10px;margin-top:3px}

.footer .intro h4{color:#fff;margin-top:20px;font-size:24px}

.footer .intro a{color:#fff}

.footer .intro .info{color:#fff;font-size:14px;line-height:30px;margin-top:10px}

.footer .ewm{float:right}

.footer .ewm img{display:block;width:150px;height:150px;margin:0 auto;margin-top:20px}

.footer .ewm b{text-align:center;color:#fff;font-size:14px;margin-top:10px;font-weight:400;display:block}



 .links{width:100%;overflow:hidden;}

 .links .main{ width:1200px;overflow:hidden; margin:0px auto}

 .links .t{height:auto;overflow:hidden;margin-top:20px;float:left}

 .links .t img{display:block;float:left;margin-right:5px}

 .links .t p{color:#333;font-size:16px;float:left}

 .links .t span{color:#333}

 .links ul{float:right;width:88%;height:60px;overflow:hidden}

 .links ul a{float:left;padding:0 10px;line-height:60px;position:relative; display:block;}

 .links ul a:last-child:after{width:0;height:0;overflow:hidden}

 .links ul a:after{content:"";width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:url(../images/icon05.png) no-repeat center}

 .links ul a{color:#999;font-size:14px;display:block}

 



.fiv{width:100%; position:fixed; bottom:0px; left:0px; background:#e13531; padding:10px 0; z-index:999}

.fiv .tmb{width:1200px; 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;}









.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:555;border:1px solid #ccc;background:#fff;border-bottom:0; z-index:999}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #ccc;color:#666;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#666}

.side ul li:hover{background:#0f60ba;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: #0f60ba;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#0f60ba}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;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%}





.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:#2f74c3;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:#2f74c3;border-radius:100%}

.toolbar .qq:hover span{background-position:0 -47px}

.toolbar .tel span{background-position:-35px 0}

.toolbar .tel:hover{background:#2f74c3}

.toolbar .tel:hover span{background-position:0 0}

.toolbar .code span{background-position:-35px -95px}

.toolbar .code:hover{background-color:#2f74c3;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:#2f74c3;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:#0f60ba;color:#fff;border:1px solid #0f60ba}

.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;}





.news{margin:0px auto 0;padding-bottom:50px;overflow:hidden; width:1200px;}

.news ul { overflow:hidden; padding-top:10px;}

.news ul li{float:left;width:48%; background:#fff; border:1px #ccc  solid; margin:1%; -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:10px; box-sizing:border-box;}

.news ul li dl{width:90px;height:120px;text-align:center;background:#a6a6a6;color:#fff;float:left; margin-right:20px;}

.news ul li dl dd{    padding: 20px 0px 0px; font-size: 36px; font-weight: 400;}

.news ul li dl dt{text-align:center;font-size:14px ; height: 35px; line-height: 30px;}



.news ul li span{ overflow:hidden;}

.news ul li span h3{color:#333;height:50px;line-height:50px;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.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:#1c71c8;padding-left:10px;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:15px;line-height:26px;color:#555;height:50px;margin:5px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.news ul li:nth-child(2n){margin-right:0px}

.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{-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 .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.news ul li:hover dl{ background:#1048a0}









#leftsead{width:180px;position:fixed;top:258px;right:0px; z-index:9999}



*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; width:130px;}



#leftsead li a.youhui div img { width:100%;}



#leftsead li a:hover{background:#0072b2;}







#leftsead li a.dhh:hover { width:180px;} 



#leftsead li span{float:left; position:absolute; 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;}















.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;text-indent:2em; font-size:16px;line-height:30px;margin-top:20px;}

.pro-intro .textxq iframe { width:800px; height:600px;}

.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: 0px auto  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 { margin:0 10px;}

.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}
















.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 10px}





.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:1200px;}

.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;}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;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:#0f60ba;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;}

.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}



.caidan{ display:none;}

.logo img{ width:100%; display:none;}









.fanhui{    background: #0452c7; z-index:999;

    width: 31px;

    position: fixed;

    right: 0px;

    bottom: 15%;

    padding: 10px  4px 8px 10px ;

    border-radius: 10px;}

.fanhui a{color:#fff}

.fanhui img{ width:80%}

.buttom{ display:none}



.mliucheng{ width:100%; overflow:hidden; margin:0px auto; display:none; max-width:750px;}

.mliucheng img{ width:100%;}



@media screen and (max-width:1200px){



.footer{ max-width:750px; margin:0px auto}

.buttom{background:#0452c7;bottom:0;margin:0 auto;max-width:auto;min-width:320px;position:fixed;width:100%;z-index:9999; display:block;}

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:14px;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:30px;}



.fanhui{ display:block;}	

.content{width:100%; max-width:750px;overflow:hidden;margin:0 auto}

.content_mbx{width:100%; max-width:750px;overflow:hidden;margin:0 auto}

.concom{width:100%; max-width:750px;overflow:hidden;margin:30px auto}

.con_box{width:100%; max-width:750px;overflow:hidden;margin:50px auto}

.title{text-align:center;padding:20px 0 10px;overflow:hidden;width:100%; max-width:750px;margin:0 auto; }

.head{width:100%;max-width:1920px;min-width:320px; max-width:750px;overflow:hidden;margin:0 auto; }

.had{ width:100%; max-width:750px; margin:0px auto;  overflow:hidden;  text-align:center; padding:30px 0 ;}

.top{ overflow:hidden; background:#f1f1f1; height:50px; line-height:50px; min-width:320px; max-width:750px;margin:0 auto; display:none;}



.top_box{ width:100%; max-width:750px; overflow:hidden; margin:0px auto;}



.hot{ display:none;}

.caidan{ display:block; width:10%; float:right; }



.footer .ewm{ display:none;}

.banner{ display:none;}



.mbanner{ display:block; max-width:750px; margin:0px auto;}

.w_left{ float:none; overflow:hidden; width:100%; background:#fff; min-height:inherit;}

.w_left h3{ display:none;}

.w_left ul li{ width:50%; float:left; border:5px #fff solid; background:#0452c7; box-sizing:border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:0.22rem; color:#fff;}



.title h3{ font-size:0.25rem;}	

.title p{ font-size:0.2rem;}





.logo span{ display:none;}

.logo { width:100%}

.logo img{ width:100%; display:block;}



.nav{ overflow:hidden;  margin:0px auto; height:auto;  min-width:auto; max-width:750px;background:#1048a0;  z-index:999}



.nav ul { overflow:hidden; width:100%; max-width:750px; margin:0px auto;}



.nav ul li {

    float: none; padding:3% 0;

    width: 33.33%;

    color: #fff; float:left; border-right:1px #fff solid;border-top:1px #fff solid;

    box-sizing: border-box;

    line-height:inherit;

    text-align: center;

    font-size: 0.22rem;

 

    height: inherit;

}



.nav ul li:first-child{ display:none;}



.banner{width:100%; overflow:hidden; position:relative; min-width:320px; max-width:750px;}

.sousuocon{width:100%; max-width:750px; margin:0px auto; height:60px; line-height:60px; font-size:16px;  }



.sousuocon_m{ width:100%; max-width:750px;  background:none; height:48px; line-height:48px; margin:0px auto; padding:0 10px;}



.sousuocon ul{width:100%; max-width:750px; overflow:hidden; margin:0 auto;}





.p_box{ display:none;}

.p_div1{ float:inherit;}

.p_div2{ float:inherit}



.w_right{ background:#ececec; width:100%; height:inherit; float:none;}



.p_div2{ width:auto; height:auto; text-align:center; margin:10px;}

.p_div1{ width:auto; height:auto; margin:0 10px;}

.p_div1 h3{ font-size:0.25rem;}

.p_div1 p{ font-size:0.2rem; line-height:0.4rem;}



.pic_content{ margin:0px auto;}

.pic_content ul li{width:46%;float:left;overflow:hidden; margin:2%; margin-bottom:2%; position:relative;}

.pic_content ul li div{ border:none; padding:0px;  overflow:hidden; position:relative; border-bottom:none;}

.pic_content ul li dd{ font-size:18px; color:#333; height:60px; line-height:60px; border:none;  border-top:none; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.pic_content ul li:nth-child(3n) {

    margin: 2%;

}

.pic_content ul li:nth-child(n+7){ display:none;}

.footer .intro{ float:none;}

.pic_content ul li dd{ font-size:0.22rem; height:inherit; line-height:0.35rem; padding:3% 0}


.pic_cont ul li{ width:50%; border:5px #fff solid; }
.pic_cont ul li dd{ font-size:0.22rem; height:inherit; line-height:0.35rem; padding:3% 0}


.x_banenr{ width:100%; position:relative; margin:0px auto 0;  overflow:hidden; min-width:320px; max-width:750px;}



.liucheng{ width:100%; min-width:320px; max-width:750px; overflow:hidden; background:url(../images/liuchengbj.jpg) no-repeat center top}



.fll{ background:#f0f0f0; overflow:hidden ; padding:0px 0 60px; min-width:320px; max-width:750px; } 



.youshi{ width:100%; max-width:750px; overflow:hidden; margin:0px auto; margin-bottom:60px; }



.anli{width:100%; max-width:750px;overflow:hidden;margin:0px auto 0;}



.cf{width:100%; max-width:750px;overflow:hidden;margin:20px auto 0;}



.about{width:100%; max-width:750px; margin:0px auto; margin-bottom:0px; background:#fff;  overflow:hidden;}



.shebei{width:100%; max-width:750px; margin:0px auto;}



.ipro-silder{width:100%; max-width:750px; margin:0px auto; position:relative;}



.ipro-silder .box{ width:100%; max-width:750px;  }



.news_box{width:100%; overflow:hidden; margin:30px auto 0; background:#f2f2f2; padding:20px 0; min-width:320px; max-width:750px;}



.bottom_nav{width:100%; max-width:1920px; min-width:320px; max-width:750px; margin:0px auto 0; background:#1048a0;}



.bottom_nav ul{ width:100%; max-width:750px; overflow:hidden; margin:0 auto;}



.footer .main{ width:100%; max-width:750px;overflow:hidden; margin:0px auto} 



.links .main{ width:100%; max-width:750px;overflow:hidden; margin:0px auto}



.fiv .tmb{width:100%; max-width:750px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }



.news{margin:0px auto 0;padding-bottom:50px;overflow:hidden; width:100%; max-width:750px;}



.anli_lb{width:100%; max-width:750px;overflow:hidden;margin:20px auto 0;}



.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:100%; max-width:750px;}

	

.side{ display:none;}

	

.x_banenr img:first-child{ display:none;}

.x_banenr img:last-child{ display:block;}





.youshi{ display:none;}

.mys{width:auto; overflow:hidden; max-width:750px; display:block; box-shadow:0 0 5px #ccc; margin:10px auto; padding:5px;}

.mys .swiper-container{ margin:0px auto; padding-bottom:30px;}

.mys .swiper-slide div img{ width:100%}

.mys .swiper-slide  dl{ overflow:hidden;}

.mys .swiper-slide  dl dd{ font-size:0.25rem; color:#333; text-align:left; font-weight:bold; overflow:hidden; margin:15px 10px 0; border-bottom:3px #f3f3f3 solid; padding-bottom:10px; margin-bottom:10px;}

.mys .swiper-slide  dl dd span{ width:0.5rem; height:0.5rem; line-height:0.5rem; background:#1048a0; text-align:center; color:#fff;; display:inline-block; margin-right:11px;}

.mys .swiper-slide  dl dd i{ color:#1048a0; font-style:normal;}

.mys .swiper-slide  dl dt{ font-size:0.2rem; line-height:.35rem; overflow:hidden; padding:0 15px;}

.mys .swiper-pagination-bullet{ width:40px; height:6px; border-radius:6px;}



.anli ul li{ width:220px; padding-bottom:0px;}

.fll{ padding-bottom:15px;; margin:0px auto}



.iabout-video {

    float: NONE;

    display: block;

    width: auto; margin: 0 10px

}

.iabout-cont {

    width: auto;

    float: none;

    margin: 10px auto;

   

}

.iabout-cont .desc{ margin:10px ; font-size:0.20rem; line-height:0.35rem; height:inherit;}

.iabout-cont .more{ padding:3% 0 ; text-align:center; color:#fff; width:60%; display:block; margin:30px auto; font-size:0.2rem;}



.news ul li{ overflow:hidden; float:none; width:auto}

.news ul li span h3{ font-size:0.25rem;}

.news ul li span p{ font-size:0.2rem; line-height:0.3rem; height:inherit;}

.links{ display:none;}

.bottom_nav{ display:none;}



.footer .intro{ width:auto; text-align:center; }

.footer .intro .info p{font-size:0.18rem}

.footer{ padding-bottom:1.2rem; padding-top:10px;}

.mliucheng{ display:block;}

.html{ overflow:hidden;}

.footer .intro h4{ font-size:0.25rem;}



.n_banner{ max-width:750px; margin:0px auto}

.mbx {

    width: 100%;

    height: 62px;

    border-bottom: 1px solid #eaeaea;

    max-width: 750px;

    margin: 0 auto;

    position: relative;

}

.pic_nav{ line-height:inherit;}



.pic_nav ul li {

    overflow: hidden;

    background: #0086db;

    text-align: center;

    font-size: 0.2rem;

    width: 33.333%; padding:3% 0;

    display: block; float:left;

    border: 3px #fff solid; box-sizing:border-box;   color: #fff;

}



.mbx .p1{ float:inherit;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mbx .p1 a {

    display:initial;

    padding-right: 14px;

    background: url(../images/InpageAddress_icon02.png) no-repeat right center;

    font-size: 16px;

    float: none;

    margin-left: 10px;

}

.pic_nav ul li a{ font-size:0.2rem;}



.pro-intro .share{ height:inherit; padding:3% 0;}

.pro-intro .share p span{ display:block; line-height:24px;}

.pro-intro h2{ font-size:0.3rem;}



.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px  ;width:50%;height:inherit;line-height:0.35rem;float:left;color:#666;font-size:0.2rem;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; padding:2% 10px}

.fy p:last-child{border:none; width:100%; border-top:1px #ccc solid}

.fy p a{color:#666}

.fy p a:hover{color:#006cd8}

.news ul li:nth-child(2n){margin-right:1%}

.gengduo {

    width: 60%;

    height:inherit;

    background: #1048a0;

    text-align: center;

    margin: 15px auto;

    line-height: inherit; font-size:0.2rem; padding:3% 0;

}



.n_banner img {

    width: 240%;

    margin: 0px auto;

    margin-left: -70%;

}

.anli_lb ul li{width:50%; border:5px #fff solid; }
.anli_lb ul li p{ padding:3% 0;height:inherit;line-height:inherit;font-size:0.2rem;}




}





@media screen and (max-width:750px){

.caidan{ margin-top:0px;}

.caidan img{  width:100%;  }

.had{ padding:0px; width:auto;}

.w_left ul { overflow: hidden; margin: 10px 0px;}

.w_left ul li{ padding:10px 0;}


.pro-intro .textxq iframe { width:100%; height:220px;}


}