/* CSS Document */
html{ height:100%; border:none;}
body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:16px; color:#232323; font-family:Arial, "microsoft yahei"; background:#FFF;}
div,ul,li,img,dl,dd,dt,p,h2,h3,h4{ padding:0; margin:0; border:none;}
ul,dl{list-style-type:none;}
a{ color:#232323; text-decoration:none;}
a:hover{ color:#1a1a1a; text-decoration:none;}
.clear{ clear:both;}
.header{ height:179px; width:100%; position:relative;}
#logo{ height:119px; width:1200px;margin:0 auto;}
#logo .left{ float:left; width:550px; height:120px; }
#logo .left img{ margin-top:20px;}
#logo .right{float:right; width:240px; height:119px; background:url(../images/tel.jpg) no-repeat left center ; position: relative; }
#logo .right span{ font-family: Georgia; font-size: 22px; position: absolute; left:45px; top:50px;}
#logo .tel{ height:54px; color:#666666; font-size:14px; background: url("../images/tel.jpg") no-repeat 0 7px; padding-left: 40px; margin-top: 40px;}
#logo .tel i{display:block;font-size:24px;color:#db261d; font-weight: bold; font-style: italic;}
.navbg{ background: #3a3a3a; height: 60px; width: 100%; }
.nav{ height:60px; width:1200px; margin: 0 auto; line-height:60px; overflow:hidden; }
.nav ul li{ font-size:20px;float:left; height:60px; text-align:center;}
.nav ul li a{ width:130px; height:60px; display:block; color:#FFFFFF;}
.nav ul li a:hover,.nav ul li a.hover{ width:130px; height:58px; display:block; background:#d5281a; color:#FFF;}
.nav ul li.line{ width:4px; height:60px; display:block;}
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:146px; height:60px; line-height:60px; text-align:center;background:#1a1a1a;color:#fff;font-size:14px;}
.nav ul li dl dt a:hover{background:#d5281a; display:block;width:146px; height:60px;}
.slideBox{ width:100%; height:560px; overflow:hidden; position:relative; margin:0 auto; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:47%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:10px; width:10px; height:10px; cursor:pointer; background:#1a1a1a; border-radius:8px; }
.slideBox .hd ul li.on{ background:#d5281a; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:560px; display:block;}
.slideBox .bd li img{ }
.ny{ height:230px; background:url(../images/ny.jpg) no-repeat top center; overflow:hidden; width:100%;}
.product{ width:1200px; height:1000px; overflow:hidden; margin:33px auto;}
.product .left{ float:left; display:inline; width:254px; height:auto;}
.product .right{ float:right; display:inline; width:916px; height:auto;}
.product .left .title{ width:229px; height:71px; background:url(../images/pro_t.jpg) center no-repeat; font-size:26px; color:#FFF; padding-left:12px; padding-right:12px; padding-top:12px; text-align:center;border:1px solid #e8e8e8;}
.product .left .title span{ display:block; font-size:16px;}
.product .left ul{ width:252px; height:auto; border:1px solid #e8e8e8; border-top:none; padding-top:15px;}
.product .left ul li{ background:url(../images/flbg.jpg) no-repeat center center; height:45px; line-height:45px; text-align:left; width:224px; margin:0px auto 12px; color:#000;}
.product .left ul li:hover{ background-image:url(../images/flbg-hover.jpg); color:#FFF;}
.product .left ul li span{ padding-left:35px;}
.product .right .title{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}
.product .right .title em{ float:left; width:130px; height:47px; border-bottom:3px solid #1a1a1a; font-style:normal; color:#222222;}
.product .right .title span{ float:right; font-size:14px;}
.ind_case{width:103%; }
.ind_case li{text-align:center;float:left;box-sizing:border-box;width:31%; margin-left:1%;margin-bottom:1rem;border:1px solid #cfcfcf}
.ind_case li a{display:block;position:relative;border:5px solid #fff}
.ind_case li .abs{opacity:0;filter:alpha(opacity=0);transition:all .6s ease-in-out}
.ind_case li .btn{border:none;height:68px;color:transparent;background-image:url(../images/logo_white.png); width:280px;background-repeat:no-repeat;background-position:0 center;background-size:100% auto}
.ind_case li .con_title{position:relative;padding:10px;border-top:1px solid #cfcfcf;margin-top:-2px;background: #fff;}
.ind_case li h3{display:block;font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#da251c;
}
.ind_case li p{color:#000;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.ind_case li:hover{border-color:#a93636;}
.ind_case li:hover .abs{background-color:rgba(169,54,54,.4);opacity:1;filter:alpha(opacity=100);}
.ind_case li:hover .con_title{border-color:#a93636;background-color: #a93636;}
.ind_case li:hover h3{color:#a93636;}
.ind_case li:hover p{color:#FFF;}
.abs{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap{width:100%;padding-top:84%;position:relative;overflow:hidden}
.imWrap img{display:block;position:absolute;width:100%;z-index:5;left:0;top:0}
.imWrap .imgcon{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon img{position:relative;display:inline-block;width:auto;max-width:100%}
.big{overflow:hidden}
.big img{width:100%;display:block;transform:translateX(-50%);transition:.1s transform;transform:translateZ(0);min-height:100%;transition:.3s transform}
.big:hover img{transform:scale(1.2,1.2)}
.big .imgcon img{width:auto;min-height:auto}
.imgDiv{position:relative;width:100%;overflow:hidden}
.imgDiv img{position:relative;display:block;left:50%;transform:translateX(-50%)}
.imgDiv .abs{text-align:center}
.imgDiv .abs::after{display:inline-block;font-size:0;height:100%;vertical-align:middle;content:".";clear:both;width:0}
.imgDiv .ind_tit{display:inline-block;vertical-align:middle;margin:0}
.imgcon{text-align:center;font-size:0;overflow:hidden}
.imgcon img{display:inline-block;vertical-align:middle;max-width:100%}
.imgcon:after{display:inline-block;vertical-align:middle;height:100%;clear:both;content:"";width:0}
.m3w{margin-top:30px;margin-top:3vw}
.btn{display:inline-block;color:#666;font-size:14px;text-align:center;width:6rem;line-height:1.6rem;border:1px solid #bbb}
.aboutbg{ height:415px; background:url(../images/aboutbg.jpg) repeat-x center center; width:100%; margin-top:40px; text-align:center;}
.aboutus{ width:1200px; height:415px; margin:0px auto; }
.aboutus .title{ height:40px; width:100%; font-size:20px; color: #FFF; text-align: center; line-height: 40px;}
.aboutus .info{ float:left; width:618px; height:255px; margin-top:40px; text-align:left;}
.aboutus .info h2{ margin:0; color:#f10008; font-size:22px; line-height:35px; font-weight:normal;}
.aboutus .info p{ margin:0; line-height:35px; color:#FFF;}
.aboutus .info .more{ width:113px; height:30px; line-height:30px; background:#d5281a; color:#FFF; text-align:center; margin-top:15px; float:right;}
.aboutus .info .more a{ color:#FFF;}
.aboutus img{ float:right; width:500px; height:309px; margin-top:50px; border:5px solid #FFF;}
.casebg{ width:1200px; height:400px; margin:25px auto 15px; overflow:hidden; }
.casebg .title{ background:url(../images/huanjing.jpg) no-repeat; height:89px; width:100%; font-size:20px; color: #FFF; }
.casebg .case{ padding-top:20px; height:auto; overflow:hidden;}
.casebg ul li{ float:left;display:inline; text-align:center; margin-right:25px; margin-top:10px;}
.casebg ul li img{ width:270px; height:200px; padding:4px; border:1px solid #cbccce;}
.index{ width:1200px; height:550px; overflow:hidden; margin:20px auto 0;}
.index .left{ float:left; display:inline; width:400px; height:auto;}
.index .center{ float:left; display:inline; width:400px; height:auto; margin-left:30px;}
.index .right{ float:right; display:inline; width:340px; height:auto;}
.index .title{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #ccc;}
.index .title em{ float:left; width:100px; height:47px; border-bottom:3px solid #1a1a1a; font-style:normal; color:#222222; text-align: center;}
.index .title span{ float:right; font-size:14px;}
.index .left ul li{ font-size:15px;line-height:34px; height:34px; background:url(../images/ico01.jpg) no-repeat left center; padding-left:12px; border-bottom:1px dashed #cccccc; }
.index .left ul li span{ float:right; margin-top:0; *margin-top:-34px;}
.index .center ul li{font-size:15px; line-height:34px; height:34px; background:url(../images/ico01.jpg) no-repeat left center; padding-left:12px; border-bottom:1px dashed #cccccc; }
.index .center ul li span{ float:right; margin-top:0; *margin-top:-34px;}
.index .fr_list {
width: 100%;
background: #fff;
padding-bottom: 10px;
}
.index .fr_list .bd {
width: 100%;
padding: 20px;
max-height: 379px;
overflow: hidden;
}
.index .fr_list .bd ul li {
width: 100%;
height: 125px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.index .fr_list .bd ul li a {
width: 100%;
display: block;
font-size: 16px;
font-weight: bold;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 30px;
background: url(../images/wen.jpg) no-repeat left 3px;
}
.index .bd ul li a:hover {
color: #d5281a;
}
.index .bd ul li p {
font-size: 14px;
height: 72px;
overflow: hidden;
color: #333;
line-height: 24px;
margin-top: 10px;
padding-left: 30px;
background: url(../images/da.jpg) no-repeat left 3px;
}
.links{ width:1200px; text-align:left; height:83px; margin:0px auto; background:url(../images/links.jpg) no-repeat; overflow:hidden;}
.links .title{ height:41px; overflow:hidden; width:100%;}
.links .nr a{ font-size:14px; margin-right:15px;}
.about{ width:1200px; height:auto; overflow:hidden; margin:33px auto;}
.about .left{ float:left; display:inline; width:254px; height:auto;}
.about .right{ float:right; display:inline; width:916px; height:auto;}
.about .left .fenlei .title{ width:229px; height:71px; background:#1a1a1a; font-size:26px; color:#FFF; padding-left:25px; padding-top:12px;}
.about .left .fenlei .title span{ display:block; font-size:16px;}
.about .left .fenlei ul{ width:252px; height:auto; border:1px solid #e8e8e8; border-top:none; padding-top:15px;}
.about .left .fenlei ul li{ background:url(../images/flbg.jpg) no-repeat center center; height:40px; line-height:38px; font-size:14px; text-align:left; width:224px; margin:0px auto 12px; }
.about .left .fenlei ul li span{ padding-left:35px;}
.about .left .fenlei ul li a:hover,.about .left .fenlei ul li a.hover{ color:#1a1a1a;}
.contact{ margin-top:29px; height:auto; overflow:hidden;}
.contact .title{ height:48px; line-height:48px; background:#1a1a1a ; padding-left:25px; font-size:20px;color:#FFF; }
.contact span{ line-height:5px;}
.contact .nr{ width:252px; height:auto; border:1px solid #e8e8e8; border-top:none; }
.contact .nr p{ padding:12px; line-height:30px;}
.contact .nr p span{ font-size:16px; color:#1a1a1a;}
.contact .nr p i{ font-style:normal; padding-left:42px;}
.about .right .title{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}
.about .right .title em{ float:left; width:130px; height:47px; border-bottom:3px solid #1a1a1a; font-style:normal; color:#222222;}
.about .right .title span{ float:right; font-size:14px;}
.productlist{ height:auto; overflow:hidden;}
.productlist ul li{ float:left;display:inline; text-align:center; margin-right:20px; margin-top:10px; font-size:14px;}
.productlist ul li img{ width:204px; height:149px; padding:4px; border:1px solid #cbccce;}
.productlist ul li p{ line-height:38px;}
.content{ text-align:left; padding-top:15px;}
.content p{ line-height:30px; margin-top:0px; padding:0px 15px 0;}
.content h1{ text-align:center; font-size:18px; padding:0; margin:0; line-height:30px;font-family:'microsoft yahei';}
.content .date{ text-align:center; margin:0; line-height:30px; color:#d6d7d7; font-size:12px;}
.content .nr{ text-align:left; padding:0 20px;}
.content .nr p{ line-height:30px; margin:0px; padding:0px 15px 0;}
.newslist{ width:98%; height:auto; overflow:hidden; margin:0 auto;}
.newslist ul li{ line-height:34px; height:34px; background:url(../images/ico01.jpg) no-repeat left center; padding-left:12px; border-bottom:1px dashed #cccccc; }
.newslist ul li span{ float:right; margin-top:0; *margin-top:-34px;}
.page{ text-align:left; line-height:23px; margin-top:20px; width:100%; margin-left:20px;}
.pages{margin-top:20px;}
.content_des{width:894px;text-indent:24px; margin:10px 0 20px 0px; height:auto; overflow:hidden;}
.content_des p{font-size:14px;color:#868686;line-height:24px}
.area{ width:914px; height:auto; overflow:hidden; margin-bottom:15px;}
.area .tit{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}
.area .tit em{ float:left; width:100px; height:47px; border-bottom:3px solid #1a1a1a; font-style:normal; color:#222222;}
.area .tit span{ float:right; font-size:14px;}
.area dl{ height:auto; overflow:hidden;}
.area dl dt{float:left;margin-left:18px}
.area dl dt a{font-size:14px;line-height:28px;}
.xgxw{ width:914px; height:auto; overflow:hidden; margin-bottom:15px;}
.xgxw .tit{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}
.xgxw .tit em{ float:left; width:100px; height:47px; border-bottom:3px solid #1a1a1a; font-style:normal; color:#222222;}
.xgxw .tit span{ float:right; font-size:14px;}
.xgxw ul{ height:auto; overflow:hidden;}
.xgxw dl{ height:auto; overflow:hidden;}
.xgxw ul li{ float:left; display:inline; width:48%; margin-right:2%; line-height:30px;}
.xgxw ul li span{ float:right; color:#5a5a5a}
.xgxw dl dt{ float:left; display:inline; margin-right:2%; text-align:center;}
.xgxw dl dt img{ border:1px solid #ccc;}
.link{ width:1200px; height:auto; margin:0px auto 15px; overflow:hidden; }
.link span{height:42px; line-height:42px;font-size:14px; background:#1a1a1a; color:#FFF; display:block; float:left;width:115px;text-align:center;margin-left:0px}
.link ul li{float:left;margin-left:18px; line-height:40px;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1200px; margin:0 auto;}
/* 应用领域 */
.case{margin-bottom:30px;margin:25px auto 15px;}
.case .title{ background:url(../images/yingyong.jpg) no-repeat; height:89px; width:100%; font-size:20px; color: #FFF;}
.caseMenu{height:100px;margin-bottom:50px;font-size:18px; padding-top:30px;}
.caseMenu a{float:left;width:200px;height:70px;text-align:center;background:#efefef;color:#333;padding-top:30px;position:relative;}
.caseMenu a span{display:block; font-size:12px;font-family:Arial;opacity:.4;}
.caseMenu a:hover span{ color:#000;}
.caseMenu a:before{position:absolute;content: "";left:92px;bottom:-16px;border:8px solid transparent;}
.caseMenu a:nth-child(2n){background:#e6e6e6;}
.caseMenu a.on{background: url('../images/case_menu.jpg') no-repeat;color:#fff;}
.caseMenu a.on span{ color:#000;}
.caseMenu a.on:before{border-top-color: #f10008;}
.caseMain,.caseBox{height:540px;overflow:hidden;}
.caseBox .cImg{width:800px;height:500px;overflow:hidden;margin-right:80px;}
.caseBox img{width:800px;height:500px;transition:all 0.5s;}
.caseBox h4{font-size:22px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:65px;padding-top:15px;}
.caseBox h4 a{color:#1a1a1a;position:relative;}
.caseBox h4 a:before{position:absolute;content: "";width:20px;height:1px;background:#1a1a1a;top:15px;right:-40px;transition:all 0.3s;}
.caseBox h4 a:hover:before{width:100%;right:0;top:30px;}
.caseBox .more{display:inline-block;margin-top:30px;background:#f1f1f1;width:160px;height:38px;line-height:38px;text-align:center;color:#333;position:relative;}
.caseBox .more i{float:left;background:url('../images/arr.png') no-repeat center center;width:45px;height:38px;position:relative;z-index:2;}
.caseBox .more em{font-style:normal;position:relative;z-index:2;}
.caseBox .more:before{position:absolute;content:"";left:0;top:0;width:45px;height:38px;background:#1a1a1a;transition:all 0.3s;}
.caseBox .more:hover:before{width:100%;}
.caseBox .more:hover{color:#fff;}
.caseBox:hover img,.newsMain li:hover img{transform:scale(1.1);}
.zone_bg{background-color: #ECF4FA;overflow: hidden; background:url(../images/zone-bg.jpg) no-repeat;position: relative;
overflow: hidden;
background-attachment: fixed;
background-size: cover;}
.zone1{
width:100%;
height:576px;
min-width:1175px;
overflow:hidden;
margin-top:30px;
background:url(../images/zone1.png) center center no-repeat;
}
.zone2{
width:100%;
height:463px;
min-width:1175px;
overflow:hidden;
background:url(../images/zone2.png) center center no-repeat;
}
.zone3{
width:100%;
height:454px;
min-width:1175px;
overflow:hidden;
background:url(../images/zone3.png) center center no-repeat;
}
.zone4{
width:100%;
height:487px;
min-width:1175px;
overflow:hidden;
background:url(../images/zone4.png) center center no-repeat;
}
.zone5{
width:100%;
height:171px;
min-width:1175px;
overflow:hidden;
background:url(../images/zone5.jpg) center center no-repeat;
}
.blank10{
width:100%;
height:10px;
display:block;
overflow:hidden;
clear:both;
}
.footer_zone{
width:100%;
min-width:1200px;
overflow:hidden;
background:url(../images/ind_foot_bg.jpg) repeat-x;
padding:45px 0 0 0;
margin-top:20px;
}
.footer{
width:1170px;
overflow:hidden;
margin:0px auto;
}
.footer dl{
height:260px;
text-align:center;
float:left;
padding:0 65px;
background:url(../images/index_foot_fg.jpg) no-repeat right 63px;
}
.footer dl dt{
background:url(../images/index_foot_fg1.jpg) no-repeat center bottom;
display:block;
padding-bottom:14px;
margin-bottom:20px;
}
.footer dl dt a{
font-size:15px;
font-weight:bold;
color:#fff;
text-align:center;
}
.footer dl a:hover{
text-decoration:underline;
}
.footer dl dd{
line-height:30px;
color:#fff;
font-size:14px;
}
.footer dl dd a{
font-size:14px;
color:#fff;
}
.footer dl.footer_lxxx{
background:none;
text-align:center;
float:left;
padding:0 65px;
}
.copy_zone{
width:100%;
min-width:1200px;
background-color:#333;
border-top:1px solid #454545;
padding-top:30px;
}
.index_lj{
width:1170px;
margin:10px auto 0;
border-top:1px solid #35bc75;
border-bottom:1px dashed #4ec386;
color:#77ecaf;
padding:10px;
}
.index_lj a{ color:#77ecaf;
padding:10px;
}
.index_foot_lx{
width:1170px;
margin:10px auto 10px;
text-align:center;
color:#FFF;
}
.copy{
width:1200px;
overflow:hidden;
margin:0px auto;
text-align:center;
min-height:115px;
position:relative;
font-size:14px;
color:#fff;
}
.index_foot_lx a{
color:#77ecaf;
}