@charset "utf-8";

/* CSS Document */



html{font-family:"Microsoft YaHei";font-size:12px}

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}

i{font-style:normal}

img{border:0}

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

a:focus{outline:0}

input,textarea{outline:0}

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

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

	.ui-header-box{ padding:0 15%}

/*	.wf_nav{ padding:0px 15%; }*/

	}

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

	.ui-header-box{ padding:0 30px}

	.wf_nav{ padding:0px 30px;}

	}



.ui-header{height:70px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.2);width:100%;min-width:1300px;z-index:100;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}

.ui-header-box{justify-content:space-between;height:100%;padding:0 30px}

.ui-header-logo{-webkit-tap-highlight-color:transparent;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;display:block;width:180px;margin-top:14px;float:left}

.ui-header-logo1{-webkit-tap-highlight-color:transparent;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;display:block;width:180px;margin-top:14px;float:left; display:none;}

.ui-header-logo img,.ui-header-logo1 img{width:100%;display:block;border:none;}

.ui-header-nav dl dd ul{display:none;transition:all .3s ease;background-color:rgba(42,58,74,.9);transform:translateY(-4%);position:absolute;width:114px;top:78px;left:0;padding:0px; z-index:99999}

.ui-header-nav{float:right;justify-content:flex-start;margin-right:30px;height:70px}



