@import url('common.css');
@import url('animate.css');
body{background:#ffffff;}
.indexleft{width:580px;float:left;overflow:hidden;}
.indexright{width:580px;float:right;overflow:hidden;}
.comtitle{overflow:hidden;background:url(/cms/image/titlebg.png) repeat-x left top;}
.comtitle h2{color:#333333;height:40px;line-height:40px;overflow:hidden;border-right:solid 1px #dddddd;}
.comtitle h2 a,.comtitle h2 a:active{color:#333333;}
.comtitle span.title{font-size:20px;background:url(/cms/image/title.png) no-repeat right top;display:block;float:left;padding:0 50px 0 20px;color:#ffffff;}
.comtitle span.title a,.comtitle span.title a:hover{color:#333333;}
.comtitle span{font-weight:normal;}
.comtitle em{font-style:normal;font-family:Arial;margin-left:0px;font-size:18px;color:#999999;}
.comtitle span.more{float:right;margin-right:20px;color:#999999;}
.comtitle span.more a{color:#999999;}
.comtitle span.more a:hover{color:#910000;}
h2.childitem{overflow:hidden;margin-bottom:50px;text-align:center;}
h2.childitem span{text-align:center;overflow:hidden;display:inline-block;height:42px;line-height:42px;margin:10px 10px 0 10px;}
h2.childitem span a{display:block;padding:0 10px;height:40px;line-height:40px;border:solid 1px #c9ae02;overflow:hidden;text-align:center;margin:0 auto;}
h2.childitem span a:hover{background:#c9ae02;color:#ffffff;}
.aboutwrap{overflow:hidden;background:#ffffff;position:relative;padding-top:50px;}
.aboutwrap .about{display:block;overflow:hidden;border:solid 1px #dddddd;border-top:0;padding:20px;}
.aboutwrap .about .jianjie{overflow:hidden;line-height:24px;height:336px;text-align:justify;}
.aboutwrap .about .aboutImg{margin-left:20px;overflow:hidden;float:right;width:240px;height:180px;}
.aboutwrap .about .aboutImg img{width:100%;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;overflow:hidden;}
.aboutwrap .about .aboutImg:hover img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.mask{width:100%;position:absolute;z-index:10;height:35px;line-height:35px;overflow:hidden;display:block;background:#dddddd;overflow:hidden;left:0px;bottom:0px;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.productwrap{overflow:hidden;background:#ffffff;position:relative;padding-top:50px;}
.productwrap .product{display:block;overflow:hidden;border:solid 1px #dddddd;border-top:0;padding:0 10px 30px 10px;}
.productwrap .product_ct{overflow:hidden;}
.productwrap .product .product_ct .item{overflow:hidden;width:25%;float:left;margin-top:30px;}
.productwrap .product .product_ct .item a{display:block;width:94%;margin:0 auto;overflow:hidden;background:#ffffff;position:relative;z-index:1;}
.productwrap .product .product_ct .item a p.im{display:block;background:#ffffff;overflow:hidden;}
.productwrap .product .product_ct .item a p.im span{display:block;overflow:hidden;}
.productwrap .product .product_ct .item a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.productwrap .product .product_ct .item a h3{text-align:center;width:100%;position:absolute;color:#333333;z-index:20;bottom:0px;left:0px;display:block;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;}
.productwrap .product .product_ct .item a:hover h3{color:#910000;}
.productwrap .product .product_ct .item a:hover{border-color:#cccccc;}
.productwrap .product .product_ct .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.productwrap .detail{overflow:hidden;text-align:center;}
.productwrap a.productMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;overflow:hidden;}
.productwrap a.productMore:hover{border:solid 1px #c9ae02;background:#c9ae02;color:#ffffff;}

.newswrap{overflow:hidden;position:relative;padding-top:50px;}
.news{display:block;overflow:hidden;border:solid 1px #dddddd;border-top:0;padding:20px;}
.news .news_ct{overflow:hidden;height:336px;}

.news a{display:block;overflow:hidden;position:relative;margin-bottom:15px;}
.news a p.time{display:block;width:60px;height:55px;background:#c9ae02;overflow:hidden;margin-right:20px;float:left;text-align:center;}
.news a p.time span{display:block;overflow:hidden;text-align:center;color:#ffffff;font-size:12px;}
.news a p.time span i{display:block;font-size:18px;font-weight:bold;margin-top:6px;}
.news a h3{height:21px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin-bottom:10px;color:#000000;}
.news a p.ct{color:#555555;font-size:14px;line-height:24px;height:24px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}


.technologywrap{overflow:hidden;position:relative;padding-top:50px;}
.technology{display:block;overflow:hidden;border:solid 1px #dddddd;border-top:0;padding:20px;}
.technology .technology_ct{overflow:hidden;height:615px;}
.technology .fg{margin-top:18px;height:18px;line-height:18px;font-size:14px;overflow:hidden;border-top:dashed 1px #cccccc;}
.technology a{display:block;overflow:hidden;position:relative;}
.technology a p.im{display:block;overflow:hidden;margin-right:20px;float:left;text-align:center;}
.technology a p.im span{display:block;overflow:hidden;text-align:center;color:#ffffff;width:124px;height:93px;}
.technology a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.technology a h3{height:21px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin-bottom:5px;color:#000000;}
.technology a p.ct{color:#555555;font-size:14px;line-height:22px;max-height:66px;overflow:hidden;text-overflow:ellipsis;}

.technology a:active h3,.technology a:hover h3{color:#910000;}
.technologywrap .detail{overflow:hidden;text-align:center;margin-top:30px;}

.casewrap{overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.casewrap .case{display:block;overflow:hidden;border:solid 1px #dddddd;border-top:0;padding:20px;}
.casewrap .case{overflow:hidden;}

.casewrap .case .case_ct{overflow:hidden;height:615px;}
.casewrap .case .case_ct .item{overflow:hidden;width:50%;float:left;margin-bottom:20px;}
.casewrap .case .case_ct .item a{display:block;width:95%;overflow:hidden;background:#ffffff;position:relative;z-index:1}
.casewrap .case .case_ct .item a p.im{display:block;background:#ffffff;overflow:hidden;}
.casewrap .case .case_ct .item a p.im span{display:block;overflow:hidden;}
.casewrap .case .case_ct .item a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.casewrap .case .case_ct .item a h3{width:100%;text-align:center;position:absolute;left:0;bottom:0;z-index:20;color:#333333;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;padding:0 10px;}
.casewrap .case .case_ct .item a:hover h3{color:#910000;}
.casewrap .case .case_ct .item1{width:100%;float:none;}
.casewrap .case .case_ct .item1 a{width:100%;}
.casewrap .case .case_ct .item1 a p.mask{width:100%;}
.casewrap .case .case_ct .item3 a{float:right;}

.casewrap .case .case_ct .item a p.ct{color:#888888;font-size:14px;line-height:24px;height:48px;overflow:hidden;padding:0 10px;margin-bottom:10px;}
.casewrap .case .case_ct .item a:hover{border-color:#cccccc;}
.casewrap .case .case_ct .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.casewrap .detail{overflow:hidden;text-align:center;}
.casewrap a.caseMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;overflow:hidden;}
.casewrap a.caseMore:hover{border:solid 1px #c9ae02;background:#c9ae02;color:#ffffff;}

@media only screen and (max-width:767px) 
{
.indexleft,.indexright{float:none;width:100%;}
.comtitle span.title{font-size:2rem;padding:0 3rem 0 1rem;}
.comtitle em{font-size:1.6rem;}
.comtitle h2{border:0;}
.comtitle span.more{font-size:1.4rem;margin-right:1rem;}
.newswrap{overflow:hidden;position:relative;padding-top:2rem;}
.news{border:0;padding:2rem 2rem 0 2rem;}
.news .news_ct{height:auto;}

.news a{margin-bottom:1rem;}
.news a p.time{width:6rem;height:5rem;margin-right:1rem;}
.news a p.time span{font-size:1.2rem;}
.news a p.time span i{display:block;font-size:1.8rem;margin-top:0.6rem;}
.news a h3{height:2.1rem;line-height:2.1rem;font-size:1.6rem;margin-bottom:0.5rem;}
.news a p.ct{font-size:1.4rem;line-height:2.4rem;height:2.4rem;}
.news a:active h3{color:#910000;}

.aboutwrap{padding-top:2rem;}
.aboutwrap .about{padding:2rem 2rem 0 2rem;border:0;}
.aboutwrap .about .jianjie{line-height:1.8;height:auto;}
.aboutwrap .about .aboutImg{margin-left:1rem;width:30%;height:auto;}
.mask{height:3.5rem;line-height:3.5rem;}
.productwrap{padding-top:2rem;}
.productwrap .product{border:0;padding:0 1rem;}
.productwrap .product .product_ct .item{width:50%;margin-top:2rem;}
.productwrap .product .product_ct .item a{width:90%;}
.productwrap .product .product_ct .item a h3{height:3.5rem;line-height:3.5rem;font-size:1.6rem;padding:0;}
.productwrap .product .product_ct .item a:active h3{color:#910000;}

.technologywrap{padding-top:2rem;}
.technology{border:0;padding:2rem 2rem 0 2rem;}
.technology .technology_ct{height:auto;}
.technology .fg{margin-top:2rem;height:2rem;line-height:2rem;font-size:0.5rem;}
.technology a p.im{margin-right:1rem;}
.technology a p.im span{width:12.4rem;height:9.3rem;}
.technology a h3{height:2.1rem;line-height:2.1rem;font-size:1.6rem;margin-bottom:0.5;}
.technology a p.ct{font-size:1.4rem;line-height:2.2rem;max-height:6.6rem;}
.technology a:active h3{color:#910000;}

.casewrap{padding:2rem 0;}
.casewrap .case{border:0;padding:2rem;}
.casewrap .case .case_ct{height:auto;}
.casewrap .case .case_ct .item{width:50%;margin-bottom:2rem;}
.casewrap .case .case_ct .item a{width:95%;}
.casewrap .case .case_ct .item a p.mask{width:100%;}
.casewrap .case .case_ct .item a h3{height:3.5rem;line-height:3.5rem;font-size:1.6rem;padding:0;}
.casewrap .case .case_ct .item a:active h3{color:#910000;}
.casewrap .case .case_ct .item1{width:100%;}
.casewrap .case .case_ct .item1 a{width:100%;}
}

@media only screen and (max-width:375px) 
{
.news{border:0;padding:2rem 1rem 0 1rem;}
.news a p.time{width:5rem;height:4.5rem;margin-right:1rem;}
.news a h3{margin-bottom:0.3rem;}

.aboutwrap{padding-top:2rem;}
.aboutwrap .about{padding:2rem 1rem 0 1rem;}
.aboutwrap .about .aboutImg{margin-left:0;margin-bottom:1rem;float:none;width:100%;height:auto;}
.mask{height:3.5rem;line-height:3.5rem;}
.productwrap{padding-top:2rem;}
.productwrap .product{border:0;padding:0 1rem;}
.productwrap .product .product_ct .item{width:100%;margin-top:2rem;}
.productwrap .product .product_ct .item a{width:100%;}

.technologywrap{padding-top:2rem;}
.technology{border:0;padding:2rem 1rem 0 1rem;}
.technology .fg{margin-top:2rem;height:2rem;line-height:2rem;font-size:0.5rem;}
.technology a p.im{margin-right:1rem;}
.technology a p.im span{width:10rem;height:7.5rem;}
.technology a h3{height:2.1rem;line-height:2.1rem;font-size:1.6rem;margin-bottom:0.5;}
.technology a p.ct{font-size:1.4rem;line-height:2.4rem;max-height:4.8rem;}
.technology a:active h3{color:#910000;}

.casewrap{padding:2rem 0;}
.casewrap .case{border:0;padding:2rem 1rem;}
.casewrap .case .case_ct{height:auto;}
.casewrap .case .case_ct .item{width:100%;margin-bottom:2rem;}
.casewrap .case .case_ct .item a{width:100%;}
}