@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.jpg) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1030px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}

/*全局样式*/
header{width:100%; height:100px; padding-top:28px}
header .logo{float:left}
header .logo img{width:305px; height:44px;}
header .right{float:right;}
header .phone{background:url(../images/icon-call.png) no-repeat left center;padding-left:50px;font-size:18px;color:#27d40a;float:left; margin-top:-5px}
header .phone b{color:#b2b2b2; font-size:14px;}
header .phone:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

				@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
				10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
				100%{-webkit-transform:scale(1) rotate(0);}}

				/*火狐浏览器*/
				@-moz-keyframes tada{0%{-moz-transform:scale(1);}
				10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
				100%{-moz-transform:scale(1) rotate(0);}}
header form{float:right; border:1px solid #27d40a; width:280px; height:30px; margin-left:40px; margin-top:10px}
header form input{float:left; width:234px; height:100%; outline:none; border:0;font-size:14px; color:#999; padding:0 10px}
header form button{float:right;width:44px; height:100%; background:#27d40a url(../images/sou.png) no-repeat center center;outline:none; border:0;}
.icon-menu{color:#27d40a; font-size:40px;cursor:pointer; margin:10px 0 0 0}

/*手机导航*/
.nav1{width:125px;display:none; position:absolute; top:100px; right:0; z-index:99;}
.nav1 li{ width:100%;background:rgba(26,13,13,0.5);line-height:38px;text-align:center;font-size:14px;line-height:38px;font-weight:bold;margin-bottom:2px}
.nav1 li a{display:block;color:#fff;}
.nav1 li a:hover{ color:#27d40a;}


/*pc导航*/
.nav{ background:url(../images/nav-bg.png) repeat-x; width:100%;height:40px;text-align:center; }
.nav li{width:9%;float:left;font-size:14px; color:#fff; line-height:40px; border-right:1px solid #fff;position:relative}
.nav ul:first-child{border-left:1px solid #fff}
.nav li a{display:block; color:#fff;}
.nav .on,.nav li a:hover{ background:#117300;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:40px; z-index:99; display:none;}
.nav li .nav-zi li{background:url(../images/nav-bg.png) repeat-x;font-size:13px;line-height:40px;float:none; height:40px; border:0;width:100%; margin-top:2px}
.nav li .nav-zi li a{color:#fff; display:block;}
.nav li:hover .nav-zi{display:block}

/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}

/*主体内容*/

/*1、最新产品*/
.main1{margin-bottom:-15px}
.title{font-size:20px; color:#27d40a; line-height:24px; text-align:center; padding:40px 0 30px}
.title h4{background:url(../images/title.png) no-repeat center center;font-size:20px;font-weight:bold}


/*2、产品分类 选项卡 轮播*/
.navbox{ text-align:center; font-size:0; margin-bottom:30px}
.navbox .navli{display:inline-block; background:url(../images/navli.jpg) no-repeat; width:196px; height:45px; border-radius:5px; border:2px solid #27d40a; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:41px; margin:0 5px}
.navbox .navli.active{ color:#fde508}
.box-cont .lunbobox{display:none}
.box-cont .lunbobox.active{display:block}
.fenlei li{margin-bottom:10px}
#owl-demo2 .item,#owl-demo1 .item{margin:0 10px}
.show-box .imgbox,#owl-demo2 .item .imgbox,.case .imgbox,#owl-demo1 .item .imgbox{width:100%;height:auto; overflow:hidden;}
.show-box .imgbox .tu,#owl-demo2 .item .imgbox .tu,#owl-demo1 .item .imgbox .tu{width:100%;height:240px;overflow:hidden;border:2px solid #e0e0e0;position:relative}
.show-box .imgbox .tu .img,#owl-demo2 .item .imgbox .tu .img,#owl-demo1 .item .imgbox .tu .img{width:100%; height:100%}
.show-box .imgbox .tu .mask,#owl-demo2 .item .imgbox .tu .mask,#owl-demo1 .item .imgbox .tu .mask{ position:absolute; left:-100%; top:0;background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center center; width:100%; height:100%; display:block; font-size:14px; color:#fff; padding-top:65%;text-align:center;}
.show-box .imgbox h4,#owl-demo2 .item .imgbox h4,#owl-demo1 .item .imgbox h4{font-size:14px;color:#333;line-height:35px; text-align:center;}
.show-box .imgbox:hover .tu,#owl-demo2 .item .imgbox:hover .tu,#owl-demo1 .item .imgbox:hover .tu{border-color:#27d40a}
.show-box .imgbox:hover .tu .img,#owl-demo2 .item .imgbox:hover .tu .img,#owl-demo1 .item .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.show-box .imgbox:hover h4,#owl-demo2 .item .imgbox:hover h4,#owl-demo1 .item .imgbox:hover h4{color:#27d40a}
.show-box .imgbox:hover .tu .mask,#owl-demo2 .item .imgbox:hover .tu .mask,#owl-demo1 .item .imgbox:hover .tu .mask{left:0}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.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%}
.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}
.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)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.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-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/allow1.jpg) no-repeat left 45%;transition:all 2s;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow2.jpg) no-repeat right 45%;transition:all 2s;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);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);opacity:1}
.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}

/*3、公司动态*/
.dongtai{margin-bottom:40px}
.dongtai-box .imgbox,.dongtai .imgbox{display:block; border:1px solid #e6e6e6; padding:3px; position:relative; margin-bottom:30px}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:180px; height:140px; overflow:hidden; position:absolute;}
.dongtai-box .imgbox .tu .img,.dongtai .imgbox .tu .img{width:100%; height:100%;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{margin-left:195px; color:#333;line-height:24px; height:140px; margin-top:2px; margin-right:10px}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{font-size:18px;line-height:30px;}
.dongtai-box .imgbox .text span,.dongtai .imgbox .text span{ font-size:12px;}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{font-size:12px; color:#666;height:75px; overflow:hidden}
.dongtai-box .imgbox:hover,.dongtai .imgbox:hover{box-shadow:3px 3px 5px rgba(0,0,0,0.5); border-color:#27d40a;}
.dongtai-box .imgbox:hover .img,.dongtai .imgbox:hover .img{transform:scale(1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); color:#fff}
.dongtai-box .imgbox:hover .text .zi,.dongtai-box .imgbox:hover .text h4,.dongtai-box .imgbox:hover .text,.dongtai .imgbox:hover .text .zi,.dongtai .imgbox:hover .text h4,.dongtai .imgbox:hover .text{color:#27d40a}

/*4、案例展示*/
.case{background:url(../images/case-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding-bottom:40px}
.case .more{ display:block; margin:20px auto 0;width:200px; height:40px; background:#27d40a; border-radius:10px; font-size:14px; color:#fff; line-height:40px; text-align:center}
.case .more:hover{background:#117300}
/*全局样式*/
			/*大盒子*/
			.roll{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;}
			
			/*图片显示区*/
			.roll .wrap{width:100%;height:270px;margin:0 auto;position:relative;overflow:hidden;}
			.roll ul{position:absolute;top:0;left:0; }
			.roll li{float:left;width:231px;text-align:center; margin:0 10px }
			/*.roll li a:hover{position:relative;top:2px; }*/
			
.roll .imgbox{width:100%;height:auto; overflow:hidden;}
.roll .imgbox .tu{width:100%;height:240px;overflow:hidden;border:2px solid #e0e0e0;position:relative}
.roll .tu .img{width:100%; height:100%}
.roll .imgbox .tu .mask{ position:absolute; left:-100%; top:0;background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center center; width:100%; height:100%; display:block; font-size:14px; color:#fff; padding-top:65%;text-align:center;}
.roll .imgbox h4{font-size:14px;color:#333;line-height:35px; text-align:center;}
.roll .imgbox:hover .tu{border-color:#27d40a}
.roll .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.roll .imgbox:hover h4{color:#27d40a}
.roll .imgbox:hover .tu .mask{left:0}

/*5、联系我们*/
.contact{padding-bottom:50px}
.contact .left .text{ display:block;font-size:14px; color:#333; line-height:28px; height:200px; overflow:hidden; margin-bottom:30px}
.contact .left .tu{float:left; margin-right:20px}
.contact .left .tu img{ width:150px; height:150px; }
.contact .left .zi{float:left; font-size:14px; color:#333; line-height:24px; margin-top:10px}
.contact .right{margin-top:-8px}
.yuding .form-group,.contact .right .form-group{margin-bottom:0 !important}
.yuding label,.contact .right label{ padding-top:0 !important; text-align:left !important; font-size:14px; color:#333; height:34px; line-height:34px; font-weight:normal;}
.yuding input,.contact .right input{ background:#fff;height:37px; border:1px solid #27d40a;}
.yuding textarea,.contact .right textarea{ background:#fff;height:95px;border:1px solid #27d40a;}
.yuding button,.contact .right button{ width:100%;height:40px; color:#fff; background:#27d40a; border:none; margin-top:10px}
.yuding button:hover,.contact .right button:hover{ background:#262626;}


footer{ background:#27d40a; padding:20px 0; font-size:14px; color:#fff; line-height:22px; text-align:center;}
footer a{color:#fff}
footer a:hover{color:#fde508; text-decoration:underline !important}

.di{height:55px; background:#1a1a1a;position:fixed; bottom:0; left:0; z-index:99; width:100%;}
.di row span{font-size:16px; line-height:20px}
.di h6{font-size:14px; line-height:20px;}
.di .row div a{ height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#262626}

/*子页面*/
/*子页面*/
.main{ padding:22px 0 30px}
.main .left .menu{ background:#27d40a; width:100%; line-height:60px; color:#fff;font-size:24px; text-align:center}
/*二级下拉开始*/
.neiye-nav-con{background:#0187ce url(../images/icon1-zi.png) no-repeat 90% center; width:100%; height:40px; text-align:center;font-size:14px; line-height:40px;display:block; margin-top:2px; cursor:pointer}
.neiye-nav-con h5{ background:#8da289 url(../images/icon2.png) no-repeat 90% center;width:100%; height:40px; text-align:center;font-size:14px; line-height:38px; border:1px solid #ccc;display:block; margin-top:2px;}
.neiye-nav-con h5 a{display:block;color:#333;}
.navContent2{display:none;}
.navContent2 li a{background:#fff url(../images/icon1.png) no-repeat 90% center;display:block;text-align:center;line-height:35px;margin-top:2px;color:#333;border:1px solid #ccc;}
.navContent2 li a:hover{background:#e0e0e0 url(../images/icon1.png) no-repeat 90% center;color:#26b50d}
.navContent2 .active{background:#e0e0e0 url(../images/icon1.png) no-repeat 90% center; color:#26b50d}
.neiye .dizhi{background:#f7f7f7;padding:10px;line-height:25px;}
.neiye-nav-con.active{background:#0187ce url(../images/icon1-zi.png) no-repeat 90% center; width:100%; height:40px; text-align:center;font-size:14px; line-height:40px;display:block; margin-top:2px; color:#333}
/*二级下拉结束*/
/*.main .left ul{width:100%; padding-bottom:8px}
.main .left ul li{ background:#fff url(../images/icon1.png) no-repeat 90% center; width:100%; height:40px; text-align:center;font-size:14px; line-height:38px; border:1px solid #ccc;display:block; margin-top:2px}
.main .left ul li a{display:block;color:#333;}
.main .left ul li .on,.main .left ul li a:hover{ background:#ade8a5 url(../images/icon2.png) no-repeat 90% center;}*/

.main .left .lian{width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:3px;font-size:12px; color:#666; line-height:20px;}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:10px 14px 20px;}
.main .right .container-fluid{padding:0 15px !important}
.main .right .cont{ margin-top:20px}
.main .right .title-zi{ background:url(../images/title-zi.png) no-repeat left center; text-indent:45px;font-size:14px; color:#666;border-bottom:1px solid #666;}
.main .right .title-zi h4{font-size:18px;line-height:50px;font-weight:bold}
.main .right .title-zi span{margin-top:20px}
.main .right .title-zi a{color:#666}
.main .right .title-zi a:hover{color:#27d40a}
.about{ font-size:14px;color:#666; line-height:28px;}
.about h4{font-size:20px; color:#333; line-height:50px; text-align:center}
.about img{max-width:100%; height:auto; margin:10px auto 20px; display:block}

/*手机侧导航*/
.yddnav a{ display:block;}
.yddnav .xl,.yddnav .xlxl{ display:none;}
.yddnav{ margin:0 0 20px;}
.yddnav li{ margin-bottom:5px;}
.yddnav li a{font-size:18px;color:#fff; line-height:50px; background:#27d40a; text-align:center}
.yddnav span{ padding-left:40px;}
.yddnav b{ padding-right:30px; line-height:50px;}
.yddnav .xl{margin:0 0 2px 0; width:100%; }
.yddnav .xls{background:#d9d9d9; margin-bottom:5px; font-size:16px;display:block}
.yddnav .xls a{ color:#000;line-height:40px;}
.yddnav .xls a:hover{ background:#ade8a5;}
.yddnav .xls:hover{}

.call-us{font-size:16px; color:#323045; line-height:24px;}
.call-us img{max-width:100%; height:auto; margin:20px auto; display:block; border:2px solid #d4d4d4;}

/*预定*/
.yuding{width:70%; margin:0 auto}

.show-box .imgbox{margin-bottom:10px}


/*产品中心详情页*/
.show-main{width:80%; margin:0 auto}
.show-main h4{line-height:24px;}

/*产品中心*/
.produce-box .imgbox{ margin:0 0 10px;width:100%;height:auto; overflow:hidden;}
.produce-box .imgbox .tu{width:100%;height:176px;overflow:hidden;border:2px solid #334e76;background:#c7edfa;position:relative}
.produce-box .imgbox .tu .img{width:100%; height:100%}
.produce-box .imgbox .tu .mask{ position:absolute; left:-100%; top:0;background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center center; width:100%; height:100%; display:block;}
.produce-box .imgbox h4{font-size:14px;color:#333;line-height:35px; text-align:center;}
.produce-box .imgbox:hover h4{color:#334e76}
.produce-box .imgbox:hover .tu .mask{left:0}

/*新闻中心*/
.news-box .imgbox{ width:100%; height:auto; display:block;position:relative; margin-bottom:20px}
.news-box .tu{width:195px; height:154px; overflow:hidden;}
.news-box .tu .img{width:100%; height:100%;}
.news-box .imgbox:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .text{position:absolute; left:215px; top:0}
.news-box .text h4{ font-size:16px; color:#333; line-height:40px; font-weight:bold;}
.news-box .text .zi{font-size:12px; color:#666; line-height:24px; height:100px; overflow:hidden;}
.news-box .imgbox:hover h4{color:#0187ce}
.news-box .imgbox:hover .zi{color:#000}

@media (max-width:1150px){
.owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display:none}
}

@media (max-width:991px){
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:280px}
.show-box .imgbox h4, #owl-demo2 .item .imgbox h4, #owl-demo1 .item .imgbox h4{ font-size:15px; line-height:38px}
.show-box .imgbox .tu .mask, #owl-demo2 .item .imgbox .tu .mask, #owl-demo1 .item .imgbox .tu .mask{padding-top:60%}
.navbox{ margin-bottom:10px}
.navbox .navli{ margin-bottom:10px}
footer{ padding-bottom:72px}
.show-box .row{margin:0 -8px !important}
.show-box .col-md-4{padding:0 8px !important}
}

@media (max-width:767px){
header{height:80px; padding-top:18px}
.nav1{top:80px;}
.icon-menu{margin:8px 0 0 0}
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:330px}
.show-box .imgbox h4, #owl-demo2 .item .imgbox h4, #owl-demo1 .item .imgbox h4{ font-size:16px; line-height:40px}
.show-box .imgbox .tu .mask, #owl-demo2 .item .imgbox .tu .mask, #owl-demo1 .item .imgbox .tu .mask{padding-top:62%}
.dongtai-box .imgbox,.dongtai .imgbox{ margin-bottom:20px}
.yuding{width:80%;}
}

@media (max-width:600px){
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:280px}
.show-box .imgbox h4, #owl-demo2 .item .imgbox h4, #owl-demo1 .item .imgbox h4{ font-size:14px; line-height:35px}
.show-box .imgbox .tu .mask, #owl-demo2 .item .imgbox .tu .mask, #owl-demo1 .item .imgbox .tu .mask{padding-top:75%}
.yuding{width:100%;}
.show-main{width:100%;}
}


@media (max-width:479px){
header{height:70px; padding-top:15px}
header .logo img{width:280px; height:auto;}
.nav1{top:70px;}
.icon-menu{font-size:35px;margin:5px 0 0 0}
#owl-demo2 .item,#owl-demo1 .item{margin:0 6px}
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:240px}
.show-box .imgbox .tu .mask,#owl-demo2 .item .imgbox .tu .mask,#owl-demo1 .item .imgbox .tu .mask{background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center 40%;font-size:14px;padding-top:70%;}
.navbox .navli{width:160px; height:40px; line-height:36px; font-size:15px;}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:160px; height:120px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:120px; margin-left:175px; margin-top:0}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:26px}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{height:68px;}
.roll .wrap{width:100%;height:230px;}
.roll li{float:left;width:240px;margin:0 6px }
.roll .imgbox .tu{height:200px}
.roll .imgbox h4{ font-size:14px; line-height:30px}
.roll .imgbox .tu .mask{background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center 40%;font-size:14px;padding-top:50%;}
}

@media (max-width:400px){
header{height:55px; padding-top:10px}
header .logo img{width:230px;}
.nav1{top:55px;}
.icon-menu{font-size:28px;margin:5px 0 0 0}
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:200px}
.show-box .imgbox .tu .mask,#owl-demo2 .item .imgbox .tu .mask,#owl-demo1 .item .imgbox .tu .mask{background:rgba(0,0,0,0.6) url(../images/fang.png) no-repeat center 40%;padding-top:70%;}
.navbox .navli{width:140px; height:38px; line-height:36px; font-size:14px; border-width:1px; margin:0 3px 6px}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:140px; height:100px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:100px; margin-left:155px; line-height:23px;}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:28px; font-weight:bold}
.dongtai-box .imgbox .text span,.dongtai .imgbox .text span{display:none}
.roll .wrap{height:200px;}
.roll li{float:left;width:210px; }
.roll .imgbox .tu{height:175px}

}

@media (max-width:340px){
.show-box .imgbox .tu, #owl-demo2 .item .imgbox .tu, #owl-demo1 .item .imgbox .tu{height:180px}
.show-box .imgbox h4, #owl-demo2 .item .imgbox h4, #owl-demo1 .item .imgbox h4{ font-size:14px; line-height:35px}
.show-box .imgbox .tu .mask,#owl-demo2 .item .imgbox .tu .mask,#owl-demo1 .item .imgbox .tu .mask{padding-top:75%;}
.navbox .navli{width:120px; height:35px; line-height:33px;}
.dongtai-box .imgbox .tu,.dongtai .imgbox .tu{width:130px; height:90px;}
.dongtai-box .imgbox .text,.dongtai .imgbox .text{ height:90px; margin-left:140px; line-height:20px;}
.dongtai-box .imgbox .text h4,.dongtai .imgbox .text h4{ font-size:15px; line-height:26px}
.dongtai-box .imgbox .text .zi,.dongtai .imgbox .text .zi{height:60px;}
.roll .wrap{height:180px;}
.roll li{float:left;width:190px; }
.roll .imgbox .tu{height:150px}
}