/* 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;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1200px; margin:0 auto;}
.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;
}
.ny-banner {height: 300px;background: no-repeat center; background: url(../images/banner.jpg) no-repeat top center;}
.ny-banner a {display: block;width: 100%;height: 100%;}
.ny{width:1200px; margin:10px auto; margin-top:20px; padding-bottom: 20px;}
.ny .left{ float:left; width:256px; height: auto;}
.ny .right{ float:right; width:920px; border: 1px solid #dddddd;}
.ny .left .title{ background:url(../images/pro_t.jpg) center no-repeat;}
.ny .left .title span{ display:block; height:86px; line-height:86px; text-decoration:none; color:#fff; font-size:26px; text-align:center; border:3px solid #e8e8e8; border-bottom:none;}
.ny .left .fenlei ul{ width:250px; height:auto; border:3px solid #e8e8e8; border-top:none; padding-top:15px;}
.ny .left .fenlei 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;}
.ny .left .fenlei ul li:hover{ background-image:url(../images/flbg-hover.jpg); color:#FFF;}
.ny .left .fenlei ul li.on{ background-image:url(../images/flbg-hover.jpg); color:#FFF;}
.ny .left .fenlei ul li span{ padding-left:35px;}
.ny .left .contact{ height:auto; overflow:hidden;border:3px solid #e8e8e8;}
.ny .left .contact .content{ padding:10px; }
.ny .left .contact .content p{ line-height:30px;}
.ny .right .title{ height:40px; margin:12px auto; line-height:40px; font-size:16px; border-bottom:1px solid #dddddd; width: 900px; }
.ny .right .title em{ float:left; display: inline; width:330px; height:25px; font-style:normal;font-weight: bold; color:#030303; }
.ny .right .title span{ float:right; display: inline; font-size:14px;color: #999999;}
.ny .right .title span a{color: #999999;}
.ny .right .content h1{ text-align: center;line-height: 50px; }
.ny .right .content h4{ text-align: center; font-weight: normal; }
.ny .right .content h4 span{ margin-right: 15px; }
.ny .right .info{ padding: 15px; font-size: 16px; line-height: 30px; }
.ny .right .info img{max-width: 100%;}
.list-1{ padding-top:5px; overflow:hidden; width:890px; margin: 0 auto;}
.list-1 dl{overflow:hidden; padding:25px 0 21px 29px}
.list-1 dl dt{ float:left; padding:5px; background:#eaeaea;}
.list-1 dl dt img{ display:block; width:170px; height:130px;}
.list-1 dl dd{ float:left; margin-left:23px; width:658px;}
.list-1 dl dd h5{ margin-top:3px; padding-bottom:8px; border-bottom:1px solid #dedede; overflow:hidden;}
.list-1 dl dd h5 a{ font-size:14px; color: #030303; float:left; padding-left:5px;}
.list-1 dl dd h5 em{ float:right;padding-right:10px; font-style: normal;}
.list-1 dl dd p{ line-height:20px; font-size:13px; margin-top:10px;}
.list-1 dl:hover { background: #eaeaea;}
.list-2 {margin: 10px 0 0 8px; padding-bottom: 40px; overflow: hidden;}
.list-2 ul li{ float:left; width:285px; margin:10px 8px 5px; overflow:hidden;}
.list-2 ul li>a{ display:block; width:283px; height:200px; position:relative; border:1px solid #030303; overflow:hidden;}
.list-2 ul li>a>img{ display:block; -webkit-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out; width:283px; height:200px;}
.list-2 ul li>a>img:hover{ transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.list-2 ul li>a:hover i{ display:block;}
.list-2 ul li p{ width:325px; text-align:center; height:30px; line-height:25px; overflow:hidden;;white-space: nowrap;text-overflow: ellipsis;}
.list-2 ul li p a{ 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 p a{ font-size:20px; font-weight:bolder;}
.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}
.pages{text-align: center;margin: 30px auto; width: 830px;}
.pages a {display: inline-block;margin: 0 3px;border: 1px solid #ddd;padding: 4px 12px;border-radius: 3px;background-color: #fff;}
.pages a.active {background-color: #1B4F9B;border-color: #1B4F9B;color: #fff;}
.page{ width: 890px; margin-left: 15px; line-height: 25px; padding-bottom: 40px; }
.message {padding: 50px 50px;margin-bottom: 30px;}
.form-group {margin-bottom: 15px;}
.form-label {float: left;line-height: 34px;width: 120px;text-align: right;}
.form-label span {color: #e50112;}
.form-content {margin-left: 130px;}
.form-control {line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 600px;display: inline-block;vertical-align: top;}
select.form-control {height: 34px;}
.form-submit {padding: 6px 22px;color: #fff;background-color: #1B4F9B;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.form-button {padding: 6px 22px;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.panel {background-color: #fff;padding: 0px 20px;margin-bottom: 30px; height: auto;overflow: hidden;}
.panel .title-2 {border-bottom: 1px solid #ececeb;height: 44px;margin-bottom: 15px;font-size: 24px;}
.panel .title-2 span {display: inline-block;padding-bottom: 12px;border-bottom: 2px solid #030303;}
.panel .infocontent-body {line-height: 2;margin-bottom: 20px;}
.showcase {padding: 15px;margin-bottom: 20px;background-color: #fff; height: auto; overflow: hidden;}
.showcase-pic {position: relative;width: 400px;height: 300px;overflow: hidden;float: left;}
.showcase-pic li {text-align: center;line-height: 300px;width: 400px;font-size: 0;}
.showcase-pic li img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;}
.showcase-pic .arr {position: absolute;top: 50%;width: 12px;height: 23px;margin-top: -11px;z-index: 2;}
.showcase-pic .prev {left: 15px;background: url(../images/p15-icon2.png) no-repeat 0 0;}
.showcase-pic .next {right: 15px;background: url(../images/p15-icon3.png) no-repeat 0 0;}
.showcase-info {float: right;width: 460px;}
.showcase-info h1 {margin: 0 0 15px;font-size: 24px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showcase-info p {margin: 0;color: #666;padding: 3px 0;}
.showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;height: 42px;padding-left: 70px;line-height: 21px;font-size: 18px;}
.showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #1B4F9B;color: #fff;}