@charset "utf-8";

/* CSS Document */

a,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,legend,li,object,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0;outline:0}

body{font:12px/1.5 'Helvetica Neue',Helvetica,Arial,'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei',Tahoma,'Hiragino sans gb',SimSun,Sans-serif;color:#333;}

h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}

:focus{outline:0}

ol,ul{list-style:none}

fieldset,img{border:0 none;vertical-align:top}

address,caption,cite,code,dfn,em,i,optgroup,th,var{font-style:normal;font-weight:400}

abbr,acronym{border:0;font-variant:normal}

button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

code,kbd,samp,tt{font-size:100%}

button,input,select,textarea{outline:0}

textarea{resize:none}

table{border-collapse:collapse;border-spacing:0}

blockquote,q{quotes:none}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

.fl{float:left}

.fr{float:right}

a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}

a:hover{color:#1979db}

@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:14px;font-family:'Microsoft YaHei'}

}



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

.contentbox{ width:1200px; margin:0px auto;}



.top{ width:100%; height:40px; background:#f7f7f7; border-bottom:1px #ccc solid; line-height:40px; color:#666; }

.top span{ float:right;}

.top span a{ color:#666;}

.top span a:hover{color:#1979db}

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

.top span a:last-child:after{ content:""; display:none;}







.had{ width:100%; overflow:hidden; padding:20px 0}

.had span{ float:right; margin-top:10px;}



.had img.pclogo{ display:block; float:left}

.had img.mlogo{ display:none;}





.header{width:100%;top:0;left:0;z-index:999;padding:0 30px; border-bottom:1px #ccc solid }



.nav{ background:#3792ef; height:50px; width:100%; position:relative; z-index:9999}

.nav ul{ padding:0px; margin:0px;}

.nav ul li{ position:relative; float:left;  width:14.2%; text-align:center; font-size:16px; line-height:50px; }

.nav ul li:after{ content:url(../images/nav.png); position:absolute; right:0}

.nav ul li:last-child:after{ content:"";}

.nav ul li:hover{ background:#f1b11b}

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



.nav ul li ul{ width:100%; position:absolute; left:0px; z-index:99;background:#04944c;  visibility:hidden;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}



.nav ul li ul li{ width:100%; float:none; height:45px; line-height:45px;}

.nav ul li ul li a:hover{color:#ffd756;}

.nav ul li:hover ul{ visibility:inherit; -webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out} 





.bnav{ background:#3792ef; height:50px; width:100%; position:relative; z-index:99}

.bnav ul{ padding:0px; margin:0px;}

.bnav ul li{ position:relative; float:left;  width:14.2%; text-align:center; font-size:16px; line-height:50px; }

.bnav ul li:after{ content:url(../images/nav.png); position:absolute; right:0}

.bnav ul li:last-child:after{ content:"";}

.bnav ul li:hover{ background:#f1b11b}

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





.banner{width:100%}

.banner img{width:100%}

.banner .swiper-slide img:last-child{ display:none;}











.about{margin:0 auto;margin-top:60px;width:1200px;height:400px}

.about .about_pic{float:left}

.about .about_pic img{width:600px;height:400px}

.about .about_main{float:right;width:600px;height:400px;background:url(../images/ahoutbj.png) no-repeat center}

.about .about_main .tit{margin:55px 0 0 30px;}

.about .about_main .tit p{padding-bottom:10px;color:#fff;font-weight:bold;font-size:22px}

.about .about_main .contant{float:left;overflow:hidden;margin:10px 0 0 30px;width:540px;height:190px}

.about .about_main .contant p{color:#fff;text-indent:20px;font-size:15px;line-height:24px}

.about a{float:left;margin:40px 0 0 30px;width:120px;height:30px;border:1px solid #fff;border-radius:5px;color:#fff;text-align:center;font-size:14px;line-height:30px}













.title2{overflow:hidden;margin:50px auto 20px;   text-align:center; }

.title2 h3{font-size:36px;text-align:center;color:#1979db; position:relative; z-index:9; font-weight:bold; margin-top:15px;}

.title2 em{ position:absolute; width:100%; font-size:40px; font-family:Impact; left:0px; text-transform:uppercase; color:#e5e5e5;}

.title2 p{font-size:13px;color:#333;margin:0px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400; background:url(../images/xx.png) repeat-x center}

.title2 p span{ background:#fff; padding:0 10px;color:#666; }













.title1{overflow:hidden;margin:50px auto 20px;   text-align:center; }

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

.title1 p{font-size:13px;color:#666;margin:0px auto;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.title1 span{color:#1979db; font-size:48px;}













.ys{width:100%;  position:relative; padding-bottom:25px;}

.ys .swiper-slide{ overflow:hidden;}

.ys .swiper-slide:nth-child(2n) .intro{ float:right;}

.ys .swiper-slide:nth-child(2n) .ysimg{ float:left;}



.ys .intro{width:545px;float:left; margin-top:40px;}

.ys .intro .num{float:left}

.ys .intro .info{float:right;width:430px;height:auto;overflow:hidden}

.ys .intro .t{width:100%;height:auto;overflow:hidden ; font-size:28px; color:#3792ef; font-weight:bold; margin-top:10px;}

.ys .intro .text{width:100%;height:auto;overflow:hidden;margin-top:10px}

.ys .intro .text p{color:#666;font-size:16px;line-height:28px}



.ys .ysimg{ float:right; width:508px}



.ys  .swiper-pagination{ display:none;}





.case{ background:#f7f7f7; margin:50px auto 0; padding:20px 0 50px }



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

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

.anli ul li div{overflow:hidden;}



.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center; background:rgba(0,0,0,0.6);  width:100%; left: 0;bottom:0px; position:absolute; z-index:2; color:#fff;}



.anli ul li p:after{ content:""; background:#1979db; position:absolute; width:0%; height:50px; top:0px; left:50%; z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.anli ul li a:hover dd{color:#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 p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.anli ul li:hover p:after{ width:100%;-webkit-transition:all .5s;transition:all .5s; left:0;}



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















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



.news ul { overflow:hidden; }

.news ul li{background:#fff ; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; padding:20px 20px  20px 0; width:50%; float:left; border:10px #fff solid; box-sizing:border-box;}

.news ul li::marker{ display:none; color:#fff; opacity:0;}



.news ul li dl{ text-align: center;  color: #fff; float: left;margin-right: 15px; background:#999999}

.news ul li dl dd{    padding: 0px 30px 0; font-size: 38px; font-weight:bold; }

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



.news ul li span{ overflow:hidden;}

.news ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:0px; padding:0px;}

.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:#1979db;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.news i{font-style:normal;font-size:12px;color:#999}

.news ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 ; padding:0 20px 0 0; border-bottom:1px #ccc dotted;}



.news ul li span i{font-size:13px; color:#999; height:30px; line-height:30px; background:url(../images/newsList_icon02.png) no-repeat center left; text-indent:2em;    display: inline-block;}

.news ul li:hover a h3{ color:#1979db;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:#1979db}





.gengduo{ width:200px; height:50px; background:#3792ef; text-align:center;  margin:15px auto ; line-height:50px;  display:none; }

.gengduo a{color:#fff; display:block; font-size:16px;}



























































#navToggle{display:none}





.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}

.m_nav.open{transform:translateX(0)}

.m_nav .top{height:60px;padding:20px;box-sizing:border-box}

.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}

.m_nav .logo{width:100%;margin:0 auto}

.m_nav .logo img{height:50px;display:block;margin:0px auto}





.m_nav .ul{margin-top:30px}

.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}

.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(7){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(8){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(9){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(10){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}

.m_nav .ul li .dropdown_menu{display:none}

.m_nav .ul li.dropdown.active .dropdown_menu{display:block}

.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}

.m_nav .ul li .dropdown_menu a:last-child{border:none}

























.pics_wrap{display:block}

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



.xbanner img{ width:100%;}



.xbanner img.xpc_ban{ display:block;}

.xbanner img.xm_ban{ display:none;}













.ys_box{padding:0 10%; position:relative; }

 .ys_con{ overflow:hidden; padding-bottom:30px; margin-top:50px; border-radius:20px; border:1px #ccc solid;}



.ys_con dd { width:100%; position:relative;}

 .ys_con dd img{width:100%; height:100%;}

 

 .ys_con  dd div{overflow:hidden;width:90px; height:90px;  position:absolute; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0px;  text-align:center; box-shadow:0 0 3px #ccc; font-size:36px; line-height:97px; text-align:center;}

 

 .ys_con  dd div img{ width:70px; height:70px; margin:60px auto 0; transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;}

 .ys_con  dd div  p{ font-size:28px;  font-weight:bold;    line-height: 50px; color:#fff;}

 .ys_con h3{overflow:hidden;font-size:24px;color:#d91314;margin:60px  0 12px}

 .ys_con  dt{overflow:hidden;font-size:18px; font-weight:400;color:#555;text-align:center;line-height:28px; margin: 0 40px; height:60px; line-height:60px; border-bottom:1px #ccc dashed}



.ys_con:hover dd div{    background: rgba(5,173,89,0.9);}

 

 .ys_con:hover dd div img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg); transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;}

 











.hmc2ItmBox strong { display: block; font-size: 24px; line-height: 46px; font-weight: normal; overflow: hidden; height: 46px; }

.hmc2_et { font-size: 12px; line-height: 16px; height: 32px; margin: 4px 0px 8px; }

.hmc2_des { font-size: 16px; line-height: 24px; height: 48px; padding:0 30px; }

.hmc2aBox:hover .hmc2ItmBox:after{background:#fff;}

.hmc2aBox:hover .hmc2ItmBox{color:#333; transform:translateY(-60px);}

@media (max-width:1599px){

.hmc2ItmBox{margin-top:-58px;}

.hmc2ItmBox strong{font-size:24px;}

.hmc2_des{font-size:13px;}

.hmc2Tnm strong{font-size:36px;}

}

@media (max-width:750px){

.hmc2Tnm{position:static; text-align:center; transform:translateX(0)}

.hmPage2 {padding-top:50px;}

.hmc2Itms li{width:50%; height:280px; border:2px #ffff solid; box-sizing:border-box; overflow:hidden;}

.hmc2aBox:hover .hmc2ItmBox{transform:translateY(0px);color:#fff;}

.hmc2aBox:hover .hmc2aBg{opacity:0;}

.hmc2aBox:hover .hmc2Icon:before{opacity:0;}

.hmc2aBox:hover .hmc2ItmBox:after{background:#C7B37B;}

.hmc2Itms li:last-child{ display:block;}

.hmc2ItmBox{top:0;margin-top:0;}

.hmc2Tnm{ display:none;}

.hmc2Itms{margin-top:30px;}

.hmc2Tnm strong{font-size:26px; line-height:48px;}

.hmc2Icon{margin-bottom:10px; margin-top:15%}

.hmc2ItmBox strong{font-size:0.25rem;}

.hmc2aBg{opacity:0.3;}

}



@media (max-width:45px){

.hmc2Icon{margin-bottom:10px; margin-top:30%}





}























.product-number-info{position:relative}

.product-number-info .product-number-inner{margin:0 auto}

.product-number-info ul{padding:85px 0 50px}

.q{zoom:1}

.product-number-info li{float:left;width:25%;height:90px;color:#00479d;padding-top:1px}

.product-number-info li:first-child{border:none}

.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:0px 0 10px}

.product-number-info li div{float:left; margin-top:15px; margin-right:10px;}

.product-number-info li span{ overflow:hidden;}

.product-number-info li p{font-size:18px}

.product-number-info li b i{font-style:normal; font-family:Impact; font-size:45px;}

.product-number-info li b sup{position:absolute;font-size:20px;right:-26px;top:-3px}



.product-number-info li.li-5{text-align:right}

.product-number-info li:nth-child(2){width:15%; margin-left:7% }

.product-number-info li:nth-child(3){width:15%; margin-left:13% }

.product-number-info li:nth-child(4){width:11%; float:right;}





/*



.about{width:100%; overflow:hidden; background:url(../images/aboutbj.jpg) no-repeat; background-size:cover;  margin:50px auto 0}



.aboutbox{ background:#eeeeee url(../images/about1.png) repeat-x; overflow:hidden; position:relative;}

.le1{width:40%;float:right;overflow:hidden; margin-top:30px;}

.le1 img{width:100%;height:100%;}



.le2{overflow:hidden;margin-top:30px; width:60%; float:left;  }

.le2 h3{font-size:30px;color:#333; padding-bottom:10px; text-align:left; margin-top:24px; font-weight:600; letter-spacing:1px;}



.le2 h3 i{font-size:13px;color:#666;   font-style:normal; text-align:left; font-weight:normal; display:block;letter-spacing:1.6px; text-transform:uppercase;   }

.le2-sub{  color: #333; padding:50px 60px 0; margin-bottom:20px; }



.le2-sub p{ text-align:left;   overflow: hidden; line-height: 30px;   font-size: 15px;   overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:5; font-size:16px; text-indent:2em;}





.le2-sub1{ width:inherit; overflow:hidden; margin-left:50px;}

.le2-sub1  ul li{ width:25%; float:left; text-align:center; }

.le2-sub a{color:#1979db}



.get{ display:none;}



*/





	

	

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%; z-index:99}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left; border: 5px rgba(0,0,0,0) solid;

    box-sizing: border-box;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon*/

.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}

/* fix*/

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}







/*

*Owl Carousel Owl Demo Theme

*www.mycodes.net

*/

.owl-theme .owl-controls{margin-top: 3%;text-align: center;}

/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/sgqs_41.png) no-repeat;}

.owl-theme .owl-controls .owl-buttons div.owl-next{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/rjian.png) no-repeat;}

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}

.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

/* If PaginationNumbers is true*/

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* preloading images*/

.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}



.owl-demo .item{ position:relative; background:#fff; }

.owl-demo .item img{display: block;width: 100%;height: auto; opacity:1}

	

.owl-demo .item  div.datu{ width:100%; height:100%; position:relative; overflow:hidden; }





.owl-demo .item  div.datu img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.owl-demo .item  div.datu:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.owl-demo .item  div.datu dl{width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); position:absolute; top:-120%; z-index:9; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }

.owl-demo .item  div.datu dl span{display:block; width:60px; height:60px; border-radius:50%; margin:105px auto 0; background:#66c7ce; line-height:60px; text-align:center; color:#fff; font-size:24px;}

.owl-demo .item  div.text{ padding:10px; position:relative; z-index:99}

.owl-demo .item  h3{font-size:16px; margin:0px;text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#fff;font-weight:400; position:absolute; bottom:0px; left:0px;  width:100%; background:rgba(0,0,0,0.8); height:50px; line-height:50px;}	

.owl-demo .item:hover h3{ background:rgba(234,3,21,0.7);}





.owl-demo .item:hover h3{ color:#fff;}	

.owl-demo .item:hover{background:#2c6fbd; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }	

.owl-demo .item:hover p,.owl-demo .item:hover div dd{ color:#fff;}	

	

.owl-demo .item  a{ color:#fff; display:block; }

.owl-demo .item  a h3{text-decoration:none;}	

.owl-demo .item  dd a:hover  { background:#0374c3;}		

	/*.owl-buttons{ display:none;}*/

.owl-buttons{     position: absolute;

    top: 34%;

    width: 105%;

    margin-left: -42px;

}	

.owl-prev{float:left; width: 30px; height: 60px;}

.owl-next{float:right; width: 30px; height: 60px;}

.owl-pagination{ display:none;}











.fanhui{background:#333333;text-align:center;color:#fff;padding:2% 0;margin:0% 0 0%;font-size:.25rem; display:none}

.fanhui a{color:#fff}

.fanhui:before{content:"▲";font-size:.25rem}

















.title{ border-bottom:1px #ccc solid; height:60px; line-height:60px; font-size:40px; color:#00479d; margin-top:50px; }

.title i{ font-size:14px; color:#666;}

.title span{float:right; font-size:18px;}

.title span a{margin-left: 15px;}

.title span a.osel{font-weight:600; color:#00479d;}

















.pic_nav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px;}

.pic_nav ul li{ width:20%; float:left; border:5px #fff solid; box-sizing:border-box;  line-height:45px; font-size:16px; }

.pic_nav ul li a{overflow:hidden;text-align:center;border:1px #ccc solid; display:block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_nav a:hover{color:#fff; background:#1979db}







.pic_tynav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px; margin-top:20px;}

.pic_tynav a{overflow:hidden;border:1px #0078d7 solid;text-align:center;font-size:18px;padding:1% 3%;margin:0 5px; background:#ffffff; border-radius:8px;}

.pic_tynav a:hover{color:#fff;background:#0078d7 ;}

.pic_tynav a.cor{color:#fff;background:#0078d7 ;}





.pic_tynav1{overflow:hidden;line-height:70px;text-align:center; margin:20px auto; display:none;}

.pic_tynav1 a{overflow:hidden; width:50%; line-height:40px; text-align:center;font-size:18px; background:#f1f1f1; display:block; float:left; border:3px #fff solid; box-sizing:border-box; }

.pic_tynav1 a:hover{color:#fff;background:#00479d }

.pic_tynav1 a.cor{color:#fff;background:#00479d }

.pic_tynav1 a:nth-child(n+3){width:33.3333%}







.news_muo{  width:100%;overflow:hidden; padding-bottom:20px;}



.news_muo ul { overflow:hidden; }

.news_muo ul li{background:#fff url(../images/jt.png) no-repeat center right; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; padding:20px 80px  20px 0; width:50%; float:left; border:10px #f6f4f4 solid; box-sizing:border-box;}

.news_muo ul li::marker{ display:none; color:#fff; opacity:0;}

.news_muo ul li dl{ text-align: center;

     color: #333; float: left;margin-right: 28px; border-right:1px #ccc solid;}

.news_muo ul li dl dd{    padding: 0px 30px 0; font-size: 38px; font-weight:bold; }

.news_muo ul li dl dt{text-align:center;font-size:14px ;height: 20px; line-height: 10px;}



.news_muo ul li span{ overflow:hidden;}

.news_muo ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:0px; padding:0px;}

.news_muo h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333}

.news_muo h3 a:hover{color:#1979db;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.news_muo i{font-style:normal;font-size:12px;color:#999}

.news_muo ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 ; padding:0 20px 0 0}



.news_muo 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_muo ul li:hover a h3{ color:#1979db;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}



#topop{ display:none;}









.news_lb{  width:100%;overflow:hidden; padding-bottom:20px;}

.news_lb ul { overflow:hidden;}

.news_lb ul li{ width:33.3333%; float:left; border:8px rgba(0,0,0,0) solid; box-sizing:border-box; overflow:hidden; position:relative; padding:15px 10px; }

.news_lb ul li dl{ padding:30px; background:#fff; transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.news_lb ul li dt{ overflow:hidden; font-size:13px; color:#999; font-weight:400; }

.news_lb ul li h3{ font-size:16px; font-weight:600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:40px; line-height:40px; color:#333;   }

.news_lb ul li p{ font-size:15px ; height:50px; line-height:25px; font-size:14px; overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; color:#666; margin-top:10px;}

.news_lb ul li div{ width:100%; overflow:hidden; height:100%;}

.news_lb ul li dl{ border:1px #ccc solid; overflow:hidden;}

.news_lb ul li dl: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);transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s; box-shadow:0 0 5px #999;}

.news_lb ul li dl a:hover h3{ color:#1979db}  





.news_left{width:45%; float:left; overflow:hidden; margin-top:50px; background:#00479d}

.news_right{ width:53%; float:right; margin-top:50px;}

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

.news_right ul li{       margin: 0 14px 16px 0;

    float: left;

    padding: 12px 12px 24px; box-sizing:border-box;

    border: 1px #ccc solid;

    overflow: hidden;

    width: 49%;transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;

}

.news_right ul li: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);transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}





 .news_right ul li dl{border-bottom:1px #ccc solid; overflow:hidden; background:url(../images/news1.png) no-repeat center right ; padding-bottom:20px;} 

  .news_right ul li dl dd{font-size:30px; color:#00479d; width:80px; height:45px; line-height:60px; text-align:center; display:block; font-weight:600;}



 .news_right ul li dl dt{font-size:14px; color:#666; height:24px; line-height:24px; width:80px;text-align:center; display:block}

 .news_right ul li  h3{ height:40px; line-height:40px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    margin: 0px auto;}  

 .news_right ul li  p { height:50px; line-height:25px; font-size:14px; overflow: hidden;

-webkit-line-clamp: 2; 

-webkit-box-orient: vertical;

display: -webkit-box;} 

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

   

.news_right ul li  a h3{ color:#000;} 

.news_right ul li  a p{ color:#666;} 

.news_right ul li  a:hover h3{ color:#00479d;} 

 

  

.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}

.hiSlider-btn-next,.hiSlider-btn-prev{position:absolute;z-index:5;top:50%;height:30px;width:30px;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6}

.hiSlider-btn-prev{left:10px}

.hiSlider-btn-next{right:10px;background-position:-30px 0}

.hiSlider-btn-next:hover,.hiSlider-btn-prev:hover{opacity:1}

.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}

.hiSlider-pages{bottom:10px;right:10px;text-align:right}

.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}

.hiSlider-pages a.active{background:#5472bf}

.hiSlider img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.hiSlider:hover img{ opacity:0.7}





.flickerplate{position:relative;width:100%;background-color:#e6e6e6;overflow:hidden}

.flickerplate ul.flicks{width:10000%;height:100%;padding:0;margin:0;list-style:none}

.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}

.flickerplate ul.flicks>li .flick-inner{height:100%;color:#fff;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner img{width:100%;margin:0;padding:0}

.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:100%;margin-left:auto;margin-right:auto}

.flickerplate ul.flicks>li .flick-title{padding:0 0;font-size:2.778em;line-height:1.995em;text-align:center}

@media only screen and (max-width:43.813em){.flickerplate ul.flicks>li .flick-title{font-size:1.667em}

}

.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,.8);text-align:center}

.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text,.flickerplate ul.flicks>li .flick-title span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,.6)}

.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}

.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}

.flickerplate .arrow-navigation .arrow:hover,.flickerplate .arrow-navigation:hover{cursor:pointer}

.flickerplate .arrow-navigation.left{left:0}

.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0 0 0 50%;background-repeat:no-repeat;background-position:left}

.flickerplate .arrow-navigation.right{right:0}

.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0 0 0 -50%;background-repeat:no-repeat;background-position:right}

.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0 0 0 20%}

.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0 0 0 -20%}

.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}

.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0 15px}

.flickerplate .dot-navigation ul li{display:inline-block;float:none}

.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0 6px;background-color:rgba(255,255,255,.3);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}

.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,.6)}

.flickerplate .dot-navigation .dot.active{background-color:#1979db}

.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}

.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url(../img/flickerplate/arrow-left-dark.png)}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url(../img/flickerplate/arrow-right-dark.png)}

.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,.12)}

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,.6)}

.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}

.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s;-o-transition:-o-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;-ms-transition:left .4s ease-out;transition:left .4s ease-out}

.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0}

.flickerplate.animate-scroller-slide{padding-bottom:0;overflow:auto}

.flickerplate.animate-scroller-slide ul.flicks{position:auto}

.flickerplate_dpq{position:relative;width:100%;height:auto;background-color:#e6e6e6;overflow:hidden;display:none}











.anli_lb{overflow:hidden}

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

.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;width:100%;}



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

.anli_lb ul li a:hover p{color:#000; background:#2b6ebc}

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

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-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 a p{color:#fff;}





.anli_box{overflow:hidden}

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

.anli_box ul li{width:25%;float:left;overflow:hidden; border:10px #fff solid; box-sizing:border-box; position:relative;}

.anli_box ul li div{overflow:hidden;width:100%;}



.anli_box ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center; position:absolute; width:100%; height:50px; line-height:50px; bottom:0px; background:rgba(0,0,0,0.7)}

.anli_box ul li a:hover p{color:#fff; background:rgba(55,146,239,0.7)}

.anli_box ul li:nth-child(5n){margin-right:0}

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

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

.anli_box ul li a p{color:#fff;}









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







.pic{ overflow:hidden;}

.pic ul{ overflow:hidden;}

.pic ul li{ overflow:hidden; width:33.33%; box-sizing:border-box; border:5px rgba(0,0,0,0) solid; float:left; position:relative;}

.pic ul li div{ overflow:hidden; transition:all ease .5s;-webkit-transition:all ease .5s; width:100%; overflow:hidden; position:relative;}



.pic ul li dd{ height:50px; font-size:16px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center; background:rgba(0,0,0,0.6); transition:all ease .5s;-webkit-transition:all ease .5s; position:absolute; width:100%; bottom:0px; color:#fff; }



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

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

.pic ul li:hover a dd{color:#fff;} 

.pic ul li:hover dd{ background:#1979db; transition:all ease .5s;-webkit-transition:all ease .5s; }

.pic ul li div  dl{ position:absolute; width:0%; height:0%; background:rgba(0,0,0,0.6) ; top:50%; overflow:hidden; left:50%;-webkit-transition:all .5s;transition:all .5s;}

.pic ul li div  dl img{ width:50px; height:50px; position:absolute; top:50%; left:50%; margin-left:-25px;  margin-top:-25px;}

.pic ul li:hover div dl{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6) ; top:0%; overflow:hidden; left:0%;-webkit-transition:all .5s;transition:all .5s;}

















.pic_lb{ overflow:hidden;}

.pic_lb ul{ overflow:hidden;}

.pic_lb ul li{ overflow:hidden; width:33.33333%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}

.pic_lb ul li div{ overflow:hidden; width:100%; height:100%;}

.pic_lb ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

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

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





.rongyu{ overflow:hidden;}

.rongyu ul{ overflow:hidden;}

.rongyu ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}

.rongyu ul li div{ overflow:hidden; width:100%; height:100%;}

.rongyu ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

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

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



.ditu,.map{ height:400px; margin:50px auto;}







.gengduo:hover a{ color:#fff;}



.tijiao{ cursor: pointer;}



.gengduo1{ width:200px; height:50px; background:#fff; text-align:center;  margin:30px auto 0 ; line-height:50px;  border:1px #ccc solid; }

.gengduo1 a{color:#333; display:block; font-size:16px;}

.gengduo1:hover{background:#1979db;}

.gengduo1:hover a{ color:#fff;}





.main{max-width:1200px;margin:0 auto;padding:40px 0}



.w-accor{overflow:hidden;position:relative}

.w-accor li,.w-accor ul{padding:0;margin:0;list-style:none}

.w-accor ul{width:101%}

.w-accor li{position:relative;overflow:hidden;float:left}

.accorClick li{cursor:pointer}

.w-accor li .item{position:relative}

.w-accor li>a{display:block;position:absolute;left:0;right:0;top:0;bottom:0}

.w-accor h3{font-size:125%;margin:0;padding:0;font-weight:400}

.w-accor .acr_p{margin-top:.5em; color:#fff;}

.w-accor0 li img{max-width:100%}

.w-accor4 li img{max-width:100%}

.w-accor4 li .i_text{font-size:30px; line-height:30px; color:#fff; text-align:center;}

.w-accor4 li .i_text p{ font-size:14px; color:#fff;}

.w-accor4 li .cont_ar{color:#fff;position:absolute;left:0;top:0;bottom:0;right:0}

.w-accor4 li .cont_ar:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;transition:all .5s;-webkit-transition:all .5s; }

.w-accor4 li h3{text-align:left; font-size:20px; line-height:1.5;position:absolute;z-index:1;left:13%;margin-left:-.6em;top:20%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s}

.w-accor4 li h3 p{ font-size:14px; color:#fff;}

.w-accor4 li:after{content:"+"; font-family:"serif","宋体"; font-size:60px; color:#fff; position:absolute;     bottom: -20px; left: 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s；}

.w-accor4 li:hover:after{transition:opacity .5s;-webkit-transition:opacity .5s;transform:translateY(-50%);-webkit-transform:translateY(-50%); opacity:0;}



.w-accor4 li .dec_ar{line-height:1.7;max-height:100%;position:absolute;z-index:1;left:40px;right:40px;top:50%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);padding:30px;color:#222;opacity:0;transition:all .5s;-webkit-transition:all .5s}

:root .w-accor4 li .dec_ar{top:50%}

.w-accor4 li .i_img{text-align:center;margin-bottom:1em}

.w-accor4 li .i_img img{max-width:80%;max-height:80px}

.w-accor4 li.cur .cont_ar:before{background:rgba(0,71,157,0.7)}

.w-accor4 li.cur h3{opacity:0}

.w-accor4 li.cur .dec_ar{opacity:1;transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transition-delay:.3s;-webkit-transition-delay:.3s; }



@media(max-width:960px){.w-accor h3{font-size:110%}

.w-accor .acr_p{font-size:90%}



.w-accor4 li .img_ar{height:350px!important}

.w-accor4 li .img_ar img{height:100%;max-width:inherit }





}

@media(max-width:767px){

.w-accor4 li .dec_ar{left:20px;right:20px;padding:15px}



}

@media(max-width:640px){

}

@media(max-width:480px){body{font-size:3.5vw}



.w-accor4 li .dec_ar{left:1em;right:1em;padding:1em}

.w-accor4 li .img_ar{height:20em!important}

.w-accor4 li .i_img img{max-height:3em}



}





.hezuo{ overflow:hidden; margin-top:40px; }

.hezuo ul{ overflow:hidden; }

.hezuo ul li{ width:20%; box-sizing:border-box; position:relative; overflow:hidden; float:left; }

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

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







.m_xiaomu{ overflow:hidden; margin:50px auto }

.m_xiaomu ul{  overflow:hidden;}

.m_xiaomu ul li{ width:50%; float:left; border:5px rgba(0,0,0,0) solid; box-sizing:border-box;  overflow:hidden; position:relative;}

.m_xiaomu ul li div{position:absolute; top:0px; left:0px; width:100%; height:100%;}

.m_xiaomu ul li div h3{overflow:hidden; font-size:24px; color:#fff; padding:40px;}

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

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

.m_xiaomu ul li div h3 img{width:50px; height:50px; float:right; display:inline-block;}

.m_xiaomu ul li div  p{ overflow: hidden;  line-height: 30px;  color: #fff;  font-size: 18px;   position: absolute; bottom: 0px; left: -15px;  margin: 40px;  height: 64px; padding-right: 119px;  width:90%;transition:all .5s;-webkit-transition:all .5s; }

.m_xiaomu ul li div  p:after{content:url(../images/jtt.png); position: absolute; top: 31px; right: 0px;}





.bottom{ background:#f8f8f8; padding-top:30px; margin:0px auto}

.contact{ overflow:hidden;}





.contact span{ display:inline-block; background:url(../images/img001.jpg) no-repeat center left; padding-left:50px; margin-right:30px;}

.contact span.dizhi{background:url(../images/img002.jpg) no-repeat center left; padding-left:50px}

.rwm{ width:380px; overflow:hidden; margin:60px auto;}







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

.footer .left{width:350px;height:auto;overflow:hidden;float:left;margin-top:30px;}

.footer .left .name img{display:block}

.footer .left .info{width:100%;height:auto;overflow:hidden;margin-top:10px}

.footer .left .info p{color:#666;font-size:16px;line-height:25px;margin-top:10px}

.footer .icon{width:100%;height:110px;margin-top:30px}

.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{width:100%;margin-top:30px ; color:#fff; line-height:36px; font-size:16px;}

.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;height:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}





.footer .info1 {  color:#666; margin-top:20px; line-height:30px; font-size:16px; text-align:left; float:left; }

.footer .info1 a{  color:#666;}

.footer .info1 h3{ font-size:30px; display:block; margin-bottom:10px; font-weight:bold;}

.footer .info1 h3 img{ display:block;}

.footer .info1 h3 span{ display:none;}

.footer .cr{width:100%;height:auto;overflow:hidden;margin-top:10px}

.footer .cr p{color:#fff;font-size:14px}

.footer .ewm{    width: 180px;  margin: 28px; float:right; text-align:center;}

.footer .ewm div{     width: 180px; }

.footer .ewm div img{width:100%;margin-top:5px;}

.footer .ewm span{    text-align: center; color: #333;  font-size: 16px;  margin-top: 5px; }

.footer .ewm a{color:#333}

.b_nav{ overflow:hidden; width:100%; padding-top:20px;}

.b_nav ul{ overflow:hidden;} 

.b_nav ul li{ float:left; text-align:center; width:14%; } 

.b_nav ul li a{ color:#333; font-size:16px;} 

.foot{ width:1200px;margin:0px auto; padding:20px 0; position:relative; overflow:hidden;}







.links{width:1200px; margin:0px  auto; overflow:hidden; color:#666; }

.links ul{ margin:0px auto; overflow:hidden;}

.links span{  line-height:30px; display:block; padding: 2% 0 0; color: #1979db;  text-align: left;font-size: 16px;  }

.links dl{ overflow:hidden;}

.links dl dd{padding:2% 0;    }

.links dl dd a{font-size:16px;white-space: normal; display:inline-block; line-height:40px; margin:5px;}

.links dl dd a:after{content:"|"; margin:0 10px;}

.lianxiwm{ border:1px #ccc solid; overflow:hidden; margin-top:20px;}

.lianxiwm div{ overflow:hidden;}

.lianxiwm div img{ width:100%; margin-top:5px;}

.lianxiwm div h3{ font-size:16px; padding:15px 10px;}

.lianxiwm div p{ padding:0 15px; line-height:36px; font-size:14px;}





.buttom{background:#1979db;bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999; display:none}

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:18%;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:.18rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:70%}

.buttom ul li:nth-child(3){ width:28%;border-right: none; }

.buttom ul li:nth-child(4){ border-left:1px #ccc solid; }



.bohao{  

    width: 30%; text-align:center; position:absolute; bottom:0px;}

	

.bohao img{width:75%;}





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

.n_banner img{width:100%;height:100%}

.ban{ width:100%; height:100%; position:absolute; top:0px;}

.ban p{ font-size:0.3rem; font-weight:600; color:#fff;  background:rgba(0,71,156,0.6); display:inline-block; padding:30px 100px 30px 30px ; position:absolute; bottom:20%;}

.ban p i{ font-size:0.18rem; font-weight:400; color:#fff; display:block; text-transform:uppercase;}

.ban p i:before{content:"——"; color:#fff; display:block;}



.allmap{border:3px #ccc solid;height:400px;margin-top:50px}

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





.mbx{width: 100%;height: 62px;border-bottom: 1px solid #eaeaea;max-width:1920px; margin:0px auto; overflow:hidden;}

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

.mbx a.home:hover{background: url(../images/InpageAddress_icon03.png) no-repeat center;}

.mbx .p1{line-height: 62px;float: left;margin-left: 16px;}

.mbx .p1 a { padding-right: 14px; background: url(../images/icon.png) no-repeat right center;  font-size: 15px;  margin-left: 10px;}

.mbx .p1 a:first-child{margin-left: 0;}

.mbx .p1 a:last-child{background-image: none;}

.mbx .p2{float: right;}

.mbx .p2 a{display: block;font-size: 14px;color: #666666;font-weight: bold;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;}

.mbx .p2 a.cur{color: #d50606;border-bottom: 2px solid #d50606;}

.mbx .p2 a:hover{color: #d50606;border-bottom: 2px solid #d50606;}





.page{width:100%;overflow:hidden;margin:40px auto}

.page ul{display:table;margin:0 auto}

.page ul li{color:#333;display:block;color:#333;border:1px solid #ccc;float:left;margin:0 5px;padding:0 10px;height:30px;line-height:30px}

.page ul li a{color:#333;display:block}

.page ul li.thisclass{background:#666;color:#fff;border:1px solid #666;display:block}

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

.page select{border:none;background:0 0;outline:0}









.news_jq{margin:40px auto 50px; overflow:hidden; }

.news_jq ul{ overflow:hidden; }



.news_jq ul li{ overflow:hidden; border:1px #ccc solid;  margin: 0 2% 20px 0; padding: 1% 0; width:48%; float:left; box-sizing:border-box;}

.news_jq ul li span{display:block; float:left; width:100px;  border-right:1px #d2d2d2 solid; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px; padding:5px 10px;}

.news_jq ul li span b{display:block; font-size:0.3rem; color:#999;}

.news_jq ul li span i{display:block; font-size:0.16rem; color:#999;font-style:normal;}

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

.news_jq ul dl{ overflow:hidden;padding-bottom:3px; padding-right: 80px; background:url(../images/jrr.png) no-repeat center right}

.news_jq 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_jq ul dl p{  font-size:15px; line-height:0.2rem;; color:#999;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news_jq ul li:hover{box-shadow:0 0 6px #ccc;}



.news_jq ul  li:hover h3{color:#0555a6; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}





.pro-intro{overflow:hidden;}

.pro-intro h2{font-size:40px;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;text-align:center; margin-bottom:20px;}

.pro-intro .share  span{display:inline-block;font-size:14px;color:#999;padding:0 8px}

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;}

.pro-intro .textxq a{color:#666;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq  p{ font-size:16px; line-height:36px; color:#666; text-indent:2em;}

.fy{ width:100%; overflow:hidden;margin:50px auto; position:relative;  border-top:2px #f2f2f2 solid;}

.fy p{height:40px;line-height:40px;color:#666;font-size:16px;text-align:left; box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.fy p:nth-child(1),

.fy p:nth-child(2){ width:60%;}

.fy p span{float:right;}

.fy p:last-child{ width:120px; background:#1979db; height:60px; line-height:60px; text-align:center; position:absolute; right:0px; top:10px;}

.fy p a{color:#666}

.fy p:last-child a{color:#fff;}

.fy p:last-child a:hover{color:#fff;}

.fy p a:hover{color:#1979db}



.lxwm{ overflow:hidden; margin-top:60px;}

.lxwm ul { overflow:hidden;}

.lxwm ul li{ float:left; width:33.3333%; overflow:hidden;}

.lxwm ul li div{width:55px; float:left; margin-right:15px; overflow:hidden;}

.lxwm ul li span h3{ font-size:14px; overflow:hidden;}

.lxwm ul li span p{ font-size:18px; overflow:hidden;}



.liuyan{ overflow:hidden; margin-top:60px;}





.form1{ overflow:hidden;  margin:50px auto ; background:url(../images/form1.png) no-repeat center top; padding-top:50px;} 

.form1 ul{  overflow:hidden; padding:0px 0;}

.form1 h4{ font-size:24px; color:#666; font-weight:400;}

.form1 ul li h3{ color:#333; font-size:24px; padding:20px  0; }

.form1 ul li h3 i{font-size:16px; font-weight:400; font-style:normal; text-transform:uppercase; color:#ccc；; display:block;}

.form1 ul li h3:after{content:"——";}

.form1 ul li{ float:left; overflow:hidden;font-size:16px; color:#666; width:22%;  margin-right:1%;  padding: 20px 0;}

/*.form1 ul li:nth-child(1){ width: 380px; padding: 20px 0;}

.form1 ul li:nth-child(2){ width: 380px; padding: 20px 0;}*/

.form1 ul li:nth-child(3){ width: 40%; padding: 20px 0;}

.form1 ul li div{ margin:10px auto ;  border:1px #ccc solid; }



.form1 ul li div input{width:100%; height:50px; padding:0 10px;}

.form1 ul li  span{ display:inline-block; float:left; padding:10px; color:#666; float:left; width:87px; display:block  }

.form1 ul li textarea{width:100%; height:102px;  background:rgba(255,255,255,0.8); vertical-align:text-top; margin-top:10px;}

.form1 ul li:nth-child(4) { float:right;padding: 30px 10px; width:10%;}

.form1 ul li:nth-child(4) input{background:#1979db; width:100%; height:113px; line-height:60px; font-size:16px; color:#fff; }

.form1 ul li:nth-child(4){border:none;}

.form1 p{ font-size:13px; color:#999;}

.women{float:left;overflow:hidden; width:55%; height:458px;}

.women img{width:100%; height:100%}





.xiazai{  overflow:hidden; margin:20px  auto 40px; }

.xiazai h3{ border-top:2px #00479c solid; border-bottom:1px #ccc solid; padding:20px 0; font-size:18px;}

.xiazai h3 span{float:right;}

.xiazai h3 span.sjj{ margin-left:10%;width:80px; text-align:center; }

.xiazai ul li{ overflow:hidden; height:50px; line-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px #ccc solid;}

.xiazai ul li span{float:right;}

.xiazai ul li span.sjj{ margin-left:10%; width:80px; height:35px; line-height:35px; background:#00479c; color:#fff; text-align:center; margin-top:5px;}

.xiazai ul li span.sjj a{color:#fff;}

.xiazai ul li span.sjj:hover { background:#333; color:#fff;}







.hesuan{ border-radius:8px; border:6px #ccc solid; overflow:hidden; margin-bottom:50px; margin-top:30px;}

.hs_tab{ overflow:hidden;  text-align:center; margin:30px; border-bottom:1px #ccc solid;height:40px; line-height:40px;}

.hs_tab a{margin: 0px 20px; padding-left:40px; font-size:18px; display:inline-block; }

.hs_tab a:nth-child(1){background:url(../images/n1.png) no-repeat center left;}

.hs_tab a:nth-child(2){background:url(../images/n2.png) no-repeat center left;}

.hs_tab a:nth-child(3){background:url(../images/n3.png) no-repeat center left;}



.hs_tab a.corr:nth-child(1){background:url(../images/n11.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px; }

.hs_tab a.corr:nth-child(2){background:url(../images/n22.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}

.hs_tab a.corr:nth-child(3){background:url(../images/n33.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}



.form2{ text-align:center; margin-bottom:50px;}

.form2 select{ width:400px; border:1px #ccc solid; height:50px; border-radius:5px;}

.form2 .select{display:inline-block;width:350px;position:relative;vertical-align:middle;padding:0;overflow:hidden;background-color:#fff;color:#555;border:1px solid #aaa;text-shadow:none;border-radius:4px;transition:box-shadow .25s ease;z-index:2}

.form2  .select:hover{box-shadow:0 1px 4px rgba(0,0,0,.15)}

.form2  .select:before{content:url(../images/xdt.png); position:absolute;width:0;height:0;top:14px;right:25px;cursor:pointer;z-index:-2; }

.form2  .select select{cursor:pointer;padding:10px;width:100%;border:none;background:0 0;background-image:none;-webkit-appearance:none;-moz-appearance:none}

.form2  .select select:focus{outline:0}



.form2 span:nth-child(3){ display:block;}

.form2 span:nth-child(3) input{width:300px; height:50px; line-height:50px; background:#00479c url(../images/sjq.png) no-repeat 93px 17px; color:#fff; border-radius:8px;  margin-top:20px; cursor:pointer; }





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

.form3 ul{ overflow:hidden; border:5px #00479c solid; border-radius:0 10px 10px 10px;}

.form3 h3{background:#00479c; color:#fff; display:inline-block; padding:5px 10px 0; margin:0px ; border-radius:5px 5px  0 0; font-size:15px; }

.form3 ul li{ width:33.3333%; float:left; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.form3 ul dd{ width:33.3333%; float:left; display:inline-block; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; font-weight:600;}





.a_banner{ overflow:hidden; position:relative; margin:20px auto;}



.a_banner div{ position:absolute; width:100%; height:100%; top:0px; left:0px; text-align:center; font-size:18px; color:#fff; }

.a_banner div h3{ padding:5% 0 0; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s;}

.a_banner img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.a_banner:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.a_banner:hover div h3{ padding-top:10%; -webkit-transition:all .5s;transition:all .5s;}



.a_banner2{ overflow:hidden; }

.a_banner2 ul{ overflow:hidden; }

.a_banner2 ul li{ float:left; width:12.6%; border:3px #fff solid; box-sizing:border-box; overflow:hidden; position:relative; }

.a_banner2 ul li  div{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

.a_banner2 ul li  div p{     padding: 115% 43%;font-size: 25px; font-weight: 600; color: #fff;-webkit-transition:all .5s;transition:all .5s;}

.a_banner2 ul li:last-child{ width:36.5% ; float:right}

.a_banner2{ overflow:hidden; }

.a_banner2{ overflow:hidden; }

.a_banner2 ul li:nth-child(1){display:none;}

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

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

.a_banner2 ul li:hover div p {padding: 100% 43%; -webkit-transition:all .5s;transition:all .5s;}















.a_banner3{ overflow:hidden; margin-top:10px;}

.a_banner3 .b_left{ width:63%; overflow:hidden; float:left; position:relative;}

.a_banner3 .b_right{ width:36.4%; overflow:hidden; float:right;position:relative;}

.a_banner3 img{width:100%}

.a_banner3 .b_left div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}

.a_banner3 .b_left div h3{ padding:10% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_left div p{ padding-left:5%}

.a_banner3 .b_right div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}

.a_banner3 .b_right div h3{ padding:16% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_right div p{ padding-left:5%}

.a_banner3 .b_left img,.a_banner3 .b_right img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.a_banner3 .b_left:hover img,.a_banner3 .b_right:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.a_banner3 .b_left:hover h3{ padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_right:hover  h3{padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }







.liuyan{ overflow:hidden; border:3px #ccc solid; padding:20px;}

.ly_left{width:48%; float:left; overflow:hidden;}

.ly_left img{width:100%;}

.ly_right{width:50%; float:right; overflow:hidden;}

.ly_right ul{ overflow:hidden;}

.ly_right ul li{width:48%; box-sizing:border-box; border:1px #ccc solid; border-radius:5px; float:left; margin-right:2%; padding:2% 0; margin-bottom:10px;}

.ly_right ul li img{float:left; margin:-3px 8px}

.ly_right ul li  input{width:84%}

.ly_right ul li:nth-child(5){width:98% }

.ly_right ul li:nth-child(6){width:98%; border:none; }

.ly_right ul li:nth-child(6) input{width:100%}

.ly_right ul li textarea{height:200px; width:84%}

.submit{ width:100%; background:#999; border-radius:5px; height:60px; line-height:60px; color:#fff;}



.zizhi{ overflow:hidden;}

.zizhi ul{ overflow:hidden;}

.zizhi ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.zizhi ul li div{ overflow:hidden; padding:8px; border:1px #ccc solid;}

.zizhi ul li div dd{ display:block; overflow:hidden; width:100%; height:100%; border:1px #ccc solid;}

.zizhi ul li div p{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

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

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

.zizhi ul li: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); 

transition:transform 0.4s;-moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}









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

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




#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:hover a{ width:180px;}
#leftsead li:first-child:hover a{ width:49px;}

#leftsead li a.youhui:hover div{ display:block;}







@media(max-width:1200px){

		.content{ width:100%; min-width:320px;  max-width:750px;}

		.top,.had span{ display:none;}

	.had{ text-align:center; overflow:hidden;}

	

	.nav {

    background: #3792ef; max-width:750px;

    height:inherit;

  width:100%;  min-width:320px;

    position: relative;

    z-index: 9999; overflow:hidden; margin:0px  auto;

}



.nav ul li {

    position: relative;

    float: left;

    width: 33.33%; padding:0.3% 0;

    text-align: center;

    font-size: 0.25rem;

    line-height: 50px; border-right:1px #fff solid; border-top:1px #fff solid; box-sizing:border-box;}



.nav ul li:after { display:none;

    content: url(../images/nav.png);

    position: absolute;

    right: 0;

}

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





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



.banner .swiper-slide img:first-child{ display:none;}

.banner .swiper-slide img:last-child{ display:block;}



.about {

    margin: 0 auto;

    margin-top: 60px;

    width: 100%; max-width:750px; min-width:320px;

    height:inherit;

}

.about_pic{ float:none; width:100%;}

.about .about_pic img{ width:100%; height:inherit;}

.about .about_main{ float:none; width:100%; height:inherit; overflow:hidden;background-size:100% 100%  }



.about .about_main .contant {

    float: none;

    overflow: hidden;

    margin: 10px 0px; padding:0 10px;

    width: auto;

    height: inherit;

}



.about .about_main .contant p {

    color: #fff;

    text-indent: 2em;

    font-size: 0.2rem;

    line-height: 0.35rem; display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 6;

overflow: hidden;

}



.about .about_main .tit p{ font-size:0.25rem;}

.about a {

    float: none;

    margin: 40px auto  30px;

    width: 250px;

    height:45px;

    border: 1px solid #fff;

    border-radius: 5px;

    color: #fff;

    text-align: center;

    font-size: 0.22rem;

    line-height: 45px; display:block;

}





.title2 h3{ font-size:0.3rem; margin-top:10px;}

.title2 em{ font-size:0.35rem;}

.pic_nav ul li{ width:33.33%}

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

.pic ul li{ width:50%}

.gengduo{ display:block;}

#leftsead{ display:none;}

.title2 {

    overflow: hidden;

    margin: 20px auto 20px;

    text-align: center;

}



.title1 { margin:20px auto 20px}

.title1 h3{ font-size:0.3rem;}

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

.ys{width:auto; margin:0 10px; }

.ys .ysimg {

    float: none;

    width: auto;

}

.ys .ysimg img {  width:100%}

.ys .intro .num{ width:10%; float:left;}

.ys .intro .num img{ width:100%}

.ys .intro{ width:100%}

.ys .intro .info{ float:none; margin:0px; width:auto;}

.ys .intro .t{ margin:0px; font-size:0.28rem;}

.ys .swiper-container{ padding-bottom:20px;}

.ys  .swiper-pagination{ display:block;}



.ys  .swiper-pagination-bullet{ width:30px; height:5px; border-radius:6px;}



.case {

    background: #f7f7f7;

    margin: 10px auto 0;

    padding: 10px 0 20px; max-width:750px; min-width:320px;

}

.anli ul li{ width:260px;}

.news ul li{ width:auto; float:none; padding:0px;}

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

.news ul li span p {

    font-size: 0.2rem;

    line-height:inherit;

    color: #999;

    height: inherit;

    margin: 0px auto;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    padding: 0 0px 0 0;

    border-bottom: none;

}

.news ul li dl dd{ font-size:0.35rem;}

.news ul li dl dt{ font-size:0.16rem; height:inherit; line-height:inherit; padding:2% 0}

.links,.bnav,.ewm{ display:none;}





.footer {

    width: 100%;

    overflow: hidden; background:#fafafa;max-width:750px; margin:0px auto;

}

.footer .info1 h3 img{ display:none;}

.footer .info1 h3 span{ display:block; font-size:0.3rem; text-align:center; color:#000;}



.footer .info1 {

    color: #666;

    margin-top: 20px;

  

    float: none;

}

.foot{ width:auto;}



.footer .info1 p{

    color: #666;

    margin-top: 20px;

    line-height: 0.35rem;

    font-size: 0.18rem;

    text-align:center;

    float: none; padding-bottom:1.3rem;

}



.buttom{max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999; display:block}

.mbx .p1 {

    line-height: 62px;

    float: none;

    margin-left: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

}









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



.fy p{width:100%;height:inherit;line-height:0.35rem;float:none;color:#666;font-size:0.2rem;text-align:center;border-right:none; box-sizing:border-box; padding:2% 0}

.fy p:last-child{border:none; width:100%; border-top:1px #ccc solid; position:relative; padding:10px 0; top:0px; height:inherit; line-height:inherit;}

.fy p:nth-child(1), .fy p:nth-child(2){ width:auto; padding:10px; text-align:left;}





.pro-intro .share{width:100%;height:inherit;line-height:0.35rem;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share span{display:block;font-size:0.18rem;color:#999;padding:0 8px}





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



.pro-intro .textxq{ width:auto; margin:0 10px;}

.anli_box ul li{ width:50%; border:5px #fff solid}

.news_lb ul li{ width:50%; padding:0px;}

.news_lb ul li dt { font-size:0.18rem;}

.news_lb ul li h3 { font-size:0.22rem;}

.news_lb ul li  p{ font-size:0.2rem;}

.news_lb ul li dl{ padding:10px;}

.contact p{ padding: 0 10px;}
.about {



    margin-top: 20px;

 

}

	}

@media(max-width:500px){

	.had img{ width:95%}

	}



@media(max-width:420px){

	.news ul li span p {

    font-size: 0.2rem;

    line-height:inherit;

    color: #999;

    height: inherit;

    margin: 0px auto;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    padding: 0 0px 0 0;



}



	

	}