@charset "utf-8";
/*!
 * proiect:大明气模
 * Date:2018-6-1
 */
.w1200{ width:1200px;  margin:0 auto; overflow:hidden;}
.titles{ font-size:34px; color:#333; text-align:center; background:url(../images/titleline.png) no-repeat center center; line-height:36px; margin-top:50px;}
.descript{ font-size:16px; color:#666; text-align:center; line-height:50px; margin-bottom:20px;}
.video-item{margin-bottom:10px;}
.video-item h2, .video-item h2 a{font-size:15px;line-height:1.4;color:#5f5f5f;margin:0 0 10px 0;}
.video-item h2 a:hover, .video-item h3 a:hover{text-decoration:none;color:#4141a0;}
.video-item .item-thumbnail{position:relative;overflow:hidden;max-height:100%;}
.video-item .item-thumbnail > a{display:block;}
/*video thumb sizing*/
.video-item .item-thumbnail img{max-width:100%;width:100%;}
.video-item .item-thumbnail .rating-bar{position:absolute;top:0;left:0;font-size:15px;line-height:30px;padding:0 8px;}
 
.video-item .item-meta{color:#c6c6c6;}
.video-item .item-meta [class^="fa-"],.video-item .item-meta [class*=" fa-"]{font-size:14px;}
.video-item .item-meta span{line-height:21px;margin-right:20px;}
.video-item .item-meta span > i{margin-right:2px;}

/*CONTENT*/
.banner{width:100%;}
#content{margin-top:30px;margin-bottom:30px;}
.content-404{text-align:center;}
.content-404 h1{font-size:130px;}
/*big carousel*/
#head-carousel{background:#fff;color:#fff;}
#head-carousel .container{padding-top:0;}
#head-carousel .video-item{float:left;margin:0;width:600px;height:600px;opacity:.5;transition: all .3s ease-in .1s;}
#head-carousel .video-item .item-head a{color:#fff;}
#head-carousel .video-item .item-head span a{text-transform:uppercase;}
#head-carousel .current-carousel-item2{opacity:1;}
#head-carousel .video-item .item-head{ background:none; height:50px; position:absolute; left:0; bottom:0px; transition:0.2s; line-height:50px; background-color:rgba(0,0,0,0.6); width:100%; color:#fff;}
#head-carousel .video-item .item-head a{ display:block;}
#head-carousel .video-item .item-head a h3{ line-height:50px; font-weight:300;text-align:center; font-size:16px;transition: all 0.1s;}
#head-carousel .video-item .item-thumbnail:hover .item-head{ bottom:0; height:100%; background:url(../images/backf.png) repeat; }
#head-carousel .video-item .item-thumbnail:hover .item-head a h3{ font-size:24px; margin-top:30%;text-align:left; margin-left:20%; border-bottom:1px solid #eee; margin-right:20%; padding-bottom:20px;}
#head-carousel .video-item .item-thumbnail:hover .item-head a span{ display:block; font-size:20px; margin-left:20%; margin-top:20px;}

#head-carousel .is-carousel{position:relative;margin: 0px;height:600px;overflow:hidden;}
#head-carousel .is-carousel .carousel-button{position:absolute;opacity:0;transition:all .2s ease;left:40px;right:40px;top:50%;margin-top:-20px;z-index:3;height:0;}
#head-carousel .is-carousel .carousel-content{position:absolute;z-index:0;height: 382px;overflow:hidden;}
#head-carousel .is-carousel .carousel-button a{width:40px;height:40px;line-height:40px;text-align:center;border-style:solid;border-width:1px;border-radius:3px;font-size:18px;}
#head-carousel .is-carousel .carousel-button a:hover{text-decoration:none;}
#head-carousel .is-carousel .carousel-button .prev{float:left;}
#head-carousel .is-carousel .carousel-button .next{float:right;}
#head-carousel .shadow-left{position:absolute;opacity:0;transition:all .2s ease;z-index:2;top:0;bottom:0;left:0;width:120px;background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);/* FF3.6+*/background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));/* Chrome,Safari4+*/background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* Chrome10+,Safari5.1+*/background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* Opera 11.10+*/background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* IE10+*/background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* W3C*/}
#head-carousel .shadow-right{position:absolute;opacity:0;transition:all .2s ease;z-index:2;top:0;bottom:0;right:0;width:120px;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);/* FF3.6+*/background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));/* Chrome,Safari4+*/background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* Chrome10+,Safari5.1+*/background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* Opera 11.10+*/background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* IE10+*/background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* W3C*/}
#head-carousel:hover #big-carousel .carousel-button, #head-carousel #big-carousel:hover .shadow-right, #head-carousel:hover #big-carousel .shadow-left{opacity:1;}
@media (max-width: 767px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:60px;}
#head-carousel .container{padding:0;}}
@media (max-width: 660px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:30px;}}
@media (max-width: 520px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:0px;}
.comment-content{float:left;position:relative;margin-left:0;margin-top:0;}
.author-current{display:none;}
.comment-respond .comment-form{margin-left:0;position:relative}
/*.comment-respond .comment-form .comment-form-comment{margin-top:150px}*//* <== why we need this?*/
.comment-respond .comment-form .row{/*position:absolute;top:0;*/margin: 0 0 0 0;width:100%}
.comment-respond .comment-form .col-md-4{padding: 0 0 0 0}
.comment-respond .comment-form .col-md-4 p input{width:100%;}}
/*metro header*/
#head-carousel #metro-carousel .video-item{opacity:1;width:auto;}
#head-carousel #metro-carousel .video-item > .video-item{width:300px !important;height:300px !important;margin:0;clear:both;}
#head-carousel #metro-carousel .video-item > .video-item .item-head{text-align: inherit;}
#head-carousel #metro-carousel .video-item > .video-item .item-head h3 a{font-size: 17.5px;}
#head-carousel #metro-carousel.is-carousel .carousel-button, #head-carousel #big-carousel.is-carousel .carousel-button{position: absolute;left: 0px;right: 0px;top: 0;margin-top: 0;z-index: 2;height: 0;opacity: 0;transition:all .2s ease;}
#head-carousel #metro-carousel.is-carousel:hover .carousel-button, #head-carousel #big-carousel.is-carousel:hover .carousel-button{opacity:1;}
#head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a{border:none;border-radius:0;background:rgba(0,0,0,.5);height:293px;line-height:293px;color:inherit;}
#head-carousel #metro-carousel.is-carousel .carousel-button a:hover, #head-carousel #big-carousel.is-carousel .carousel-button a:hover{color:#f9c73d;}
#head-carousel .is-carousel{height:600px;}
#head-carousel .video-item{width:600px;height:600px;}
#head-carousel #metro-carousel .video-item .item-thumbnail{ width:600px;}
#head-carousel #metro-carousel .video-item .video-item .item-thumbnail { width:300px;}
#head-carousel #metro-carousel .video-item .item-thumbnail img{width:100%;}
#head-carousel #metro-carousel .video-item > .video-item{width:300px;height:300px;}
#head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a{height:600px;line-height:600px;}
.wilder{ width: 100%; display:none; }
.about{ width: 100%; background: url(../images/about.jpg) no-repeat center center ;}
.infor{width:715px; height: 375px; transition:.5s; background:url(../images/bbai.png) repeat; margin:100px 0; float: right; box-sizing: border-box; padding:45px 40px;}
.clear{ clear: both; height: 0;}
.infor h3{ font-size: 20px; color:#555; line-height: 40px; margin-bottom: 20px;}
.infor p{ font-size: 14px; color:#555; line-height:26px;}
.infor a { display: inline-block; width:118px; text-transform: uppercase; height:37px;  background-color:transparent; text-align:center; border: 1px solid #35c9d8; line-height:35px; color: #35c9d8; font-size: 18px; cursor: pointer; margin-top: 50px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.infor a:before { content: ""; position: absolute; z-index: -1; left: 0; height: 37px; width: 100%; bottom: -37px; background: #35c9d8;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color:#fff !important; }
.infor a:hover { color: #fff; }
.infor a:hover:before, .showMore a:focus:before { bottom: 0;  }
.about:hover .infor{ margin-right: 20px;}
.video{ background: url(../images/shi.jpg) no-repeat bottom center;}
.video_left{ width: 50%; float: left;}
.video_right{ width: 50%; float: left; padding-top: 85px;}
.videos{ float: right; width: 672px; margin-right: -72px;}
.video_right p{ font-size: 24px; line-height:70px; color: #008b7e; margin-left: 102px;}
.video_right p span{font-size: 72px;  color: #075c54; font-weight: bold;}
.video_right p:nth-child(2){ margin-left:260px;}
.video_right a{ display: block; background: url(../images/more.jpg) no-repeat right bottom; line-height: 107px; box-sizing: border-box; padding-left:90px; font-size:20px; text-transform: uppercase; color: #fff; margin-bottom: 40px;}
.product{ box-sizing: border-box; display:flex;}
.product li{ margin-right: 13px; width:290px; float:left; margin-right:10px;flex: 1; margin-bottom: 45px;}
.product li:last-child{ margin: 0;}
.product li a{ display: block; position: relative;width: 100%; height:290px; overflow: hidden;}
.product:after{ content:''; clear:both; width:0px; height:0px; visibility:hidden;}
.pro_list{width: 290px; height:290px; overflow: hidden;}
.pro_list img{ width: 290px; height:290px; transition: all .5s linear;}
.product li a:hover .pro_list img{ transform: scale(1.2);}
.pro_hide{ position: absolute; left: 0; width: 100%; bottom: 0; transition: 0.3s linear; background:url(../images/backf.png) repeat; box-sizing: border-box; height: 46px;}
.pro_hide p{ line-height: 46px; margin:0px 20px; color: #fff; font-size:16px;}
.pro_hide span{ margin:15px 20px; color: #fff; font-size:16px;}
.product li a:hover .pro_hide{ height: 120px;}
.product li a:hover .pro_hide p{ padding-bottom:10px; margin-top: 10px; border-bottom: 1px solid #eee;}
.color{ background-color: #f3f3f3; padding:2px 0;}
.footer{ background-color:#35c9d8; box-sizing:border-box; padding-top:50px; width:100%;}
.footnav li{ float:left; width:12.5%; margin-bottom:30px;}
.footnav li a{ display:block; font-size:14px; line-height:26px; color: #fff;}
.footnav li a:hover{ color:#eee;}
.footnav li a h3{font-size:16px; line-height:30px; color: #fff; margin-bottom:12px;}
.footer_bottom{ border-top:1px solid #fff;}
.footer_bottom .pull-left{ float:left; font-size:14px; line-height:30px; color: #fff; padding:12px 0;}
.footer_bottom .pull-left a{ font-size:14px; line-height:30px; color: #fff; }
.footer_bottom .pull-right{ float:right; padding-top:7px;}
.batop{width:40px;
	height: auto;
	position: fixed;
	right:20px;
	bottom:6%;
	z-index: 20;
	cursor: pointer;
	
	}
.batop .aw01{width: 40px;
	height: 40px;
	border-radius:50%;
 
	position:relative;
	display: block;
	background:#434343 url(../images/h01.png) no-repeat center;
	cursor: pointer;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.wechat{ position:absolute; right:50px; top:-20px; opacity:0; transition:all 0.3s;}
.batop .aw02{width: 40px;
	height: 40px;
	border-radius:50%;
	overflow: hidden;
	display: block;
	background:#434343 url(../images/h02.png) no-repeat center;
	cursor: pointer; margin:12px 0;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.back-top{
	width: 40px;
	height: 40px;
	border-radius:50%;
	overflow: hidden;	background:#434343 url(../images/h03.png) no-repeat center;
	cursor: pointer;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
}
.batop .aw01:hover{background:#0787d1 url(../images/h1.png) no-repeat center;}
.batop .aw02:hover{background:#0787d1 url(../images/h2.png) no-repeat center;}
.back-top:hover{background:#0787d1 url(../images/h3.png) no-repeat center;}
.batop .aw01:hover .wechat{ opacity:1;} 





/*公司简介*/
.sec_banner{ width:100%; position:relative; height:350px;}
/* .sec_nav{ position:absolute; bottom:0px; left:0px; height:53px; background:url(../images/backf.png) repeat; width:100%;} */
.sec_nav{ position:absolute; bottom:0px; left:0px; height:80px; background:url(../images/backf.png) repeat; width:100%;}
.sec_nav ul li{ width:150px; float:left; padding:0; margin:0;height: 80px;}
/* .sec_nav ul li a{ display:block; text-align:center; line-height:53px; color:#fff; font-size:16px;} */
.sec_nav ul li a{ display:block; text-align:center;color:#fff; font-size:16px;padding-top: 20px;}
.sec_nav ul li a .itro_style{margin-top: 6px;display: block;font-size: 12px;}
.sec_nav ul li:hover{ background-color:#35c9d8;}
.sec_nav ul li .active{ background-color:#35c9d8;height: 60px;padding-top: 20px;}
/* .sec_nav ul li a:hover{ background-color:#35c9d8;}
.sec_nav ul li a.active{ background-color:#35c9d8;} */
.titled { width:1200px; margin:50px auto 60px; background:url(../images/circle3.png) right center no-repeat;}
.titled h3 { width:100%;}
.titled h3 strong{ font-size:32px; color:#35c9d8; font-weight:bold; float:left; margin-right:10px;}
.titled h3 span{ font-size:14px; line-height:18px; float:left; color:#35c9d8; font-weight:normal; text-transform:uppercase;}
.aboutus p{font-size:14px; line-height:26px; color:#666; }
/*.aboutus p span{ color:#35c9d8; }
.aboutus img{ display:block; margin-top:50px; transition:all 0.5s;}
.aboutus img:hover{ transform:scale(1.1);}*/

.about_img{ width:100%; height:312pxx; overflow:hidden;}
.words{ background-color:#2d2d2d; padding:35px 0; width:360px; text-align:center;}
.words h3{font-size:24px; line-height:30px; color:#fff; margin-bottom:10px;}
.words p{font-size:14px; line-height:30px; color:#fff;}
.declaration{ padding:20px 0; background:url(../images/ab.jpg) no-repeat right center;}
.glorious{ background:url(../images/fa.jpg) no-repeat center 0; padding:60px 0; box-sizing:border-box;}
/*--发展历程--*/
.whbt { font-size:35px; color:#fff; background:url(../images/whxian.png) no-repeat center bottom; width:200px; margin:0 auto; text-align:center; height:91px; padding-top:34px;}
.whbt img { display:block; padding-top:8px; margin:0 auto;}
.seabox_01 INPUT {BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; BORDER-LEFT-STYLE: none; PADDING-LEFT: 5px; WIDTH: 353px; PADDING-RIGHT: 5px; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 26px; BORDER-RIGHT-STYLE: none; PADDING-TOP: 0px}
.honor { WIDTH: 1230px; margin:0 auto; position:relative; height:331px;}
#featureContainer {BORDER-BOTTOM: #dadada 1px solid; MARGIN: 0px auto; WIDTH: 710px; HEIGHT: 158px; FONT-SIZE: 80%; OVERFLOW: hidden; BORDER-TOP: #dadada 1px solid}
#wrap {OVERFLOW: hidden}
#load {BACKGROUND-IMAGE: TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 710px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px}
#botton-scroll {Z-INDEX: 0; MARGIN: 0px auto; WIDTH: 710px; FLOAT: left; HEIGHT: 150px}
.event_scroll { WIDTH:1230px; OVERFLOW: hidden; margin:0 auto; }
.left_btn { WIDTH: 40px; background:url(../images/dleft.png) no-repeat;FLOAT: left; HEIGHT:40px; margin-top:147px; OVERFLOW: hidden; CURSOR: pointer}
.right_btn {WIDTH: 40px; background:url(../images/dright.png) no-repeat;FLOAT: right; HEIGHT: 40px;margin-top:147px;  OVERFLOW: hidden; CURSOR: pointer}
.left_btn:hover {background:url(../images/dhleft.png) no-repeat;}
.right_btn:hover { background:url(../images/dhright.png) no-repeat;}
.years_box {FLOAT: left; HEIGHT:331px; COLOR: #606060; OVERFLOW: hidden ; background:url(../images/xianq.png) repeat-x center center; margin-left:20px;}
.years_box LI {LINE-HEIGHT: 331px;  WIDTH: 224px;FLOAT: left; HEIGHT: 331px; OVERFLOW: hidden; color:#666; font-size:15px; CURSOR: pointer; position:relative; text-align:center; }
.years_box LI  h3{ width:185px; height:30px; line-height:30px; margin:10px auto ; font-weight: 500; font-size:25px; color:#fff; text-align:left; }
.years_box LI  p{ width:185px; display: block; margin:0 auto; font-size:13px; line-height:25px; color:#fff; text-align:left;}
.years_box li.tabActive2 p{ color:#fff;}
.years_box li.tabActive2 h3{ color:#fff;}
.events_box{width:1100px; margin:0 auto; overflow:hidden; position: absolute; height:358px; top:0; left:50px;}
.years_box LI div{ position:absolute; width:244px; height:118px; }
.years_box LI .odd{ background:url(../images/dsbg.png) repeat; top:0;}
.years_box LI .even{ background:url(../images/dsbg.png) repeat; bottom:0;}
.years_box li.tabActive2 .odd{ background:url(../images/dbgh.png) repeat;top:0;transition: 200ms 200ms; -webkit-transition: 200ms 200ms; -moz-transition: 200ms 200ms; -ms-transition: 200ms 200ms; }
.years_box li.tabActive2 .even{ background:url(../images/dbgh.png) repeat;bottom:0;transition: 200ms 200ms; -webkit-transition: 200ms 200ms; -moz-transition: 200ms 200ms; -ms-transition: 200ms 200ms; }
.years_box LI .odd span { background:url(../images/xqiu.png) no-repeat; display:block; width:10px; height:38px; position:absolute; bottom:-52px; left:116px;}
.years_box LI .even span { background:url(../images/sqiu.png) no-repeat; display:block; width:10px; height:38px; position:absolute; top:-52px; left:116px;}
.w600{ width:640px; float:left; margin-top:50px;}
.plword h3{font-size:30px; line-height:30px; color:#35c9d8; margin-bottom:30px;}
.plword strong{display:block; font-size:16px; line-height:30px; color:#333;}
.plword p{font-size:14px; line-height:24px; color:#666;}
.w600 img.right{ display:block; float:right;}

.honor_left{ width:600px; float:left; margin-bottom:70px;}
.wc600{margin:0; width:552px;padding-top:0px;}
.fr{float:right;}
.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
.rowE .warp-pic-list{position:relative;width:552px;height:290px;overflow:hidden; }
.rowE .count li{margin-right:20px;width:552px;height:257px;}
.rowE .count .img_wrap{width:552px;height:257px;}
.rowE .count .img_wrap img{width:550px; height:256px; border:1px solid #eee;}
.rowE .btn{display:block; height:33px; position:absolute; top:256px; width:52px; z-index:200;cursor:pointer; background-color:#2d2d2d;}
.rowE .prev{ right:53px; background:#2d2d2d url(../images/larrow.png) no-repeat center center;}
.rowE .prev:hover{ background-color:#35c9d8;}
.rowE .next{ right:0px; background:#2d2d2d url(../images/rarrow.png) no-repeat center center;}
.rowE .next:hover{background-color:#35c9d8;}
.qh_title{line-height: 28px;text-align: center;display: block;font-size: 16px;} 
.honor_right{ width:600px; float:right;} 
.box{width:600px;margin:0; }
.tab_menu{overflow:hidden;}
.tab_menu li{width:100px; float:right;height:34px;line-height:34px; margin-left:18px; color:#fff;background:#eeece8; text-align:center;cursor:pointer;}
.tab_menu li.current{color:#fff;background:#35c9d8;}
.tab_menu li a{color:#666; text-decoration:none;}
.tab_menu li.current a{color:#fff;}
.tab_box{padding:35px 0;}
.tab_box p{ font-size:14px; color:#666; line-height:26px;}
.tab_box .hide{display:none;}
/*大明家园*/
.culture{font-size:30px; color:#35c9d8; line-height:46px; text-align:center; margin:50px auto;}
.sweethome li{ float:left; width:290px; margin-right:13.3px; margin-bottom:70px;}
.homeinfor{ padding:47px 38px 0; background:#eeeeee url(../images/san.png) no-repeat center 0; height:263px; box-sizing:border-box;}
.homeinfor h3{ text-align:center; padding-left:36px; background:url(../images/sec1.png) no-repeat 70px center; margin-bottom:25px; font-size:24px; color:#555; line-height:63px; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;} 
.homeinfor p{ font-size:14px; color:#666; line-height:24px;  } 
.sweethome li:hover .homeinfor{background:#35c9d8 url(../images/san1.png) no-repeat center 0; }
.sweethome li:hover .homeinfor h3{background:url(../images/sec2.png) no-repeat 70px center; color:#fff; border-color:#72d9e4;}
.sweethome li:hover .homeinfor p{color:#fff;}

.home_box1 { padding-bottom:60px;}
.home_box1 h3{font-size:30px; color:#35c9d8; line-height:46px; text-align:center; margin:50px auto;}
.home_box1 p{ font-size:16px; color:#666; line-height:38px;  } 









/*活动照片*/
.activity{ box-sizing: border-box; margin-bottom: 45px; margin-top:50px;}
.activity li{ width:290px; margin-right:13px; float:left; margin-bottom:13px;}
.activity li:last-child{ margin:0;}
.activity li a{ display: block; position: relative;width: 290px; height:186px; overflow: hidden;}
.activity .pro_list{width: 290px; height:186px; overflow: hidden;}
.activity .pro_list img{width:290px; height:186px; transition: all .5s linear;}
.activity li a:hover .pro_list img{ transform: scale(1.2);}
.activity .pro_hide{ position: absolute; left: 0; width: 100%; bottom: 0; transition: 0.3s linear; background:url(../images/backf.png) repeat; box-sizing: border-box; height:40px;}
.activity .pro_hide p{ line-height: 46px; margin:0px 20px; color: #fff; font-size:16px;}
.activity .pro_hide span{ margin:15px 20px; color: #fff; font-size:16px;}
.activity  li a:hover .pro_hide{ height:186px; box-sizing:border-box; padding-top:25px;}
.activity  li a:hover .pro_hide p{ padding-bottom:10px; margin-top: 10px; border-bottom: 1px solid #eee; font-size:22px;}
/*翻页*/
#pages{ margin:37px auto 50px; text-align: center; background-color:#f0f0f0; height:55px; box-sizing:border-box; padding-top:10px;}
#pages a{ 
    color: #333;
    margin: 0 3px;
    padding:6px 10px;
    text-decoration: none;
    font-size:14px; line-height:30px;
}
#pages a:hover{text-decoration: none; color:#fff; font-size:14px; background-color:#35c9d8;}
#pages span { 
    color: #fff;
    margin:0 3px;
    padding:6px 10px;
    font-size: 14px;
	background-color:#35c9d8;
}
#pages:after{display:block; clear:both; content:""; visibility:hidden; height:0} 
/*新闻*/
.new{ margin-top:50px;}
.new li{ width:33%; border-right:1px solid #e2e2e2; float:left; box-sizing:border-box; padding:0 15px;}
.new li:last-child{ border:none;}
.new li a{ display:block; padding:15px;}
.new_img { width:100%; height:200px; overflow:hidden;}
.new_img img{ width:100%; height:200px; transition:all  0.5s;}
.new li:hover .new_img img{ transform:scale(1.1);}
.new li h3{color:#333; font-size:17px; font-weight:bold; margin:15px 0; line-height:20px;}
.new li span{color:#bebebe; font-size:14px;  line-height:20px;}
.new li p{color:#666666; font-size:14px;  line-height:24px; margin:10px 0; height:72px; overflow:hidden;}
.new li i{ display:inline-block; width:32px; height:32px; border-radius:50%; background-color:#bebebe; line-height:30px; text-align:center;}
.new li a:hover{ box-shadow:1px 2px 6px #bbb;}
.new li a:hover i{ background-color:#35c9d8;}
.newlist{ margin-top:40px;}
.new_left{ width:1000px; float:left; height:164px;box-sizing:border-box; padding-top:40px; border-bottom:1px solid #d4d4d4;}
.new_right{ width:157px; float:right; height:164px; box-sizing:border-box; padding:40px 44px 0; background-color:#ebebeb;}
.new_left h3{color:#333; font-size:17px;  line-height:24px; font-weight:bold; margin-bottom:16px;}
.new_left p{color:#666; font-size:14px;  line-height:24px; }
.new_right strong{color:#6f6f6f; font-size:24px;  line-height:24px; }
.new_right p{color:#6f6f6f; font-size:14px;  line-height:14px; }
.new_right span{ display:block; text-align:center; line-height:33px; margin-top:15px; width:37px; height:37px; border-radius:50%; background:#d2d2d2 url(../images/rarrow.png) no-repeat center center;}
.newlist li a{ display:block;}
.newlist li a:hover .new_right{ background-color:#35c9d8;}
.newlist li a:hover .new_right strong , .newlist li a:hover .new_right p{ color:#fff;}
.newlist li a:hover span{background:#fff url(../images/barrow.png) no-repeat center center;}
.newlist li a:hover h3{color:#35c9d8;}
.newlist li{ margin-bottom:23px;}
/*新闻详情*/ 
.article_left{ width:840px; float:left; margin-top:50px; margin-bottom:20px; overflow:hidden;}
.article_right{ width:317px; float:right;margin-top:69px; margin-bottom:20px;}
.biaoti {width:100%;text-align: center;color:#333; font-size:24px; margin-bottom:8px;}
.shijian2 {width:100%; margin:0 auto; font-size:13px; color:#999; text-align:center; line-height:25px; border-bottom:1px dashed #c8c7c7;
 padding-bottom:20px; margin-bottom:30px;}
.article_content p{font-size:14px; color:#777;  line-height:26px; margin-bottom:20px; }
.article_content img{ max-width:100%;}
.article_content{ border-bottom:1px dashed #c8c7c7; margin-bottom:14px;}
.updown{ float:left; }
.updown p span{ color:#666; font-size:13px; line-height:32px;}
.updown p a{ color:#666; font-size:13px; line-height:32px;}
.updown p a:hover{ color:#35c9d8;}
.ying ul{ margin-top:13px; width:317px;}
.ying ul li{ list-style:none; background:url(../images/dot.png) no-repeat 0px center;  height:39px; clear:both; line-height:39px; padding:0; color:rgba(134,134,134,0.8); }
.ying ul li a{ line-height:39px;  color:#666666;  padding-left:16px; font-size:13px;  width:190px; float:left; overflow:hidden; height:39px; display:block;}
.ying ul li a:hover{ color:#35c9d8;}
.ying ul li span{ line-height:39px; display:block; float:right; width:80px; margin-left:26px;  color:rgba(134,134,134,0.5); float:right; font-size:13px;}
.fenxaing { width: 100%; height: 30px;line-height: 30px;padding-bottom: 20px;}
.newdbt2 span{color:#333; font-size:24px;}
.newdbt2{ color:#333; font-size:14px; border-bottom:2px solid #eaeaea; padding:13px 0 20px 0; margin-bottom:30px; }
.showMore { margin:35px 0 35px 36px; }
.showMore a { display: inline-block; width:116px; height:37px; border-radius:3px; background-color:#eee; text-align:center; line-height:37px; color:#00abeb; font-size: 14px; cursor: pointer; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.showMore a:before { content: ""; position: absolute; z-index: -1; left: 0; height: 37px; width: 100%; bottom: -37px; background: #00abeb; border-radius:3px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color:#fff !important; }
.showMore a:hover { color: #fff; }
.showMore a:hover:before, .showMore a:focus:before { bottom: 0;}
/*联系我们*/
.contact h3{ color:#35c9d8; line-height:40px; font-size:24px; margin-bottom:30px;}
.contact p{color:#333; line-height:36px; font-size:14px; margin-bottom:16px;}
.contact p span{ margin-right:20px;}
.contact p a{color:#333; line-height:36px; font-size:14px; }
.margin{ margin-top:42px;}
.contact h4{ color:#333; line-height:36px; font-size:18px; margin-top:82px;}
.map{ width:100%; height:580px; overflow:hidden; margin:50px 0 60px;}
/*产品*/
.left_nav{ width:260px; float:left;margin-top:56px; margin-bottom:50px;}
.product_content{ width:915px; float:right; margin-top:56px;}

.products{ box-sizing: border-box; margin-bottom: 45px;}
.products li{ width:290px; height:290px; float:left; margin-right:22px; margin-bottom:22px;}
.products li a{ display: block; position: relative;width: 290px; height:290px; overflow: hidden;}
.products .pro_list{width: 290px; height:290px; overflow: hidden;}
.products .pro_list img{width: 290px; height:290px; transition: all .5s linear;}
.product li a:hover .pro_list img{ transform: scale(1.2);}
.products .pro_hide{ position: absolute; left: 0; width: 100%; bottom: 0; transition: 0.3s linear; background:url(../images/backf.png) repeat; box-sizing: border-box; height: 46px;}
.products .pro_hide p{ line-height: 46px; margin:0px 20px; color: #fff; font-size:16px;}
.products .pro_hide span{ margin:15px 20px; color: #fff; font-size:16px;}
.products li a:hover .pro_hide{ height:290px; box-sizing:border-box; padding-top:70px;}
.products li a:hover .pro_hide p{ padding-bottom:10px; margin-top: 10px; font-size:23px; border-bottom: 1px solid #eee;}

.pcenter{ color:#333; line-height:20px; font-size:20px; padding-left:18px; padding-bottom:15px; border-bottom: 1px solid #e4e4e4;}
.menu_list{width:260px;margin:0 auto;}
.menu_head{
	height:40px;
	/* line-height:50px; */
	padding-left:18px;
	font-size:16px;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
	margin: 0px;
	background: #fff url(../images/pro_left.png) center right no-repeat;
	/* display: flex; */
	/* justify-content: left; */
	/* align-items: center; */
	padding-top: 10px;
}
.top_style{
	width: 100%;
	display: block;
}
.word_style{
	width: 100%;
	display: block;
	font-size: 12px;
	margin-top: 4px;
}
.menu_list .current{background:#fff url(../images/pro_down.png) center right no-repeat; color:#35c9d8;border-bottom: 1px solid #000;}
.menu_body{ padding-top:15px;}
.menu_body a{display:block; height:50px;
	height:40px;
/* line-height:50px; */
padding-left:18px; font-size:16px; color:#666;background:#eee;text-decoration:none; margin-bottom:10px;
	padding-top: 10px;}
.menu_body a:hover{text-decoration:none; color:#35c9d8;}
.menu_body a.open{color:#35c9d8;}
.article_content img { display:block; margin:10px auto 15px;}
.tuijian{color:#333; line-height:46px; font-size:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
.command{ margin-bottom:40px;}
/*产品见证*/
.cpimg{ background-color:#f5f5f5; border:5px solid #f5f5f5; margin-bottom:2px;}
.cpimg .left{ float:left;}
.cpimg .right{ float:right;}
.cpdis{ box-sizing:border-box; padding:60px 30px;}
.cpdis p{ font-size:18px; color:#666; line-height:40px;}
.cpimg:hover{ background-color:#35c9d8; border:5px solid #35c9d8;}
.cpimg:hover .cpdis p{ color:#fff;}

.exquisite{ height:420px; background:url(../images/cpp1.jpg) no-repeat right center; margin:50px 0;box-sizing:border-box; padding:1px 0 0;}
.descripted{ background-color:#2d2d2d; padding:45px ; width:360px; text-align:left; box-sizing:border-box; margin-top:20px;}
.descripted p{font-size:14px; line-height:30px; color:#fff;}
/*会员*/
.member{ background:url(../images/member.jpg) no-repeat center center; box-sizing:border-box; padding-top:50px;}
.meber{ font-size:30px; color:#fff; margin:0px 0 40px;}
.special li{ float:left; height:120px; margin:0 0 40px; text-align:center;}
.s1{ width:376px; background:url(../images/m1.png) no-repeat 0 0;}
.s2{ width:371px;background:url(../images/m2.png) no-repeat 0 0;}
.s3{ width:453px;background: url(../images/m3.png) no-repeat 0 0;}
.special li h3{ font-size:26px; color:#fff; margin:20px auto;}
.special li p{ font-size:18px; color:#fff;}
.s1:hover{ background:url(../images/n1.png) no-repeat 0 0;}
.s2:hover{ background:url(../images/n2.png) no-repeat 0 0;}
.s3:hover{ background: url(../images/n3.png) no-repeat 0 0;}
.basic h4{font-size:26px; color:#fff; margin:40px 0;}
.input_control{ font-family:'微软雅黑'; width:380px; margin-right:30px; line-height:53px; height:53px; float:left; box-sizing:border-box; display:inline-block; color:#fff; font-size:16px; margin-bottom:30px; background-color:rgba(255,255,255,0.4); padding-left:20px;}
.input_controls{font-family:'微软雅黑'; width:1200px; height:53px;box-sizing:border-box; display:inline-block; color:#fff; font-size:16px;margin-bottom:30px; background-color:rgba(255,255,255,0.4); padding-left:20px; }
.leave{width:1200px;box-sizing:border-box; display:inline-block; color:#fff; font-size:16px;margin-bottom:30px; background-color:rgba(255,255,255,0.4); padding:20px; font-family:'微软雅黑';}
.basic button{ width:134px; height:50px; line-height:50px;color:#fff; font-size:16px; text-align:center;margin-bottom:50px; background-color:rgba(255,255,255,0.4); margin-right:30px;}
.basic button:hover{ background-color:rgba(53,201,216,0.6); cursor:pointer;}
.input_control label{ margin-left:30px;}


  
    .input_control::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
     /* WebKit browsers */ 
    color: #fff; 
    } 
    .input_control:-moz-placeholder, textarea:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
    } 
    .input_control::-moz-placeholder, textarea::-moz-placeholder { 
     /* Mozilla Firefox 19+ */ 
    color: #fff; 
    } 
    .input_control:-ms-input-placeholder, textarea:-ms-input-placeholder { 
     /* Internet Explorer 10+ */ 
    color: #fff; 
    } 
	
	.input_controls::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
     /* WebKit browsers */ 
    color: #fff; 
    } 
    .input_controls:-moz-placeholder, textarea:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
    } 
    .input_controls::-moz-placeholder, textarea::-moz-placeholder { 
     /* Mozilla Firefox 19+ */ 
    color: #fff; 
    } 
    .input_controls:-ms-input-placeholder, textarea:-ms-input-placeholder { 
     /* Internet Explorer 10+ */ 
    color: #fff; 
    } 


/* CSS Document */
.mmobie { display:none;}
@media (max-width: 768px){
.titles{ font-size:24px; color:#333; text-align:center; background:url(../images/titleline.png) no-repeat center center; line-height:36px; margin-top:30px;}
.descript{ font-size:14px; color:#666; text-align:center; line-height:30px; margin-bottom:20px;}

.product{ box-sizing: border-box; display: block;}
.product li{ width:50%; float:left; margin-right:0;flex: 1; margin-bottom: 25px;}
.product li a{ display: block; position: relative;width: 100%; height:auto; overflow: hidden;}

.pro_list{width: 100%; height:auto; overflow: hidden;}
.pro_list img{ width: 100%; height:auto; transition: all .5s linear;}
.footnav { display:none;}
.footer { padding-top:0px;}
#head-carousel #metro-carousel .video-item{opacity:1;width:auto;}
#head-carousel #metro-carousel .video-item > .video-item{width:33% !important;height:auto !important;margin:0;clear:both;}
#head-carousel .video-item{width:33%;height:auto;}
#head-carousel #metro-carousel .video-item .item-thumbnail{ width:74%;}
#head-carousel #metro-carousel .video-item .video-item .item-thumbnail { width:100%;}
#head-carousel #metro-carousel .video-item .item-thumbnail img{width:100%; height:auto;}
#head-carousel .is-carousel{height:300px;}
#slider { display:none;}
.mmobie { display:block;}
}