@charset "utf-8";

body{font-family:"Microsoft Yahei";overflow-x:hidden;}



a:hover{text-decoration: none;}

em,i{font-style: normal;}

.titis{height:106px;overflow: hidden;text-align: center;background:url(../images/ico1.png) no-repeat center bottom;}

.titis h2 {height: 52px;line-height: 52px;font-size:28px;color:#5291ba;font-weight:bold;}

.titis h2 a{color: #5291ba}

.titis p{font-size: 12px;color: #333333;height: 12px;line-height: 12px;}

/*1029626114@qq.com*/

@charset "utf-8";

html{color:#000;background:#fff; }

body { color:#666;font-size:15px;min-width: 1260px; width: 100%;} /*缃戠珯瀛椾綋棰滆壊*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:none;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/* -- 璐墿杞﹀閮ㄦ鏋 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}



/* -- 椤甸潰鏁翠綋甯冨眬 -- */

.content{ width:1200px; margin:0 auto; font-family:"Microsoft Yahei";}


.yz_bj{/* background:#f2f4f5 url(../images/yz_bj.jpg) repeat-x center top; */height: 515px;}

.yz_c{position:relative;/* padding-top:74px; */}

.yz_c dt{float:right;font-size:0;line-height: 0;padding-top:6px;}

.yz_c dt img{width: 565px;height: 370px;}

.yz_c dd{float:left;width: 580px; background-image:url(../images/aa.png)}

.yz_c dd h4{height: 146px;position: relative;font-size:48px;color: #2e2e2e;line-height: 58px;}

.yz_c dd h4 em{color: #3a982d}

.yz_c dd h4:after{content: "";display: block;width:263px;height: 3px;background: #3a982d;position: absolute;bottom:0;left:-109px;}

.yz_c dd p{font-size:16px;color: #6e6e6f;line-height: 30px;padding-top:24px; }

.yz_b{position:absolute;left:-35px;top:455px;}

.yz_b ul.yz_a1{float:left;width:636px;background: #fff;height: 155px;}

.yz_b li{float:left;padding:36px 27px 0;}

.yz_b li p{height: 64px;}

.yz_b li p em{line-height: 64px;font-size:60px;color: #333333;font-weight:bold;display: inline-block;}

.yz_b li p i{width:27px;height: 27px;border-radius: 50%;background: #3a982d;text-align: center;line-height: 27px;font-size:18px;color: #fff;font-weight: bold;display: inline-block;vertical-align: top;margin-left:-10px;}

.yz_b li span{font-size:18px;color: #666666;height: 27px;line-height: 27px;display: block;}

.yz_b li:nth-child(2) p i,.yz_b li:nth-child(3) p i{width:55px;border-radius: 13px}

.yz_b ul.yz_a2{float:left;width:287px;box-sizing: border-box;background: rgba(255,255,255,0.77);height: 155px;}

.yz_b ul.yz_a2 li{padding:36px 0 0 54px;}








.js_bj{background: url(../images/js_bj.jpg) no-repeat center top;height: 641px;box-sizing: border-box;box-sizing: border-box;padding-top: 25px;}



.js_nr{/* margin-top:26px; */}



.js_nr li{float:left;height: 474px;width:391px;margin-right:12px;background: #fff;box-sizing: border-box;padding:8px;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 8px}



.js_nr dt{font-size:0;line-height: 0;position: relative;}



.js_nr dt i img{width:375px;height: 274px;}



.js_nr dt em{position: absolute;left:0;bottom:0;width:100%;display: block;text-align: center;}



.js_nr dd{padding:16px 37px 0;text-align: center;}



.js_nr dd h4 {display:block;height: 51px;line-height: 50px;font-size:24px;color: #262626;font-weight: bold;background: url(../images/js_ico3.png) no-repeat center bottom;}



.js_nr dd p{font-size:16px;color: #6c6c6c;line-height: 30px;padding-top:8px;}



.js_nr dd i{margin-top:18px;display: block;}



.js_nr li .js_w{position: absolute;left:0;top:0;background: url(../images/js_ico6.png) no-repeat center top;width:100%;height: 100%;box-sizing: border-box;text-align: center;padding:13px 60px 0;opacity: 0;transition: all 0.5s}



.js_nr li .js_w i{width:115px;margin:0 auto;display: block;}



.js_nr li .js_w h4{height: 51px;line-height: 50px;font-size:24px;color: #fff;margin-top:17px;background: url(../images/js_ico4.png) no-repeat center bottom;font-weight:100}



.js_nr li .js_w p{font-size:16px;color: #fff;line-height: 30px;padding-top:15px; font-weight:100}



.js_nr li:hover .js_w{opacity: 1}



.js_nr li:last-child{margin:0;}








@media screen and (max-width:1440px) and (min-width:1280px) {

    html {font-size:14px;}

  .ab_n{padding-left:60px;}

   

}

@media screen and (max-width:1600px) and (min-width:1441px){

    html {font-size:16px;}

   

}

@media screen and (max-width:1920px) and (min-width:1601px)  {

    html {font-size:20px;}

}







@-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 }