@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff}
*{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{color:#fff !important;outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !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{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}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.b{font-weight:normal !important}


header{background:#f2f2f2; width:100%; height:100px}
.logo img{ width:456px; height:73px;margin-top:14px;}
.logo-right{margin-top:15px;border:2px solid #cbcbcb; border-radius:5px; padding:8px 18px;}
.logo-right .call{background:url(../images/icon-call.png) no-repeat 0 5px; padding-left:30px;font-size:16px; color:#665633;  }
.logo-right h1{font-size:26px; font-weight:bold; color:#7ab11c}
.icon-menu{ margin:15px 20px 0 0; cursor:pointer; font-size:40px; color:#3c276e}
/*pc导航*/
.nav{background:url(../images/nav-bg.jpg);width:100%; height:50px;}
.nav ul{width:1000px; margin:0 auto}
.nav li{font-size:14px; line-height:50px; text-align:center; width:125px;display:block;float:left; position:relative}
.nav li a{display:block;color:#fff;}
.nav .on,.nav li a:hover{background-color:#588013; background-image:none}
.icon-menu{color:#7cb41c; font-size:40px;cursor:pointer; margin:35px 20px 0 0}
/*pc导航二级下拉*/
.nav li .nav-zi{position:absolute; left:0; top:50px; width:100%; background:#588013; z-index:99; display:none}
.nav li .nav-zi li{font-size:13px; color:#fff; line-height:38px; height:38px;border-top:1px solid #fff}
.nav li .nav-zi li a:hover{color:#000;}
.nav li:hover .nav-zi{ display:block}/*手机导航*/
.nav1{width:100%;display:none;}
.nav1 li{background:rgba(0,0,0,0.6); font-size:14px; color:#fff; line-height:40px; text-align:center;display:block; border-bottom:1px solid #ccc}
.nav1 li a{color:#fff; display:block}
.nav1 li a:hover{background:rgba(128,117,117,0.7);}


/*b-2*/
.bannerbox2{ position:relative; max-width:100%;}
.bannerbox2 .owl-theme .owl-controls{ position:absolute; left:0; bottom:2%; width:100%; z-index:2; text-align:center;}
.bannerbox2 .owl-theme .owl-controls .owl-page span{ background:#fff; opacity:1;}
.bannerbox2 .owl-theme .owl-controls .owl-page.active span{ background:#dab37b;}

/*主体内容*/
/*01、特色服务*/
.main1{ width:100%;padding-bottom:30px}
.title{padding:50px 0 30px 0;font-size:20px;color:#808080; text-align:center; font-weight:700;}
.title h5{ background:url(../images/title.png) no-repeat center center; color:#78ad1b; font-size:20px;font-weight:700;}
/*服务项目 轮播*/
.content2{padding-top:18px;}
#owl-demo3 .item,#owl-demo2 .item{ margin:6px 10px;transition:all 0.3s; }
#owl-demo3 .item .imgbox,#owl-demo2 .item .imgbox{ margin:0; width:100%; height:auto; overflow:hidden; border:1px solid #78ad1b; padding:1px;position:relative }
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{width:100%;height:180px; overflow:hidden;}
#owl-demo3 .item .imgbox .tu span,#owl-demo2 .item .imgbox .tu span{width:100%;height:100%; display:block;}
#owl-demo3 .item h4,#owl-demo2 .item h4{padding:1px;  width:100%; font-size:14px; line-height:38px; background:rgba(0,0,0,0.7); color:#fff;text-align:center; position:absolute; left:1px; bottom:1px;}
#owl-demo3 .item li:hover .tu span,#owl-demo2 .item:hover .tu span{ transform:scale(1.2);}
#owl-demo3 .item li:hover h4,#owl-demo2 .item:hover h4{ color:#78ad1b;}
.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.png) no-repeat left;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow2.png) no-repeat right;}
.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}
/*.owl-item.loading{min-height:150px;background:url(images/AjaxLoader.gif) no-repeat center center}*/


/*02、关于我们*/
.main2{ background:url(../images/main2.jpg) center center; background-size:cover; width:100%; height:auto; padding:0 0 50px;}
.jianjie .tu{width:100%; height:auto}
.jianjie .tu span{width:100%; height:225px; display:block; border:3px solid #78ad1b;}
/*公司介绍图片点击特效*/
		/*显示线条*/
		.jianjie .tu .text::before,.jianjie .tu .text::after{position:absolute;content:'';opacity:0;
		-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;
		-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}

		/*上下两条线*/
		.jianjie .tu .text::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #c922e2;border-bottom:1px solid #c922e2;
			-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);
			-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

		/*左右两条线*/
		.jianjie .tu .text::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #c922e2;border-left:1px solid #c922e2;
			-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);
			-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

		/*鼠标划过线条放大效果*/
		.jianjie .tu:hover .text::before,.jianjie .tu:hover .text::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);
			-o-transform:scale(1);transform:scale(1)}

		/*文字定义参数*/
		.jianjie .tu b{font-size:20px; font-weight:normal;position:absolute;left:15%;top:80%;opacity:0;color:#fff; text-shadow:2px 2px 2px #c922e2}

		/*鼠标划过显示文字*/
		.jianjie .tu:hover b{top:60%;opacity:1;}
.jianjie .text h4{background:url(../images/tu-h1.png) no-repeat left center;font-size:18px; color:#7cb41c; text-indent:18px; line-height:35px;}
.jianjie .text p{font-size:14px; color:#fff; line-height:28px; height:140px; overflow:hidden}
/*点击按钮特效*/
#more {width:40%;height:28px;line-height:28px;text-align:center;color:#fff;border-radius:30px;margin-top:15px;background:#78ad1b;font-size:14px;font-family:"Arial Regular";-webkit-transition: -webkit-box-shadow .3s;-webkit-transition: box-shadow .3s;transition: box-shadow .3s;}
#more:hover{box-shadow: 0 0 0 2px #d2f495, 0 0 0 4px #507a08;-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
@keyframes gelatine {from,to{-webkit-transform: scale(1, 1);transform: scale(1, 1);}25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}}


/*03、企业新闻*/
.news .left{ width:100%; height:auto; overflow:hidden}
.news .left .tu{width:100%; height:auto; overflow:hidden}
.news .left .tu span{ width:100%; height:300px; display:block}
.news .left .tu:hover span{transform:scale(1.1)}
.news .left .text h4{font-size:16px; color:#333; line-height:35px; border-bottom:1px solid #ccc;}
.news .right .text h4 span,.news .left .text h4 span{font-size:12px; color:#808080}
.news .left .text b{ font-size:12px; color:#808080; line-height:20px; display:block; height:40px; overflow:hidden}
.news .left:hover .text b{color:#78ad1b}
.news .left:hover .text h4{color:#78ad1b;font-size:17px;}
.news .right{ width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:2px; margin-bottom:20px;}
.news .right .text{width:80%; float:left; padding:10px 15px 12px;}
.news .right .tu{width:20%; float:right}
.news .right .tu span{ width:100%; height:104px; display:block}
.news .right .text h4{font-size:16px; color:#333; line-height:35px;}
.news .right .text b{ font-size:12px; color:#666; line-height:20px; display:block; margin:5px 0 0; height:40px; overflow:hidden}
.news .right:hover{background:#78ad1b; box-shadow:5px 5px 8px #868686}
.news .right:hover .text h4{color:#fff;}
.news .right:hover .text h4 span{color:#fff;}
.news .right:hover .text b{color:#fff;}


/*05、客户案例*/
#owl-demo3 .item li{margin-bottom:20px}

/*底部信息*/
footer{background:#333; padding:30px 0; color:#fff}
footer .left{width:120px; float:left;}
footer .left img{width:100%; height:120px;}
footer .right{ width:848px; float:right}
footer .right h4{ clear:both; color:#fff; font-size:20px; line-height:35px;}
footer .right ul{ margin-top:10px;}
footer .right ul li{font-size:14px; color:#fff; line-height:24px; width:310px; float:left}
footer .right h5{clear:both; font-size:14px; line-height:40px}
footer .shou a,footer .right h5 a{color:#fff}
footer .shou a:hover,footer .right h5 a:hover{color:#78ad1b; text-decoration:underline !important}
footer .shou{clear:both; font-size:14px; line-height:40px; text-align:center}
footer .shou img{ width:120px; height:120px; margin-bottom:10px}

.di{height:55px; background:#7cb41c;position:fixed; bottom:0; left:0; z-index:99; width:100%}
.di row span{font-size:16px; line-height:20px}
.di h6{font-size:12px; line-height:20px; font-family:"宋体"}
.di .row div a{ height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#95d921}

/*子页面*/
/*1、产品展示*/
.main{padding:30px 0 40px}
.main-left .menu{background:#78ad1b url(../images/icon.png) no-repeat 28px 12px; width:100%; height:42px; text-indent:65px;font-size:18px; line-height:42px; color:#fff; float:left; margin:0 auto 2px auto}
.main-left .menu-zi{width:100%; clear:both; padding-bottom:8px}
.main-left .menu-zi li{ background:#e6e6e6 url(../images/icon01.png) no-repeat 28px 10px; width:100%; height:40px; text-indent:70px;font-size:14px; line-height:40px; color:#333; margin:2px 0; display:block}
.main-left .menu-zi li a{display:block; color:#000;}
.main-left .menu-zi li:hover{background:#c8d7ad url(../images/icon01.png) no-repeat 28px 10px; display:block}
.main-left .xl{ margin:0 0 -2px; height:auto;overflow:hidden;}
.main-left .xlxl{ background:#f2f2f2; margin:0 0 2px; height:auto;text-indent:70px;line-height:30px;}
.main-left .xlxlhide{ height:0; overflow:hidden;}
.main-left .xlxl a{ display:block; font-size:14px; color:#666; line-height:35px;background:#f2f2f2; transition:all 0.3s;}
.main-left .xlxl a:hover{ color:#78ad1b;background:#e7e6e9;}
.main-left .xlxl a.active{ color:#fff;background:#2a97c2;}
.main-left .call{width:100%; height:auto; overflow:hidden;border:1px solid #ddd;}
.main-left .call img{width:100%; height:79px; padding:2px}
.main-left .call .text{ background:#f1f1f1; padding:10px 10px 30px; font-size:13px; color:#666; line-height:20px;}
.main-right{width:100%}
.main-right h1{width:100%;height:40px; border-bottom:1px solid #ccc; line-height:40px;overflow:hidden;font-size:16px; color:#666;}
.main-right h1 a{color:#666}
.main-right h1 a:hover{ color:#3c1a80}
.main-right .row{ margin-top:30px}
.main-right .show{transition:all 0.3s;}
.main-right .show .imgbox{ margin:0 0 30px;width:100%; height:auto; overflow:hidden; border:1px solid #78ad1b; padding:1px;position:relative}
.main-right .show .imgbox .tu{width:100%;height:180px; overflow:hidden;}
.main-right .show .imgbox .tu span{width:100%;height:100%;  display:block;}
.main-right .show .imgbox h4{ padding:1px;  width:100%; font-size:14px; line-height:38px; background:rgba(0,0,0,0.7); color:#fff;text-align:center; position:absolute; left:1px; bottom:1px;}
.main-right .show a{text-decoration:none}
.main-right .show:hover .imgbox span{ transform:scale(1.2);}
.main-right .show:hover h4{color:#78ad1b;}

/*手机侧导航*/
.subnav .yddnav li{height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; text-align:center; line-height:50px;}
.subnav .yddnav li a.active{ background:#7cb41c;}
.subnav .yddnav span{ padding-left:40px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 20px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#95a972; margin-bottom:2px}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden; margin-bottom:0;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#dee6cf; border-bottom:1px solid #7cb41c;}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}


/*2、产品展示详情页*/
.show-tu{ width:80%; margin:0 auto; color:#333; line-height:24px;}
.show-tu img{width:100%; height:auto; border:1px solid #ccc; padding:1px; margin:5px 0}
.show-tu h4{font-size:20px; line-height:35px; text-align:center}
.page{ width:50%}
.page ul{width:100%}
.page ul li{ width:45%; margin-left:5%; background:#ccc; font-size:14px;line-height:28px; text-align:center; float:left}
.page ul li a{display:block; color:#333; }
.page ul li a:hover,.page ul li a.active{background:#78ad1b; color:#fff}


/*3、公司简介*/
.about{width:100%; clear:both; font-size:14px; color:#666; line-height:28px}
.about p{ margin:0}
.about h4{ text-align:center; font-size:20px; color:#333; line-height:40px}

/*4、联系我们*/
.map img{width:100%; margin:15px auto 0; border:1px solid #d4d4d4; clear:both}
.call2{ width:100%;font-size:16px; line-height:24px; color:#323045;}

/*5、新闻动态*/
.xinwen{ width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:2px; margin-bottom:20px;}
.xinwen .left{width:35%;}
.xinwen .tu{width:100%; height:104px; }
.xinwen .right{width:65%; padding:5px 10px 10px}
.xinwen .right h4{font-size:16px; color:#333; line-height:30px;}
.xinwen .right h5{font-size:12px}
.xinwen .right h5 a{color:#999;}
.xinwen .right b{ font-size:12px; color:#666; line-height:20px; display:block; margin:5px 0 0; height:40px; overflow:hidden}
.xinwen:hover{background:#78ad1b; box-shadow:5px 5px 8px #868686}
.xinwen:hover .right h4{color:#fff;}
.xinwen:hover .right h5{color:#fff;}
.xinwen:hover .right b{color:#fff;}


@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){
header .logo{margin-left:20px}
.nav1{width:100%; position:absolute; top:100px; z-index:999}
footer{padding:30px 0 70px;}
.main-right .row{ margin-top:0}
.main-right .show .imgbox .tu{height:280px}
.show-tu{width:90%; margin:0 auto}
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:220px; overflow:hidden}
}

@media (max-width:767px){
header{height:80px;}
header .logo img{width:400px; height:auto; margin-top:8px;}
.icon-menu{font-size:30px;margin:25px 20px 0 0}
.nav1{width:100%; position:absolute; top:80px; z-index:999}
#owl-demo2 .item .imgbox .tu{height:240px; overflow:hidden}
.jianjie .tu{ margin-bottom:10px}
.jianjie .tu span{ height:200px;}
.news .left{ margin-bottom:20px;}
.news .left .tu span{ height:250px;}
.news .right .text{float:right}
.news .right .tu{float:left; }
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:200px; overflow:hidden}
.main-right .show .imgbox .tu{height:240px}
.xinwen .left{width:20%;}
.xinwen .right{width:80%;}
}

@media (max-width:600px){
header{height:70px;}
header .logo img{width:350px; height:auto;}
.nav1{width:100%; position:absolute; top:70px; z-index:999}
.icon-menu{font-size:25px;}
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:200px; overflow:hidden}
.news .right .text{width:70%;padding:5px 10px 8px;}
.news .right .tu{width:30%;}
.news .right .tu span{height:100px;}

.main{padding:30px 0}
.yddnav{ margin:0 0 20px;}
.yddnav li{ margin-bottom:5px;}
.yddnav li a{font-size:18px;color:#fff; line-height:50px;}
.yddnav b{ padding-right:30px; line-height:50px;}
.main-right .show .imgbox .tu{height:200px}
.xinwen .left{width:25%;}
.xinwen .right{width:75%;}
}

@media (max-width:479px){
header{height:55px;}
header .logo img{width:280px;}
.icon-menu{font-size:20px; margin:20px 15px 0 0}
.nav1{width:100%; position:absolute; top:55px; z-index:999}
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:260px; overflow:hidden}
.jianjie .tu span{ height:180px;}
.jianjie .text p{font-size:13px;line-height:24px; height:120px; overflow:hidden}
.jianjie .tu b{font-size:15px;}
.news .left .tu span{ height:200px; display:block}
.xinwen .left{width:30%;}
.xinwen .left .tu{height:95px}
.xinwen .right{width:70%; padding:0 10px 10px}
.xinwen .right b{ line-height:20px;  margin:5px 0 0; height:36px; overflow:hidden}
.main-right .show .imgbox .tu{height:160px}
}

@media (max-width:400px){
header .logo{ margin-left:10px}
header .logo img{width:290px; margin-top:5px;}
.icon-menu{font-size:18px;}
.jianjie .tu span{ height:150px;}
.news .right .tu span{height:90px;}
.news .right .text{ padding:5px}
.news .right .text h4{font-size:14px; line-height:30px;}
.news .right .text b{margin:2px 0 0; height:40px; overflow:hidden}
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:230px; overflow:hidden}
.main-right .row{ margin-top:-10px}
.subnav{margin:0 -10px}
.main-right .row .col-sm-6{padding:0 5px}
.main-right .show .imgbox{ margin:0 0 12px;}
.main-right .show .imgbox .tu{height:140px;}
.main-right .show .imgbox h4{ font-size:12px; line-height:34px;}
.main{padding:20px 0}
.xinwen .left .tu{height:88px}
.xinwen .right h5{display:none}
.xinwen .right{padding:5px 10px 10px}
.xinwen .right b{margin:0;}
}

@media (max-width:340px){
header .logo img{width:260px;}
footer .shou h5,footer .shou{ font-size:12px; line-height:30px;}
.nav1 li{font-size:12px;line-height:30px;} 
.jianjie .tu span{ height:140px;}
.main-right .show .imgbox .tu{height:120px}
.main-right .show .imgbox h4{ font-size:12px; line-height:34px;}
.news .right .tu span{height:80px;}
.page ul li{font-size:12px; line-height:26px}
.xinwen .left{width:40%;}
.xinwen .left .tu{height:88px}
.xinwen .right{width:60%}
#owl-demo3 .item .imgbox .tu,#owl-demo2 .item .imgbox .tu{height:200px; overflow:hidden}
}