.ui-header-nav dl dd{color:#333;display:block;line-height:68px;padding:0 22px;box-sizing:border-box;border-bottom:2px solid transparent;font-size:16px;font-weight:400;position:relative;text-align:center;float:left}



.ui-header-nav dl dd ul li{height:35px;line-height:35px;padding: 4px 0;}

.ui-header-nav dl .on{border-bottom:2px solid transparent;border-color:#f00;-webkit-tap-highlight-color:transparent;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }

.ui-header-nav dl .on a{color:#f00}

.ui-header-nav dl dd ul li a{color:#fff;font-size:14px}

.ui-header-nav dl dd ul li a:hover{ text-decoration:underline;}

.ui-header-qq{float:right;margin-right:30px}

.ui-header-qq a{background:url(../images/qq.png) no-repeat left center;display:block;height:26px;line-height:26px;padding-left:30px;color:#fff;font-size:16px;background-size:30px;margin-top:21px;height:25px}

.ui-header-tel{float:right;}

.ui-header-tel a{background:url(../images/tel.png) no-repeat left center;    background-size: 30px;
    padding-left: 38px;
    font-size: 20px;
    font-family: pmzdbt;
    color: #3e3b3b;
    cursor: initial;
    display: block;
    margin-top: 19px;
    height: 28px;
    line-height: 17px;}
	
.ui-header-tel a.ddt{background:url(../images/tel1.png) no-repeat left center;    background-size: 30px;}

.fixed{position:fixed;background-color:rgba(42,58,74,.9); top:0}







.banner{width:100%;margin:0 auto;height:800px;position:relative;min-width:1300px}

.fullSlide{width:100%;position:relative;height:800px;background:#eee;margin:0 auto}

.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden}

.fullSlide .md ul{width:100%!important;margin:0;padding:0;list-style:none}

.fullSlide .md li{width:100%!important;height:800px;overflow:hidden;text-align:center}

.fullSlide .md li a{display:block;height:800px}

.fullSlide .hd{bottom:28px;height:10px;left:0;line-height:9999px;margin:0 auto;position:relative;width:1000px;z-index:1;overflow:hidden}

.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:60px;margin:5px 2px;overflow:hidden;color:#fff;height:5px;background:#fff;font-size:12px;overflow:hidden;border-radius:10px}

.fullSlide .hd ul .on{background:#f00;color:#fff}

.title{text-align:center;padding:40px 0 25px;overflow:hidden;width:1300px;margin:0 auto; text-align:center;}

.title h3{font-size:36px;text-align:center;color:#333;font-weight:400;padding-bottom:10px;background:url(../images/xx.png) no-repeat center bottom; padding-bottom: 17px;

    margin-bottom: 10px;}

.title p{font-size:14px;color:#666;line-height:24px;text-transform:uppercase;}

.title b{color:#333}





.title1{text-align:center;padding:40px 0 25px;overflow:hidden;width:1300px;margin:0 auto; text-align:center;}

.title1 h3{font-size:36px;text-align:center;color:#fff;font-weight:400;padding-bottom:10px;background:url(../images/xx1.png) no-repeat center bottom; padding-bottom: 17px;

    margin-bottom: 10px;}

.title1 p{font-size:14px;color:#fff;line-height:24px;text-transform:uppercase;}

.title1 b{color:#fff}





.wf_nav{ width:1300px; overflow:hidden; margin:0 auto}

.wf_nav ul{ overflow:hidden;}

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

.wf_nav ul li:nth-child(1),.wf_nav ul li:nth-child(2){ width:50%;}

.wf_nav ul li div{width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute;top:0px;}

.wf_nav ul li:nth-child(1) div dl,.wf_nav ul li:nth-child(2) div dl{ text-align:center;margin-top:20%; }

.wf_nav ul li div dl{ text-align:center;margin-top:50%; }

.wf_nav ul li div dl dd{ font-size:18px; color:#fff; line-height: 45px;}

.wf_nav ul li div dl dd:before{ content:""; width:10px; height:1px; background:#fff; display:block; margin:0px auto; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.wf_nav ul li div dl dd:after{ content:""; width:10px; height:1px; background:#fff; display:block; margin:0px auto;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.wf_nav ul li div dl dt{margin-top:20px;}



.wf_nav ul li:hover  div dl dd:before{ content:""; width:150px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.wf_nav ul li:hover div dl dd:after{ content:""; width:150px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

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

.pic_nav a{ padding:10px 40px; background:#d6d6d6; color:#000; margin:0 10px; display:inline-block; font-size:16px;}

.pic_nav a:hover{ background:#008df0; color:#fff;}



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

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

.pic ul li{overflow:hidden; margin:0px auto; float:left; width:25%;}

.pic ul li div{overflow:hidden; margin:0px auto; position:relative; height:320px;}

.pic ul li div dl{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; bottom:-100%; text-align:center;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.pic ul li div dl dd{ margin-top:20%}

.pic ul li div dl dd img{ width:78px; height:78px;}

.pic ul li div dl dt{ color:#fff; font-size:16px; margin-top:10px;}

.pic ul li p{overflow:hidden; margin:0px auto; height:50px; line-height:50px; font-size:16px; text-align:center; padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.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 div dl{ bottom:0%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.pic ul li:hover p{ background:#008df0;}

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



.aboutbox{width:100%; background:url(../images/aboutbj.png) no-repeat center top; background-size:100% 100%; margin:0px auto; overflow:hidden; }

.about{width:1300px; margin:0px auto;}

.about_left{ background:#FFF; margin-top:60px; float:left;height:400px; width:1040px}

.about_right{ background:#242a38; width:260px; float:right; overflow:hidden; padding-top:60px; height:460px; }

.about_right a{display:block; line-height:100px; text-align:center; font-size:16px; color:#fff;}

.about_right a:hover{background:url(../images/about_nav.png) no-repeat;}

.a_fl{  margin:50px 0px 50px 50px; float:left; width:372px; height:276px;}

.a_fr{ padding:50px; float:left; width:500px;} 

.a_fr h3{font-size:24px; color:#6a7379; margin-bottom:15px;}

.a_fr dd{ font-size:15px; line-height:26px; color:#666; height:180px; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}

.a_fr dt{ width:150px; height:40px; border-radius:30px; line-height:40px; border:1px #f00 solid; text-align:center; font-size:15px;margin-top:16px}

.a_fr dt a{ color:#f00;}

.about_right a.osel{background:url(../images/about_nav.png) no-repeat;}





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



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



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

.anli ul li div{ width:100%; overflow:hidden; height:320px;}

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

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

.anli ul li p{ height:50px; line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; padding:0 20px; font-size:16px; background:#f1f1f1;}





.newsbox{ width:100%; background:#f1f1f1; overflow:hidden; margin:60px auto 0; padding-bottom:60px; }

.news{ padding:0 30px; overflow:hidden;}

.news ul{ overflow:hidden;}

.news ul li{ width:25%; float:left; overflow:hidden; background:#fff; padding-bottom:15px; border:10px #f1f1f1 solid; box-sizing:border-box;}

.news ul li div{ width:100%; overflow:hidden; height:290px;}

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

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

.news ul li h3{ font-size:16px;   height:40px; line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; padding: 0 20px; font-weight:400;}

.news ul li dt{ font-size:12px; padding: 0 20px; margin:5px auto; color:#999;  }

.news ul li dd{ height:70px; line-height:24px;overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding: 0 20px; margin-bottom:40px; }

.news ul li a:hover h3{ color:#f00;} 



.gengduo { width:150px; height:45px; line-height:45px; border:1px #666 solid; text-align:center; margin:30px auto 0; font-size:16px;}

.gengduo a{color:#666;}

.gengduo:hover{background:#f00; border:1px #f00 solid;}

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

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

.huoban{ width:1300px; margin:0px auto; overflow:hidden;}

.huoban ul{ overflow:hidden;}

.huoban ul li{ width:16%; float:left; overflow:hidden; border:6px #fff solid; box-sizing:border-box;}

.huoban ul li div{ border:1px #ccc solid; width:99%; overflow:hidden;}

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

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





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

.contact_box{ width:1300px; overflow:hidden; margin:30px auto;}

.contact_box ul{ overflow:hidden; }

.contact_box ul li{width:25%; float:left; overflow:hidden; font-size:15px; color:#fff;}

.contact_box ul li img{margin-right:10px;}



.form{ width:1300px; overflow:hidden; background:rgba(0,0,0,0.3);  border:1px rgba(255,255,255,0.5) solid; margin:50px auto 0;}

.form ul{ overflow:hidden; padding:40px;}

.form ul li{ width:25%; float:left; line-height:40px; font-size:16px;}

.form ul li input{width:80%; border:1px rgba(255,255,255,0.5) solid;; background-color:transparent;line-height:40px;color:#fff;}

.form ul li label{ color:#fff; width:20%}

.form ul li:nth-child(5){ width:100%; margin-top:30px; }

.form ul li textarea{width:95%; border:1px rgba(255,255,255,0.5) solid; background-color:transparent;line-height:24px; height:180px; vertical-align:top; color:#fff;}

.form ul li:nth-child(6){ width:100%; overflow:hidden; text-align:center; margin-top:50px;}

.form ul li:nth-child(6) input.tijiao{ border:none; width:200px; height:50px; line-height:50px; margin:0px auto; background:#F00; text-align:center; color:#fff; margin:0px auto;}



.footer{ background:#212121; margin:0px auto; overflow:hidden;}

.footer ul{ width:1300px; overflow:hidden; margin:0px auto; padding:30px; 0}

.footer ul li{ float:left; width:15%}

.footer ul li{}

.footer ul li h3{ color:#fff; font-size:14px; margin-bottom:10px;}

.footer ul li dd{ font-size:14px; margin-bottom:6px;}

.footer ul li dd a{ color:#656565}

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

.footer ul li div{ width:150px; margin: 0 auto;}

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

.footer ul li p{ text-align:center; color:#fff; font-size:15px;}

.footer ul li:first-child{ width:24%}

.footer ul li:last-child{ float:right;}



.Copyright{ border-top:1px #656565 solid; color:#656565; text-align:center; text-align:center; font-size:15px;padding:10px 0; line-height:30px;}

.Copyright dd{padding:5px 0;}

.Copyright dd a{ color:#656565}

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

.Copyright dd a:last-child:after{ content:""; display:none;}





.n_banner{ width:100%; margin:0px auto; overflow:hidden; height:350px;}

.n_banner img{width:100%}



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

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

.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: #f00;border-bottom: 2px solid #f00;}

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





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

.content p{ text-align: center;font-size:16px;color: #666666;}

.xq_content{ overflow:hidden; margin:20px auto;}

.xq_content h3{ font-size:24px; font-weight:600; text-align:center;}

.xq_content dd{ display:block; height:50px; background:#f1f1f1;  text-align:center; line-height:50px; margin:10px auto 0}

.xq_content dd span{ margin:0 10px;}

.conbox{ overflow:hidden; line-height:36px; font-size:15px; color:#555; padding:20px 10px}

.conbox img{wax-width:100%; margin:0px auto; text-align:center; display:block;}

.conbox  p{ line-height:36px;  font-size:15px; color:#555;}



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

.fy p{width:33.333%;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;}

.fy p:last-child{border:none}

.fy p a{color:#666}





/*合作案例*/

.serv01{height:1300px}

.serv01 .left{float:left;width:45%}

.serv01 .l1{max-width:640px;margin:auto;width:85%}

.serv01 .l1 img{width:90%;max-width:635px;margin:auto}

.serv01 .title{height:60px;width:370px;border-bottom:solid 2px #008f6a;color:#008f6a;margin:0 0 20px 50px}

.serv01 .cn{float:left;margin-top:25px;font-size:24px;font-weight:700}

.serv01 .en{float:left;margin-top:40px;margin-left:25px;font-family:Arial;font-size:16px;font-weight:700}

.serv01 .right{float:left;width:55%;margin-top:100px;height:569px;text-align:center}

.serv01 .right .t0{height:569px;margin:0 auto -569px auto;width:80%;min-width:660px}

.serv01 .right img{width:90%;max-width:700px}

.serv01 .t1{font-size:15px;color:#1f9f7d;height:61px}

.serv01 .t1 p{font-size:25px;margin:.3% 0 .1% 0}

.serv01 .t2{margin-top:0;font-size:12px;color:#1f9f7d;padding-top:5.5%;height:60px}

.serv01 .t2 p{font-size:22px;margin:5px 0}

.serv01 .right02{float:left;width:55%;padding-top:70px}

.serv01 .right02 .t0{height:600px;margin:0 auto -630px auto;width:90%}

.serv01 .right02 img{width:83%;max-width:670px}

.serv01 .right02 .t00{width:90%;margin:auto;max-width:870px}

.serv01 .t3{margin:-91% 0 0 95%;font-size:29px;color:#21a085;width:40px;line-height:29px}

.serv01 .t3 p{margin:20px}

.serv01 .t4{font-family:arial;font-size:24px;height:30px}

.serv01 .t5{font-size:16px;line-height:30px;padding-top:11%;height:100px}

.serv01 .t6{padding:11% 0 14% 0;margin:-70px 0 0 50px;height:50px;text-align:right;width:50%;font-size:20px;max-width:410px}

.serv01 .t7{font-size:15px;margin:0 -75px 0 -30px;width:100%;max-width:780px}

.serv01 .t7 p{font-size:12px;margin:10px 0}

.serv01 .t7 td{text-align:center;padding:0 10px 0 20px;vertical-align:top;width:25%;height:120px}

.serv01 td.t8{font-size:12px;text-align:right}

.serv01 .title02{height:60px;width:370px;border-bottom:solid 2px #008f6a;color:#008f6a;margin:0 0 0 20%}

.serv01 .catName{text-align:center;color:#333;font-size:28px;padding-top:20px;margin-bottom:-30px}

.serv01 .frame{position:absolute;z-index:98;display:none;text-align:center}

.serv01 .frame img{margin:9% 0 0 0;width:100%;cursor:pointer}

.serv02{background:url(images/serv02.jpg) center top no-repeat;height:1900px}

.growup{margin:0 0 -200px 134px;position:absolute}

#dvJD{display:none;font-size:20px;padding:20px 80px}

#dvJD .cap{font-weight:700;padding-bottom:20px;font-size:24px}

#dvJD .mail{font-size:18px;color:#008f6a}

#dvJD .more{float:right;font-size:19px;color:#848484}

#dvJD .more div{float:left;padding-top:68px;width:221px}

#dvJD .more img{float:right;margin-top:-18px}

.dotContainer{position:absolute;left:95%;top:400px;width:11px}

.dot{float:left;width:11px;height:11px;margin-bottom:4px;overflow:hidden;cursor:pointer}

.playbtn{position:absolute;z-index:8;left:7%;width:86%;top:200px;cursor:pointer;text-align:center}

.playbtn img{width:8%;margin-top:19%;cursor:pointer}

#focusImg{height:50%;overflow:hidden}

.hiSlider{overflow:hidden;height:100%;width:100%;margin:0;padding:0}

.hiSlider-item{float:left;height:100%;width:100%;list-style:none;text-align:center}

.hiSlider-item img{width:100%}

.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;background:url(../images/hislider-arrow.png) no-repeat;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%;height:10%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:24px/2 "Microsoft YaHei",'微软雅黑',Arial,Tahoma}

.hiSlider-title a{color:#fff;text-decoration:none}

.hiSlider-pages{bottom:10px;right:20%;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}



.imageflow{overflow:hidden;position:relative;text-align:left;visibility:hidden;width:100%;margin:0 auto}

.imageflow img{border:none;position:absolute;top:0;visibility:hidden;-ms-interpolation-mode:bicubic;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%); filter: gray; }

.imageflow p{margin:0 auto;text-align:center}

.imageflow .loading{border:1px solid #ccc;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px}

.imageflow .loading_bar{background:#ccc;height:15px;visibility:visible;width:1%}

.imageflow .caption{font-weight:700;position:relative;text-align:center;z-index:10000}

.imageflow .scrollbar{border-bottom:1px solid #b3b3b3;position:relative;visibility:hidden;z-index:10001;height:1px}

.imageflow .slider{border:1px solid #ccc;background-color:#fff;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:10002}

.imageflow .images{overflow:hidden;white-space:nowrap}

.imageflow .button{cursor:pointer;height:75px;position:relative;width:60px}

.imageflow .previous{background:url(../images/prev.png) top left no-repeat;  background-size:137%;float:left;margin:20% 0 0 5%}

.imageflow .next{background:url(../images/next.png) top left no-repeat; background-size:137%; float:right;margin:20% 5% 0 -8%}



.ziyuan{ overflow:hidden;}

.ziyuan ul{ overflow:hidden;}

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

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

.ziyuan ul li  dd{ height:45px; line-height:45px; padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px; text-align:center }

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

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





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

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

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

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

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

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

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







.news_lb{ padding:0 30px; overflow:hidden;}

.news_lb ul{ overflow:hidden;}

.news_lb ul li{ width:33.333333%; float:left; overflow:hidden; background:#fff; padding-bottom:15px; border:20px #fff solid; box-sizing:border-box;}

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

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

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

.news_lb ul li h3{ font-size:16px;   height:40px; line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; padding: 0 20px; font-weight:400;}

.news_lb ul li dt{ font-size:12px; padding: 0 20px; margin:5px auto; color:#999;  }

.news_lb ul li dd{ height:70px; line-height:24px;overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding: 0 20px; margin-bottom:40px; }

.news_lb ul li a:hover h3{ color:#f00;} 



.lx_box{overflow:hidden; padding:50px  0}

.lx_box ul{overflow:hidden}

.lx_box ul li{overflow:hidden;border:5px #fff solid;float:left;width:33.3333%; box-sizing:border-box; }

.lx_box ul li div{overflow:hidden;border:1px #ccc solid;padding:20px;min-height: 130px;}

.lx_box ul li div h3{font-size:18px;overflow:hidden;padding-top:20px;font-weight:400}

.lx_box ul li div h3 img{float:left;margin-top:-9px;margin-right:15px}

.lx_box ul li div h3 i{font-style:normal;font-size:14px;color:#999;margin-left:5px}

.lx_box ul li div p{border-top:1px #ccc solid;overflow:hidden;font-size:18px;padding-top:20px}



.lxfs{ text-align:center; font-size:36px; color:#333; margin:100px auto 30px;}



.map,#allmap{ height:350px; margin:50px auto 30px}





.liuyan{ overflow:hidden; }



.mssg-intro{overflow:hidden;margin:0 5px;padding-bottom:5%; background:#f5f5f5; padding:50px 0}

.mssg-intro form{padding: 0 5%}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#f30405;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}

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





.zizhi{ overflow:hidden;}

.zizhi ul{ overflow:hidden;}

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

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

.zizhi ul li  dd{ height:45px; line-height:45px; padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px; text-align:center }

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

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