@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/

                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
               
/**/
.jic{ position: relative; height: 675px; width: 1200px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 388px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 339px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #178471;}
.jic_l ul li.on span{color: #178471;}
.jic_l ul li.on span:before{ background: #178471;}
.jic_l ul li.on i{color: #178471;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #178471; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/
h2{margin-bottom: 34px;text-align: center;line-height: 100%;padding-bottom: 42px;/* background:url(../images/h2.png) no-repeat center bottom; */}
h2 i{ display: block; font-size: 42px; line-height: 100%; letter-spacing: 2px; margin-bottom: 15px; color: #333333;}
h2 span{ display: block; line-height: 100%; text-align: center; font-weight: normal; font-size: 18px; color: #333333;}
.pro{background:url(../images/pro.jpg) no-repeat center 0; height: 985px; overflow: hidden; margin-bottom: 88px; padding-top: 87px; box-sizing: border-box;}
.pro_r{width: 413px; position: relative;}
.pro_r p{ position: absolute; left: 30px; top: 43px;}
.pro_r p i{ display: block; line-height: 100%; font-size: 26px; color: #fff;font-weight: bold; text-shadow: 2px 2px 0  #178471; letter-spacing: 3px; margin-bottom: 24px;}
.pro_r p em{ display: block; overflow: hidden; line-height: 100%;}
.pro_r p em span{ display: inline-block; float: left; margin-bottom: 17px; line-height: 17px; padding-left: 21px; color: #fff; font-size: 16px; width: 152px;background:url(../images/pr_ico.png) no-repeat 0 1px; line-height: 17px;white-space: nowrap;text-overflow: ellipsis;}
.pro_l{ width: 781px;}
.pro_l h3{ overflow: hidden; height: 73px;}
.pro_l h3 i{ display: inline-block; float: right; margin-right: 13px;}
.pro_l h3 i a{ display: inline-block; margin-left: 8px; padding-left: 53px; width: 88px; height: 50px; line-height: 50px; color: #fff;font-weight: normal; font-size: 15px;background:url(../images/p_btn1.png) no-repeat;}
.pro_l h3 i a:last-of-type{background:url(../images/p_btn2.png) no-repeat; color: #178471;}
.pro_l h3 em{ display: inline-block; line-height: 100%; color: #178471; font-size: 32px;font-weight: normal;}
.pro_l h3 em span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; text-transform: uppercase; padding-top: 11px; letter-spacing: 2px; opacity: 0.65;}
.pro_l ul li{ float: left; width: 376px; position: relative; height: 281px; margin: 0 12px 12px 0; border: 1px solid #e5e5e5; overflow: hidden; transition: all 0.2s; background:#fff;}
.pro_l ul li b{    display: block;
    margin: 15px;
    overflow: hidden;
    height: 241px;
}
.pro_l ul li img{width: 376px;  }
.pro_l ul li:before{ position: absolute; content: "";     left: 17px;
    top: 22px;background: #178572; width: 7px; height: 7px;}
.pro_l ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:3px; transition: 0.2s;}
.pro_l ul li em{ display: block; position: absolute; left: 31px;    top: 15px; font-size: 18px; color: #333333;  width: 292px; line-height: 21px;}
.pro_l ul li:hover em{background:url(../images/p_mor.png) no-repeat right 0;}
.pro2 .pro_l ul li:hover em{background:url(../images/p_mor2.png) no-repeat right 0;}
.pro_l ul li:hover{ box-shadow: 0 0 15px rgba(229,229,229,0.95);}
.pro_l ul li:hover:after{ width: 100%;}
/**/
.pro2{ background: none; padding-top: 0; height: 748px; margin-bottom: 0;}
.pro2 .pro_l ul li:nth-of-type(2n){ margin-right: 0;}
.pro2 .pro_l{width: 768px;}
.pro2  .pro_l h3 i{ margin-right: 0;}
/**/
.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/case.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.jpg) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #178471; text-align: center;}
/**/
.yous{ overflow: hidden; padding-bottom: 56px;}
.yous h2{margin-bottom: 30px;}
.yous dl{overflow: hidden;/* margin-bottom: 39px; */}
.yous dl dt{float: left;font-size: 0;line-height: 0;overflow: hidden;/* margin-top: 37px; */position: relative;}
.yous dl dd{float: right;/* background: #178572; *//* margin-left: -167px; */color: #fff;width: 600px;height: 419px;box-sizing: border-box;padding: 45px 38px 0 66px;}
.yous dl dd h3{line-height: 100%;font-size: 38px;font-weight: normal;padding-bottom: 16px;background:url(../images/xz_mor.png) no-repeat left bottom;margin-bottom: 9px;}
.yous dl dd h3 i{display: block;/* font-weight: bold; */font-size: 44px;line-height: 100%;padding-bottom: 15px;}
.yous dl dd p{ margin-top: 19px; font-size: 16px; line-height: 31px;}
.yous dl:nth-of-type(2n) dt{ float: right; z-index: 5;}
.yous dl:nth-of-type(2n) dd{margin-left: 0;/* margin-right: -168px; */padding: 45px 38px 0 60px;}
.yous dl:nth-of-type(2n) dd b{ display: block; padding-top:36px;}
.yous dl:nth-of-type(2n) dd b img:nth-of-type(2){float: right;}
.yous dl:nth-of-type(2n) dd p{ margin-right: 9px;}
.yous dl:nth-of-type(4) dd{padding-top: 45px;}
/**/
.hez{ overflow: hidden; height: 469px;}
.hez h2 i{ padding-bottom: 42px;}
.hez h2{ padding-bottom: 0; margin-bottom: 16px;}
.hez p{ height: 111px; font-size: 18px; color: #333333; text-align: center; line-height: 29px;}
.hez p em{ display: block;}.hez p em span{ padding-left: 23px;}
.hez p em b{ color: #178572; font-size: 18px;}
.hez ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #dcdcdc; margin: 0 13px 13px 0; transition: all 0.2s;}
.hez ul li img{ width: 187px;}
.hez ul li:nth-of-type(6n){ margin-right: 0;}
.hez ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
/**/

@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}
/**/
    /**/
.bhh{ height:647px; overflow: hidden; padding-top:37px;margin-bottom: 0px;}
.news{ width:527px; padding:38px 38px 0;}
.n_nav{ height:40px; overflow: hidden;background:url(../images/xw_l.jpg) no-repeat 105px 1px;}
.n_nav ul li{ float: left;padding-right:29px;}
.n_nav ul li a{ font-size:24px; color: #333333; display: inline-block; line-height: 100%;}
.n_nav ul li a:hover,.n_nav ul li.cur a{ color: #178572;font-weight: bold;}
.n_span a{  color: #666666;  font-size: 14px; font-family: Arial;font-weight: normal; display: inline-block;    padding-top: 6px;}

.news_c{ overflow: hidden;}
.news_c dl{ overflow: hidden; height: 296px; border-bottom: 1px solid #ccc; margin-bottom: 28px;}
.news_c dl dt{ font-size: 0; overflow: hidden; height: 166px; margin-bottom: 29px;}
.news_c dl dt img{ width: 526px;}
.news_c dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; color: #333333;}
.news_c dl dd p{ padding-top: 13px; font-size: 14px; color: #666666; line-height: 28px;}
.news_c ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.news_c ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.news_c ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.news_c ul li a:hover{color: #178572;}

.news_c dl dd h3 a:hover{ color: #178572;}

.faqs{width:527px;overflow: hidden;padding:38px 41px 0 0;/* height: 443px; */}
.faqs h3{height:58px;}
.faqs h3 a{ color: #333333; font-size: 24px; font-weight: normal; line-height: 100%; display: inline-block;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal; font-weight: normal; padding-top:6px;}
.faqs h3 span a{ color: #999999;  font-size: 15px; font-family: Arial;font-weight: normal;}
.faqs h3 a:hover{ color: #178572;}
.faqs ul{ height: 165px;}
.faqs ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.faqs ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.faqs ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.faqs ul li a:hover{color: #178572;}
.faqs dl{ overflow: hidden; padding: 9px; border: 1px solid #dcdcdc; margin-bottom: 22px;}
.faqs dl dt{ font-size: 0; float: right; line-height: 0; overflow: hidden; width: 206px;}
.faqs dl dt img{ width: 206px;}
.faqs dl dd{float: left;padding:13px 0 0 13px;width: 500px;}
.faqs dl dd h4 a{ display: block; line-height: 100%; font-size: 16px; color: #333333;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:2px;}
.faqs dl dd h4 a:hover{color: #178572; text-decoration:  underline;}
.faqs dl dd p{ padding-top: 10px; line-height: 28px; font-size: 14px; color: #666666;}
.bh_bg{ background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.12);}
/**/
.zj{ height:877px;}
.zj h2 i{ padding-bottom: 42px; margin-bottom: 25px;}
.zj h2{ padding-bottom: 0; margin-bottom: 16px;}
.zj dl{ overflow: hidden;}
.zj dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.zj dl dd{ float: right; width: 529px;}
.zj dl dd h3{line-height: 100%;background:url(../images/j_l2.png) no-repeat left bottom; padding-bottom: 56px;}
.zj dl dd h3 a{  padding-top: 59px; display: block; font-size: 26px; color: #178572; line-height: 100%;font-weight:normal;background:url(../images/zj_h.png) no-repeat; }
.zj dl dd p{ padding: 13px 0 0 0; height: 215px; font-size: 15px; color: #333333; line-height: 30px;}
.zj dl dd h4 a{ display: inline-block;background:url(../images/zj_btm.jpg) no-repeat; width: 141px; height: 50px; line-height: 50px; color: #fff; font-size: 15px;font-weight: normal; padding-left: 58px;}
.zj ul{ overflow: hidden; background: #fff; left: 384px; top: 556px; position: absolute; padding: 23px 0 0 27px; background: #fff;}
.zj ul li{ float: left; overflow: hidden; margin-right: 15px;}
.zj ul li:last-of-type{ margin-right: 0;}
    /**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
h2 a:hover{ color: #369feb;}
.zshz h3 em strong a:hover{ background: #369feb; color: #fff; }

/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1336px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clearfix:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*英文字体*/
/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;

@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/

                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
               
/**/
.jic{ position: relative; height: 675px; width: 1200px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 388px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 339px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #178471;}
.jic_l ul li.on span{color: #178471;}
.jic_l ul li.on span:before{ background: #178471;}
.jic_l ul li.on i{color: #178471;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #178471; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/
h2{margin-bottom: 34px;text-align: center;line-height: 100%;padding-bottom: 42px;/* background:url(../images/h2.png) no-repeat center bottom; */}
h2 i{ display: block; font-size: 42px; line-height: 100%; letter-spacing: 2px; margin-bottom: 15px; color: #333333;}
h2 span{ display: block; line-height: 100%; text-align: center; font-weight: normal; font-size: 18px; color: #333333;}
.pro{background:url(../images/pro.jpg) no-repeat center 0; height: 985px; overflow: hidden; margin-bottom: 88px; padding-top: 87px; box-sizing: border-box;}
.pro_r{width: 413px; position: relative;}
.pro_r p{ position: absolute; left: 30px; top: 43px;}
.pro_r p i{ display: block; line-height: 100%; font-size: 26px; color: #fff;font-weight: bold; text-shadow: 2px 2px 0  #178471; letter-spacing: 3px; margin-bottom: 24px;}
.pro_r p em{ display: block; overflow: hidden; line-height: 100%;}
.pro_r p em span{ display: inline-block; float: left; margin-bottom: 17px; line-height: 17px; padding-left: 21px; color: #fff; font-size: 16px; width: 152px;background:url(../images/pr_ico.png) no-repeat 0 1px; line-height: 17px;white-space: nowrap;text-overflow: ellipsis;}
.pro_l{ width: 781px;}
.pro_l h3{ overflow: hidden; height: 73px;}
.pro_l h3 i{ display: inline-block; float: right; margin-right: 13px;}
.pro_l h3 i a{ display: inline-block; margin-left: 8px; padding-left: 53px; width: 88px; height: 50px; line-height: 50px; color: #fff;font-weight: normal; font-size: 15px;background:url(../images/p_btn1.png) no-repeat;}
.pro_l h3 i a:last-of-type{background:url(../images/p_btn2.png) no-repeat; color: #178471;}
.pro_l h3 em{ display: inline-block; line-height: 100%; color: #178471; font-size: 32px;font-weight: normal;}
.pro_l h3 em span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; text-transform: uppercase; padding-top: 11px; letter-spacing: 2px; opacity: 0.65;}
.pro_l ul li{ float: left; width: 376px; position: relative; height: 281px; margin: 0 12px 12px 0; border: 1px solid #e5e5e5; overflow: hidden; transition: all 0.2s; background:#fff;}
.pro_l ul li b{    display: block;
    margin: 15px;
    overflow: hidden;
    height: 241px;
}
.pro_l ul li img{width: 376px;  }
.pro_l ul li:before{ position: absolute; content: "";     left: 17px;
    top: 22px;background: #178572; width: 7px; height: 7px;}
.pro_l ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:3px; transition: 0.2s;}
.pro_l ul li em{ display: block; position: absolute; left: 31px;    top: 15px; font-size: 18px; color: #333333;  width: 292px; line-height: 21px;}
.pro_l ul li:hover em{background:url(../images/p_mor.png) no-repeat right 0;}
.pro2 .pro_l ul li:hover em{background:url(../images/p_mor2.png) no-repeat right 0;}
.pro_l ul li:hover{ box-shadow: 0 0 15px rgba(229,229,229,0.95);}
.pro_l ul li:hover:after{ width: 100%;}
/**/
.pro2{ background: none; padding-top: 0; height: 748px; margin-bottom: 0;}
.pro2 .pro_l ul li:nth-of-type(2n){ margin-right: 0;}
.pro2 .pro_l{width: 768px;}
.pro2  .pro_l h3 i{ margin-right: 0;}
/**/
.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/case.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.jpg) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #178471; text-align: center;}
/**/
.yous{ overflow: hidden; padding-bottom: 56px;}
.yous h2{margin-bottom: 30px;}
.yous dl{ overflow: hidden; margin-bottom: 39px;}
.yous dl dt{float: left;font-size: 0;line-height: 0;overflow: hidden;/* margin-top: 37px; */position: relative;}
.yous dl dd{float: right;/* background: #178572; *//* margin-left: -167px; */color: #fff;width: 600px;height: 419px;box-sizing: border-box;padding: 45px 38px 0 66px;}
.yous dl dd h3{line-height: 100%;font-size: 38px;font-weight: normal;padding-bottom: 16px;background:url(../images/xz_mor.png) no-repeat left bottom;margin-bottom: 9px;}
.yous dl dd h3 i{display: block;/* font-weight: bold; */font-size: 44px;line-height: 100%;padding-bottom: 15px;}
.yous dl dd p{ margin-top: 19px; font-size: 16px; line-height: 31px;}
.yous dl:nth-of-type(2n) dt{ float: right; z-index: 5;}
.yous dl:nth-of-type(2n) dd{margin-left: 0;/* margin-right: -168px; */padding: 50px 196px 0 60px;}
.yous dl:nth-of-type(2n) dd b{ display: block; padding-top:36px;}
.yous dl:nth-of-type(2n) dd b img:nth-of-type(2){float: right;}
.yous dl:nth-of-type(2n) dd p{ margin-right: 9px;}
.yous dl:nth-of-type(4) dd{ padding-top: 139px;}
/**/
.hez{ overflow: hidden; height: 469px;}
.hez h2 i{ padding-bottom: 42px;}
.hez h2{ padding-bottom: 0; margin-bottom: 16px;}
.hez p{ height: 111px; font-size: 18px; color: #333333; text-align: center; line-height: 29px;}
.hez p em{ display: block;}.hez p em span{ padding-left: 23px;}
.hez p em b{ color: #178572; font-size: 18px;}
.hez ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #dcdcdc; margin: 0 13px 13px 0; transition: all 0.2s;}
.hez ul li img{ width: 187px;}
.hez ul li:nth-of-type(6n){ margin-right: 0;}
.hez ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
/**/

@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}
/**/
    /**/
.bhh{ height:828px; overflow: hidden;background:#eef9ff; padding-top:57px;margin-bottom: 70px;}
.news{ width:527px; padding:38px 38px 0;}
.n_nav{ height:40px; overflow: hidden;background:url(../images/xw_l.jpg) no-repeat 105px 1px;}
.n_nav ul li{ float: left;padding-right:29px;}
.n_nav ul li a{ font-size:24px; color: #333333; display: inline-block; line-height: 100%;}
.n_nav ul li a:hover,.n_nav ul li.cur a{ color: #178572;font-weight: bold;}
.n_span a{  color: #666666;  font-size: 14px; font-family: Arial;font-weight: normal; display: inline-block;    padding-top: 6px;}

.news_c{ overflow: hidden;}
.news_c dl{ overflow: hidden; height: 296px; border-bottom: 1px solid #ccc; margin-bottom: 38px;}
.news_c dl dt{ font-size: 0; overflow: hidden; height: 166px; margin-bottom: 29px;}
.news_c dl dt img{ width: 526px;}
.news_c dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; color: #333333;}
.news_c dl dd p{ padding-top: 13px; font-size: 14px; color: #666666; line-height: 28px;}
.news_c ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.news_c ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.news_c ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.news_c ul li a:hover{color: #178572;}

.news_c dl dd h3 a:hover{ color: #178572;}

.faqs{ width:527px;overflow: hidden;  padding:38px 41px 0 0; height: 543px;}
.faqs h3{height:58px;}
.faqs h3 a{ color: #333333; font-size: 24px; font-weight: normal; line-height: 100%; display: inline-block;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal; font-weight: normal; padding-top:6px;}
.faqs h3 span a{ color: #999999;  font-size: 15px; font-family: Arial;font-weight: normal;}
.faqs h3 a:hover{ color: #178572;}
.faqs ul{ height: 165px;}
.faqs ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.faqs ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.faqs ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.faqs ul li a:hover{color: #178572;}
.faqs dl{ overflow: hidden; padding: 9px; border: 1px solid #dcdcdc; margin-bottom: 22px;}
.faqs dl dt{ font-size: 0; float: right; line-height: 0; overflow: hidden; width: 206px;}
.faqs dl dt img{ width: 206px;}
.faqs dl dd{ float: left; padding:13px 0 0 13px; width: 270px;}
.faqs dl dd h4 a{ display: block; line-height: 100%; font-size: 16px; color: #333333;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:2px;}
.faqs dl dd h4 a:hover{color: #178572; text-decoration:  underline;}
.faqs dl dd p{ padding-top: 10px; line-height: 28px; font-size: 14px; color: #666666;}
.bh_bg{ background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.12);}
/**/
.zj{ height:877px;}
.zj h2 i{ padding-bottom: 42px; margin-bottom: 25px;}
.zj h2{ padding-bottom: 0; margin-bottom: 16px;}
.zj dl{ overflow: hidden;}
.zj dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.zj dl dd{ float: right; width: 529px;}
.zj dl dd h3{line-height: 100%;background:url(../images/j_l2.png) no-repeat left bottom; padding-bottom: 56px;}
.zj dl dd h3 a{  padding-top: 59px; display: block; font-size: 26px; color: #178572; line-height: 100%;font-weight:normal;background:url(../images/zj_h.png) no-repeat; }
.zj dl dd p{ padding: 13px 0 0 0; height: 215px; font-size: 15px; color: #333333; line-height: 30px;}
.zj dl dd h4 a{ display: inline-block;background:url(../images/zj_btm.jpg) no-repeat; width: 141px; height: 50px; line-height: 50px; color: #fff; font-size: 15px;font-weight: normal; padding-left: 58px;}
.zj ul{ overflow: hidden; background: #fff; left: 384px; top: 556px; position: absolute; padding: 23px 0 0 27px; background: #fff;}
.zj ul li{ float: left; overflow: hidden; margin-right: 15px;}
.zj ul li:last-of-type{ margin-right: 0;}
    /**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
h2 a:hover{ color: #369feb;}
.zshz h3 em strong a:hover{ background: #369feb; color: #fff; }

/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1336px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clearfix:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*英文字体*/
/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;

@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/

                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
               
/**/
.jic{ position: relative; height: 675px; width: 1200px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 388px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 339px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #178471;}
.jic_l ul li.on span{color: #178471;}
.jic_l ul li.on span:before{ background: #178471;}
.jic_l ul li.on i{color: #178471;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #178471; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/
h2{margin-bottom: 34px;text-align: center;line-height: 100%;padding-bottom: 42px;/* background:url(../images/h2.png) no-repeat center bottom; */}
h2 i{ display: block; font-size: 42px; line-height: 100%; letter-spacing: 2px; margin-bottom: 15px; color: #333333;}
h2 span{ display: block; line-height: 100%; text-align: center; font-weight: normal; font-size: 18px; color: #333333;}
.pro{background:url(../images/pro.jpg) no-repeat center 0; height: 985px; overflow: hidden; margin-bottom: 88px; padding-top: 87px; box-sizing: border-box;}
.pro_r{width: 413px; position: relative;}
.pro_r p{ position: absolute; left: 30px; top: 43px;}
.pro_r p i{ display: block; line-height: 100%; font-size: 26px; color: #fff;font-weight: bold; text-shadow: 2px 2px 0  #178471; letter-spacing: 3px; margin-bottom: 24px;}
.pro_r p em{ display: block; overflow: hidden; line-height: 100%;}
.pro_r p em span{ display: inline-block; float: left; margin-bottom: 17px; line-height: 17px; padding-left: 21px; color: #fff; font-size: 16px; width: 152px;background:url(../images/pr_ico.png) no-repeat 0 1px; line-height: 17px;white-space: nowrap;text-overflow: ellipsis;}
.pro_l{ width: 781px;}
.pro_l h3{ overflow: hidden; height: 73px;}
.pro_l h3 i{ display: inline-block; float: right; margin-right: 13px;}
.pro_l h3 i a{ display: inline-block; margin-left: 8px; padding-left: 53px; width: 88px; height: 50px; line-height: 50px; color: #fff;font-weight: normal; font-size: 15px;background:url(../images/p_btn1.png) no-repeat;}
.pro_l h3 i a:last-of-type{background:url(../images/p_btn2.png) no-repeat; color: #178471;}
.pro_l h3 em{ display: inline-block; line-height: 100%; color: #178471; font-size: 32px;font-weight: normal;}
.pro_l h3 em span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; text-transform: uppercase; padding-top: 11px; letter-spacing: 2px; opacity: 0.65;}
.pro_l ul li{ float: left; width: 376px; position: relative; height: 281px; margin: 0 12px 12px 0; border: 1px solid #e5e5e5; overflow: hidden; transition: all 0.2s; background:#fff;}
.pro_l ul li b{    display: block;
    margin: 15px;
    overflow: hidden;
    height: 241px;
}
.pro_l ul li img{width: 376px;  }
.pro_l ul li:before{ position: absolute; content: "";     left: 17px;
    top: 22px;background: #178572; width: 7px; height: 7px;}
.pro_l ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:3px; transition: 0.2s;}
.pro_l ul li em{ display: block; position: absolute; left: 31px;    top: 15px; font-size: 18px; color: #333333;  width: 292px; line-height: 21px;}
.pro_l ul li:hover em{background:url(../images/p_mor.png) no-repeat right 0;}
.pro2 .pro_l ul li:hover em{background:url(../images/p_mor2.png) no-repeat right 0;}
.pro_l ul li:hover{ box-shadow: 0 0 15px rgba(229,229,229,0.95);}
.pro_l ul li:hover:after{ width: 100%;}
/**/
.pro2{ background: none; padding-top: 0; height: 748px; margin-bottom: 0;}
.pro2 .pro_l ul li:nth-of-type(2n){ margin-right: 0;}
.pro2 .pro_l{width: 768px;}
.pro2  .pro_l h3 i{ margin-right: 0;}
/**/
.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/case.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.jpg) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #178471; text-align: center;}
/**/
.yous{ overflow: hidden; padding-bottom: 56px;}
.yous h2{margin-bottom: 30px;}
.yous dl{overflow: hidden;/* margin-bottom: 39px; */}
.yous dl dt{float: left;font-size: 0;line-height: 0;overflow: hidden;/* margin-top: 37px; */position: relative;}
.yous dl dd{float: right;/* background: #178572; *//* margin-left: -167px; */color: #fff;width: 600px;height: 419px;box-sizing: border-box;padding: 45px 38px 0 66px;}
.yous dl dd h3{line-height: 100%;font-size: 38px;font-weight: normal;padding-bottom: 16px;background:url(../images/xz_mor.png) no-repeat left bottom;margin-bottom: 9px;}
.yous dl dd h3 i{display: block;/* font-weight: bold; */font-size: 44px;line-height: 100%;padding-bottom: 15px;}
.yous dl dd p{ margin-top: 19px; font-size: 16px; line-height: 31px;}
.yous dl:nth-of-type(2n) dt{ float: right; z-index: 5;}
.yous dl:nth-of-type(2n) dd{margin-left: 0;/* margin-right: -168px; */padding: 45px 38px 0 60px;}
.yous dl:nth-of-type(2n) dd b{ display: block; padding-top:36px;}
.yous dl:nth-of-type(2n) dd b img:nth-of-type(2){float: right;}
.yous dl:nth-of-type(2n) dd p{ margin-right: 9px;}
.yous dl:nth-of-type(4) dd{ padding-top: 139px;}
/**/
.hez{ overflow: hidden; height: 469px;}
.hez h2 i{ padding-bottom: 42px;}
.hez h2{ padding-bottom: 0; margin-bottom: 16px;}
.hez p{ height: 111px; font-size: 18px; color: #333333; text-align: center; line-height: 29px;}
.hez p em{ display: block;}.hez p em span{ padding-left: 23px;}
.hez p em b{ color: #178572; font-size: 18px;}
.hez ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #dcdcdc; margin: 0 13px 13px 0; transition: all 0.2s;}
.hez ul li img{ width: 187px;}
.hez ul li:nth-of-type(6n){ margin-right: 0;}
.hez ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
/**/

@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}
/**/
    /**/
.bhh{ height:828px; overflow: hidden;background:#eef9ff; padding-top:57px;margin-bottom: 70px;}
.news{ width:527px; padding:38px 38px 0;}
.n_nav{ height:40px; overflow: hidden;background:url(../images/xw_l.jpg) no-repeat 105px 1px;}
.n_nav ul li{ float: left;padding-right:29px;}
.n_nav ul li a{ font-size:24px; color: #333333; display: inline-block; line-height: 100%;}
.n_nav ul li a:hover,.n_nav ul li.cur a{ color: #178572;font-weight: bold;}
.n_span a{  color: #666666;  font-size: 14px; font-family: Arial;font-weight: normal; display: inline-block;    padding-top: 6px;}

.news_c{ overflow: hidden;}
.news_c dl{ overflow: hidden; height: 296px; border-bottom: 1px solid #ccc; margin-bottom: 38px;}
.news_c dl dt{ font-size: 0; overflow: hidden; height: 166px; margin-bottom: 29px;}
.news_c dl dt img{ width: 526px;}
.news_c dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; color: #333333;}
.news_c dl dd p{ padding-top: 13px; font-size: 14px; color: #666666; line-height: 28px;}
.news_c ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.news_c ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.news_c ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.news_c ul li a:hover{color: #178572;}

.news_c dl dd h3 a:hover{ color: #178572;}

.faqs{ width:527px;overflow: hidden;  padding:38px 41px 0 0; height: 543px;}
.faqs h3{height:58px;}
.faqs h3 a{ color: #333333; font-size: 24px; font-weight: normal; line-height: 100%; display: inline-block;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal; font-weight: normal; padding-top:6px;}
.faqs h3 span a{ color: #999999;  font-size: 15px; font-family: Arial;font-weight: normal;}
.faqs h3 a:hover{ color: #178572;}
.faqs ul{ height: 165px;}
.faqs ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.faqs ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.faqs ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.faqs ul li a:hover{color: #178572;}
.faqs dl{ overflow: hidden; padding: 9px; border: 1px solid #dcdcdc; margin-bottom: 22px;}
.faqs dl dt{ font-size: 0; float: right; line-height: 0; overflow: hidden; width: 206px;}
.faqs dl dt img{ width: 206px;}
.faqs dl dd{ float: left; padding:13px 0 0 13px; width: 270px;}
.faqs dl dd h4 a{ display: block; line-height: 100%; font-size: 16px; color: #333333;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:2px;}
.faqs dl dd h4 a:hover{color: #178572; text-decoration:  underline;}
.faqs dl dd p{ padding-top: 10px; line-height: 28px; font-size: 14px; color: #666666;}
.bh_bg{ background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.12);}
/**/
.zj{ height:877px;}
.zj h2 i{ padding-bottom: 42px; margin-bottom: 25px;}
.zj h2{ padding-bottom: 0; margin-bottom: 16px;}
.zj dl{ overflow: hidden;}
.zj dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.zj dl dd{ float: right; width: 529px;}
.zj dl dd h3{line-height: 100%;background:url(../images/j_l2.png) no-repeat left bottom; padding-bottom: 56px;}
.zj dl dd h3 a{  padding-top: 59px; display: block; font-size: 26px; color: #178572; line-height: 100%;font-weight:normal;background:url(../images/zj_h.png) no-repeat; }
.zj dl dd p{ padding: 13px 0 0 0; height: 215px; font-size: 15px; color: #333333; line-height: 30px;}
.zj dl dd h4 a{ display: inline-block;background:url(../images/zj_btm.jpg) no-repeat; width: 141px; height: 50px; line-height: 50px; color: #fff; font-size: 15px;font-weight: normal; padding-left: 58px;}
.zj ul{ overflow: hidden; background: #fff; left: 384px; top: 556px; position: absolute; padding: 23px 0 0 27px; background: #fff;}
.zj ul li{ float: left; overflow: hidden; margin-right: 15px;}
.zj ul li:last-of-type{ margin-right: 0;}
    /**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
h2 a:hover{ color: #369feb;}
.zshz h3 em strong a:hover{ background: #369feb; color: #fff; }

/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1336px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clearfix:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*英文字体*/
/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;

@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/

                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
               
/**/
.jic{ position: relative; height: 675px; width: 1200px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 388px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 339px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #178471;}
.jic_l ul li.on span{color: #178471;}
.jic_l ul li.on span:before{ background: #178471;}
.jic_l ul li.on i{color: #178471;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #178471; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/
h2{margin-bottom: 34px;text-align: center;line-height: 100%;padding-bottom: 42px;/* background:url(../images/h2.png) no-repeat center bottom; */}
h2 i{ display: block; font-size: 42px; line-height: 100%; letter-spacing: 2px; margin-bottom: 15px; color: #333333;}
h2 span{ display: block; line-height: 100%; text-align: center; font-weight: normal; font-size: 18px; color: #333333;}
.pro{background:url(../images/pro.jpg) no-repeat center 0; height: 985px; overflow: hidden; margin-bottom: 88px; padding-top: 87px; box-sizing: border-box;}
.pro_r{width: 413px; position: relative;}
.pro_r p{ position: absolute; left: 30px; top: 43px;}
.pro_r p i{ display: block; line-height: 100%; font-size: 26px; color: #fff;font-weight: bold; text-shadow: 2px 2px 0  #178471; letter-spacing: 3px; margin-bottom: 24px;}
.pro_r p em{ display: block; overflow: hidden; line-height: 100%;}
.pro_r p em span{ display: inline-block; float: left; margin-bottom: 17px; line-height: 17px; padding-left: 21px; color: #fff; font-size: 16px; width: 152px;background:url(../images/pr_ico.png) no-repeat 0 1px; line-height: 17px;white-space: nowrap;text-overflow: ellipsis;}
.pro_l{ width: 781px;}
.pro_l h3{ overflow: hidden; height: 73px;}
.pro_l h3 i{ display: inline-block; float: right; margin-right: 13px;}
.pro_l h3 i a{ display: inline-block; margin-left: 8px; padding-left: 53px; width: 88px; height: 50px; line-height: 50px; color: #fff;font-weight: normal; font-size: 15px;background:url(../images/p_btn1.png) no-repeat;}
.pro_l h3 i a:last-of-type{background:url(../images/p_btn2.png) no-repeat; color: #178471;}
.pro_l h3 em{ display: inline-block; line-height: 100%; color: #178471; font-size: 32px;font-weight: normal;}
.pro_l h3 em span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; text-transform: uppercase; padding-top: 11px; letter-spacing: 2px; opacity: 0.65;}
.pro_l ul li{ float: left; width: 376px; position: relative; height: 281px; margin: 0 12px 12px 0; border: 1px solid #e5e5e5; overflow: hidden; transition: all 0.2s; background:#fff;}
.pro_l ul li b{    display: block;
    margin: 15px;
    overflow: hidden;
    height: 241px;
}
.pro_l ul li img{width: 376px;  }
.pro_l ul li:before{ position: absolute; content: "";     left: 17px;
    top: 22px;background: #178572; width: 7px; height: 7px;}
.pro_l ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:3px; transition: 0.2s;}
.pro_l ul li em{ display: block; position: absolute; left: 31px;    top: 15px; font-size: 18px; color: #333333;  width: 292px; line-height: 21px;}
.pro_l ul li:hover em{background:url(../images/p_mor.png) no-repeat right 0;}
.pro2 .pro_l ul li:hover em{background:url(../images/p_mor2.png) no-repeat right 0;}
.pro_l ul li:hover{ box-shadow: 0 0 15px rgba(229,229,229,0.95);}
.pro_l ul li:hover:after{ width: 100%;}
/**/
.pro2{ background: none; padding-top: 0; height: 748px; margin-bottom: 0;}
.pro2 .pro_l ul li:nth-of-type(2n){ margin-right: 0;}
.pro2 .pro_l{width: 768px;}
.pro2  .pro_l h3 i{ margin-right: 0;}
/**/
.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/case.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.jpg) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #178471; text-align: center;}
/**/
.yous{ overflow: hidden; padding-bottom: 56px;}
.yous h2{margin-bottom: 30px;}
.yous dl{ overflow: hidden; margin-bottom: 39px;}
.yous dl dt{float: left;font-size: 0;line-height: 0;overflow: hidden;/* margin-top: 37px; */position: relative;}
.yous dl dd{float: right;/* background: #178572; *//* margin-left: -167px; */color: #fff;width: 600px;height: 419px;box-sizing: border-box;padding: 45px 38px 0 66px;}
.yous dl dd h3{line-height: 100%;font-size: 38px;font-weight: normal;padding-bottom: 16px;background:url(../images/xz_mor.png) no-repeat left bottom;margin-bottom: 9px;}
.yous dl dd h3 i{display: block;/* font-weight: bold; */font-size: 44px;line-height: 100%;padding-bottom: 15px;}
.yous dl dd p{ margin-top: 19px; font-size: 16px; line-height: 31px;}
.yous dl:nth-of-type(2n) dt{ float: right; z-index: 5;}
.yous dl:nth-of-type(2n) dd{margin-left: 0;/* margin-right: -168px; */padding: 50px 196px 0 60px;}
.yous dl:nth-of-type(2n) dd b{ display: block; padding-top:36px;}
.yous dl:nth-of-type(2n) dd b img:nth-of-type(2){float: right;}
.yous dl:nth-of-type(2n) dd p{ margin-right: 9px;}
.yous dl:nth-of-type(4) dd{ padding-top: 139px;}
/**/
.hez{ overflow: hidden; height: 469px;}
.hez h2 i{ padding-bottom: 42px;}
.hez h2{ padding-bottom: 0; margin-bottom: 16px;}
.hez p{ height: 111px; font-size: 18px; color: #333333; text-align: center; line-height: 29px;}
.hez p em{ display: block;}.hez p em span{ padding-left: 23px;}
.hez p em b{ color: #178572; font-size: 18px;}
.hez ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #dcdcdc; margin: 0 13px 13px 0; transition: all 0.2s;}
.hez ul li img{ width: 187px;}
.hez ul li:nth-of-type(6n){ margin-right: 0;}
.hez ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
/**/

@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}
/**/
    /**/
.bhh{ height:828px; overflow: hidden;background:#eef9ff; padding-top:57px;margin-bottom: 70px;}
.news{ width:527px; padding:38px 38px 0;}
.n_nav{ height:40px; overflow: hidden;background:url(../images/xw_l.jpg) no-repeat 105px 1px;}
.n_nav ul li{ float: left;padding-right:29px;}
.n_nav ul li a{ font-size:24px; color: #333333; display: inline-block; line-height: 100%;}
.n_nav ul li a:hover,.n_nav ul li.cur a{ color: #178572;font-weight: bold;}
.n_span a{  color: #666666;  font-size: 14px; font-family: Arial;font-weight: normal; display: inline-block;    padding-top: 6px;}

.news_c{ overflow: hidden;}
.news_c dl{ overflow: hidden; height: 296px; border-bottom: 1px solid #ccc; margin-bottom: 38px;}
.news_c dl dt{ font-size: 0; overflow: hidden; height: 166px; margin-bottom: 29px;}
.news_c dl dt img{ width: 526px;}
.news_c dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; color: #333333;}
.news_c dl dd p{ padding-top: 13px; font-size: 14px; color: #666666; line-height: 28px;}
.news_c ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.news_c ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.news_c ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.news_c ul li a:hover{color: #178572;}

.news_c dl dd h3 a:hover{ color: #178572;}

.faqs{ width:527px;overflow: hidden;  padding:38px 41px 0 0; height: 543px;}
.faqs h3{height:58px;}
.faqs h3 a{ color: #333333; font-size: 24px; font-weight: normal; line-height: 100%; display: inline-block;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal; font-weight: normal; padding-top:6px;}
.faqs h3 span a{ color: #999999;  font-size: 15px; font-family: Arial;font-weight: normal;}
.faqs h3 a:hover{ color: #178572;}
.faqs ul{ height: 165px;}
.faqs ul li{ line-height: 100%; margin-bottom: 20px; overflow: hidden;}
.faqs ul li span{ display: inline-block; float: right; font-size: 12px; color: #999999;}
.faqs ul li a{ display: inline-block; float: left; width: 442px; font-size: 16px; color: #333333;line-height: 100%;}
.faqs ul li a:hover{color: #178572;}
.faqs dl{ overflow: hidden; padding: 9px; border: 1px solid #dcdcdc; margin-bottom: 22px;}
.faqs dl dt{ font-size: 0; float: right; line-height: 0; overflow: hidden; width: 206px;}
.faqs dl dt img{ width: 206px;}
.faqs dl dd{ float: left; padding:13px 0 0 13px; width: 270px;}
.faqs dl dd h4 a{ display: block; line-height: 100%; font-size: 16px; color: #333333;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:2px;}
.faqs dl dd h4 a:hover{color: #178572; text-decoration:  underline;}
.faqs dl dd p{ padding-top: 10px; line-height: 28px; font-size: 14px; color: #666666;}
.bh_bg{ background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.12);}
/**/
.zj{ height:877px;}
.zj h2 i{ padding-bottom: 42px; margin-bottom: 25px;}
.zj h2{ padding-bottom: 0; margin-bottom: 16px;}
.zj dl{ overflow: hidden;}
.zj dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.zj dl dd{ float: right; width: 529px;}
.zj dl dd h3{line-height: 100%;background:url(../images/j_l2.png) no-repeat left bottom; padding-bottom: 56px;}
.zj dl dd h3 a{  padding-top: 59px; display: block; font-size: 26px; color: #178572; line-height: 100%;font-weight:normal;background:url(../images/zj_h.png) no-repeat; }
.zj dl dd p{ padding: 13px 0 0 0; height: 215px; font-size: 15px; color: #333333; line-height: 30px;}
.zj dl dd h4 a{ display: inline-block;background:url(../images/zj_btm.jpg) no-repeat; width: 141px; height: 50px; line-height: 50px; color: #fff; font-size: 15px;font-weight: normal; padding-left: 58px;}
.zj ul{ overflow: hidden; background: #fff; left: 384px; top: 556px; position: absolute; padding: 23px 0 0 27px; background: #fff;}
.zj ul li{ float: left; overflow: hidden; margin-right: 15px;}
.zj ul li:last-of-type{ margin-right: 0;}
    /**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
h2 a:hover{ color: #369feb;}
.zshz h3 em strong a:hover{ background: #369feb; color: #fff; }

/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1336px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clearfix:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*英文字体*/
/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;