@import url('common.css');
@import url('animate.css');
body{background:#ffffff;}
.bottombg{background:#f5f5f5;border:0;}
.indexLeft{width:48%;overflow:hidden;float:left;}
.indexRight{width:48%;overflow:hidden;float:right;}
.mask{background: #000000;bottom:0;display:block;height:40px;left:0;line-height:40px;opacity:0.8;overflow:hidden;position:absolute;width:100%;z-index:10;}
h2.icategory{overflow:hidden;font-size:14px;text-align:center;color:#333333;line-height:30px;margin-top:30px;}
h2.icategory a{color:#333333;overflow:hidden;background:#e6e6e6;display:inline-block;padding:0 15px;
                   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
h2.icategory a.on,h2.icategory a:hover{color:#ffffff;background:#3f81bd;}
h2.icategory i{display: inline-block;width:1px;height:30px;margin: 0 10px;}
.childitem_ct{display:none;}
.comtitle{overflow:hidden;margin-bottom:0;text-align:center;}
.comtitle h2{font-size:28px;line-height:1.1;font-weight:500;color:#3f81bd;overflow:hidden;}
.comtitle h2 a,.comtitle h2 a:hover{color:#3f81bd;}
.comtitle p{font-size:18px;line-height:24px;color:#666666;text-transform:uppercase;font-family:Arial;margin-top:10px;}
.comtitle p span{display:inline-block;overflow:hidden;letter-spacing:1px;background:url(/cms/image/l.png) repeat-x center center;padding:0 30px;}
.comtitle p span a,.comtitle p span a:hover{color:#666666;background:#ffffff;display:inline-block;padding:0 10px;}
.aboutwrap{overflow:hidden;padding:80px 0;min-width: 980px;}
.aboutwrap .about{overflow:hidden;margin-top:50px;}
.aboutwrap .about .jianjie{overflow:hidden;color:#666666;line-height:30px;font-size:16px;text-align:justify;}
.aboutwrap .about .jianjie h2{border-bottom:solid 1px #dddddd;margin-bottom:20px;padding-bottom:15px;overflow:hidden;}
.aboutwrap .about .jianjie h2 span{color:#333333;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:24px;}

.aboutwrap .about .jianjie .im{float:left;width:500px;margin-right:30px;overflow:hidden;padding: 0 14px 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.aboutwrap .about .jianjie .im img{overflow:hidden;width:100%;-webkit-box-shadow: 14px 14px #c90000;
     box-shadow: 14px 14px #000000;}
.aboutwrap .detail{overflow:hidden;margin-top:50px;text-align:center;}
.aboutwrap .detail a{font-size:16px;box-sizing:border-box;color:#ffffff;background:#666666;display:block;margin:0 auto;width:160px;height:45px;line-height:45px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.aboutwrap .detail a::after {background-color:#3f81bd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.aboutwrap .detail a:hover::after{width:100%;}
.aboutwrap .detail a:hover{border-color:#3f81bd;color:#ffffff;}
.culturewrap{overflow:hidden;padding:80px 0;background:#f9f9f9 url(/cms/image/culture.jpg) no-repeat center bottom;background-size:cover;min-width: 980px;}
.culturewrap .comtitle p span a{background:#f9f9f9;}
.culture{overflow:hidden;}
.culturewrap .zu{overflow:hidden;width:85%;margin:0 auto;margin-top:30px;}
.culturewrap .zu ul{overflow:hidden;}
.culturewrap .zu ul li{text-align:center;display:block;float:left;width:20%;font-size:14px;margin:15px 0;vertical-align:top;overflow:hidden;}
.culturewrap .zu ul li p{border-radius:100%;border:1px solid #ddd;width:110px;height:110px;margin:0 auto;box-sizing:border-box;overflow:hidden;}
.culturewrap .zu ul li p span{overflow:hidden;display:block;width:70px;height:70px;margin:20px auto;}
.culturewrap .zu ul li p span img{width:70px;height:70px;overflow:hidden;}
.culturewrap .zu ul li p em{display:block;color:#999;margin-top:5px;line-height:24px;overflow:hidden;}
.culturewrap .zu ul li h2{font-size:24px;color:#333333;margin-top:15px;overflow:hidden;}
.culturewrap .zu ul li h3{font-size:16px;color:#666;margin-top:15px;overflow:hidden;}
.culturewrap .detail{overflow:hidden;margin-top:50px;text-align:center;}
.culturewrap .detail a{font-size:16px;box-sizing:border-box;color:#ffffff;background:#666666;display:block;margin:0 auto;width:160px;height:45px;line-height:45px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.culturewrap .detail a::after {background-color:#3f81bd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.culturewrap .detail a:hover::after{width:100%;}
.culturewrap .detail a:hover{border-color:#3f81bd;color:#ffffff;}

.productswrap{overflow:hidden;padding:80px 0;min-width: 980px;}
.products{overflow:hidden;margin-top:20px;}
.products .item{display:block;float:left;width:30%;margin-right:5%;overflow:hidden;margin-top:30px;}
.products .mr0{margin-right:0;}
.products .item a{display:block;overflow:hidden;}
.products .item a .im{display:block;overflow:hidden;margin-bottom:0;border:solid 1px #e7f1f8;box-sizing:border-box;position:relative;}
.products .item a .im span{display:block;overflow:hidden;border:0;}
.products .item a .im span img{display:block;width:100%;overflow:hidden;}
.products .item a .im .ctbg{position:absolute;left:0;top:0;right:0;bottom:0;display:block;height:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;}
.products .item a .im .ct{position:absolute;left:1000px;top:50%;margin-top:-58px;
                              display:block;height:100%;color:#ffffff;text-align:justify;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;padding:0 15px;}

.products .item a:hover .im .ctbg{opacity:1;background:rgba(78,85,96,0.8);}
.products .item a:hover .im .ct{opacity:1;left:0;}
.products .item a .im .ct span{font-size:14px;height:66px;line-height:22px;word-wrap: break-word;margin-bottom:10px;overflow:hidden;}
.products .item a .im .ct em{display:block;overflow:hidden;text-align:center;}
.products .item a .im .ct em img{width:40px;}

.products .item a h3{position:relative;padding-right:90px;text-align:left;color:#555555;margin-top:10px;height:24px;line-height:24px;overflow:hidden;font-size:16px;}
.products .item a h3 span{display:block;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;}

.products .item a h3 em{position:absolute;right:0;top:0;color:#3f81bd;}
.products .item a h4{text-align:center;color:#555555;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;}
.products .item a:hover h3,.products .item a:hover h4{color:#3f81bd;}
.productswrap .detail{overflow:hidden;margin-top:50px;text-align:center;}
.productswrap .detail a{font-size:16px;box-sizing:border-box;color:#ffffff;background:#666666;display:block;margin:0 auto;width:160px;height:45px;line-height:45px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.productswrap .detail a::after {background-color:#3f81bd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.productswrap .detail a:hover::after{width:100%;}
.productswrap .detail a:hover{border-color:#3f81bd;color:#ffffff;}
 
.advLeft{float:left;overflow:hidden;width:470px;height:290px;}
.advRight{overflow:hidden;padding-left:20px;height:290px;position:relative;}
.casewrap{overflow:hidden;position:relative;padding:50px 0;min-width: 980px;}
.casewrap .case{overflow:hidden;}
.casewrap .case .item{overflow:hidden;width:30%;float:left;margin-right:5%;margin-top:30px;}
.casewrap .case .mr0{margin-right:0;}
.casewrap .case .item a{display:block;overflow:hidden;}
.casewrap .case .item a p.im{display:block;background:#dddddd;overflow:hidden;padding:0px;margin-bottom:0;}
.casewrap .case .item a p.im span{display:block;overflow:hidden;}
.casewrap .case .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 .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 .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.casewrap .case .item a h3{overflow:hidden;margin-top:10px;}
.casewrap .case .item a h3 span{display:block;padding:0;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;}
.casewrap .case .item a p.ct{word-wrap: break-word;display:block;height:44px;line-height:22px;overflow:hidden;color:#777777;font-size:14px;}



.linkwrap{overflow:hidden;position:relative;margin-bottom:50px;min-width:980px;}
.linkwrap .link{display:block;overflow:hidden;box-sizing: border-box;border:solid 1px #dddddd;position:relative;overflow:hidden;}
.linkwrap .link span{position:absolute;z-index:10;left:0;top:0;background:#d81b43;height:100%;width:80px;}
.linkwrap .link span em{position:absolute;z-index:10;left:50%;margin-left:-20px;top:50%;margin-top:-20px;color:#ffffff;width:40px;height:40px;text-align:center;font-size:18px;line-height:20px;}
.linkwrap .link .linkct{padding:5px 5px 5px 80px;overflow:hidden;min-height:50px;line-height:25px;}
.linkwrap .link a{display:inline-block;margin-left:15px;}