@charset "utf-8";

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

body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/

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,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;}

i,em{ font-style:normal;}

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*/

.vam { vertical-align:middle;}

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

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

.clearfix{*zoom:1}

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



/* -- 页面整体布局 -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }

.h_nav li a:-webkit-any-link{ display:block;}











/* -- 以上部分以前resetcommon -- */







/* -- 首页样式开始 -- */

.clearfix{*zoom:1}

i,em{ font-style:normal;}



body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}



.bantest {position: relative;width: 100%;overflow: hidden;}  

.banner{ width:100%; position:relative;}

.banner .slick-dotted.slick-slider{ margin:0;}

.banner img{ display:block; width:100%;}
 
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}

.banner .slick-prev {left: 10%; display: none; background:url(../images/ban_prev.png) no-repeat;}
 
.banner .slick-next {right: 10%; display: none;background:url(../images/ban_next.png) no-repeat;}   

.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}

.slick-dots li {display: inline-block;margin: 0 8px; }

.slick-dots li button {display: block;background: #00953f;width: 15px;height: 15px;color: #00953f;border-radius: 15px;border-color: #00953f;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.slick-dots .slick-active button {background-color: #00953f;border-color: #00953f;width: 60px;} 



.tit{ font:50px "Microsoft YaHei UI"; text-align:center; color:#000;}

.tit a{ color:#000000;}

.tit em{ display:block; font-size:18px; padding:15px 0 40px;}



.guide{ height:555px; padding-top:65px;overflow:hidden;}

.guide dl{ height:393px; overflow:hidden; background:url(../images/yinz_line.png) no-repeat left bottom;}

.guide dt{ width:600px; height:358px; float:left; overflow:hidden;}

.guide dt img{ display:block;width:600px; height:358px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.guide dt:hover img,.pro1 img:hover{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}

.guide dd{ width:500px; float:right;}

.guide dd h3{font:34px "Microsoft YaHei UI"; color:#000; font-weight:bold; margin-top:20px;}

.guide dd h3 em{ display:block; font:24px "Microsoft YaHei UI"; line-height:37px; margin-bottom:8px;}

.guide dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; margin-top:16px;}

.guide dd span a{display:block;width:135px;height:44px;background: #00953f;margin-top:22px;border-radius:5px;font:16px "Microsoft YaHei UI";text-align:center;line-height:44px;color:#fff;}

.guide ul{ height:110px;}

.guide li{float:left; position:relative; font:20px "Microsoft YaHei UI"; color:#333; width:300px; text-align:center;}

.guide li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#d9d9d9;}

.guide li:last-child:before{ background:none;}

.guide li span{display:block;font:16px "Microsoft YaHei UI";color: #333;}

.guide li span b{ font-size:60px; font-weight:normal;}

.guide li em{display:inline-block;width:28px;height:28px;background: #00953f;border-radius:28px;font:16px "Microsoft YaHei UI";text-align:center;line-height:28px;color:#fff;}



.case{ background:#f5f5f5; padding:65px 0;}

.case2{ text-align:center; min-width:1200px; max-width:1920px; margin:0 auto;}

.case2 a{ display:inline-block; width:27.55%; overflow:hidden; margin:0 0.35% 14px;}

.case2 dl{ position:relative;}

.case2 dt img{ display:block; width:100%;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.case2 dd{position:absolute;bottom:0;width:100%;height:100%;background: #7d7d7d;font:28px "Microsoft YaHei UI";color:#fff;height:54px;line-height:54px;}
.case2 a:hover dd{
  background:#00953f;
}
.case2 dd b{ display:block; width:78px; height:78px; margin:21% auto 4%;}

.case2 a:hover dt img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}



.product{ height:995px; overflow:hidden; margin-top:50px;}

.product_t{width:263px;border: 5px solid #07823b;float:left;}

.product_t h2{background: #00953f;font:32px "Microsoft YaHei UI";font-weight:bold;color:#fff;text-align:center;padding:16px 0;}

.product_t h2 a{ display:block; color:#fff;}

.product_t h2 em{display:block;font:14px "Microsoft YaHei UI";text-transform:uppercase;color: #1cbd60;padding-top:2px;}

.product_t li{ width:241px; margin:0 auto; border-top:1px solid #cecece; font:18px "Microsoft YaHei UI"; line-height:48px; height:48px; overflow:hidden;}

.product_t li a{ display:block; position:relative; color:#333; padding-left:45px;}

.product_t li a:before{ content:""; position:absolute; top:18px; left:30px; width:0; height:0; border-left:6px solid #ccc; border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);}

.product_t li:hover a:before{ border-left:6px solid #01953f;}

.product_t li:hover a{ font-weight:bold; color:#01953f;}

.product_t p{font:26px "Microsoft YaHei UI";font-weight:bold;color:#fff;background: #00953f;padding:15px 0;text-align:center;}

.product_t p em{ display:block; font:18px "Microsoft YaHei UI"; line-height:32px; background:url(../images/pro_lx.png) no-repeat 50px;}

.product1{ width:900px; overflow:hidden; float:right;}

.product11{ height:544px; position:relative;}

.product11 dl{ height:458px; border:1px solid #e3e3e3; border-top:0;}

.product11 dt{ width:606px; height:458px; float:left; overflow:hidden;}

.product11 dt img{ display:block;width:606px; height:458px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.product11 dd{ width:235px; float:right; margin-right:22px;}

.product11 dd h3 a{ display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin:81px 0 28px;}

.product11 dd p{ font:16px "Microsoft YaHei UI"; line-height:28px; color:#6e6e6e; margin-bottom:}

.product11 dd span{ display:block; height:40px; overflow:hidden; margin-top:25px;}

.product11 dd span a{display:block;width:108px;height:40px;background: #f1f1f1;font:16px "Microsoft YaHei UI";text-align:center;line-height:40px;color: #333;float:left;}

.product11 dd span a:last-child{float:right;background: #00953f;color: #fff;}

.product1_dot{ width:606px; height:10px; position:absolute; bottom:60px; left:0; text-align:center;}

.product1_dot a{display:inline-block;width:10px;height:10px;border-radius:10px;background: #00953f;margin:0 8px;}

.product1_dot .cur{background: #026b2e;}

.tit3{ height:62px; background:#e3e3e3; overflow:hidden; font:20px "Microsoft YaHei UI"; font-weight:bold; position:relative; line-height:62px;}

.tit3 a{ display:block; color:#000; padding-left:30px;}

.tit3 em{ display:block; width:84px; height:34px; border:1px solid #aaa; float:right; margin:12px 12px 0 0; float:right; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:34px; color:#000; text-align:center;}

.tit3:before{content:"";position:absolute;top:18px;left:17px;width:3px;height:24px;background: #00953f;}

.product2 li{ width:298px; height:222px; overflow:hidden; float:left; margin:6px 7px 0 0; position:relative;border:1px solid #eee; box-sizing:border-box;}

.product2 li img{ display:block;width:296px; height:222px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.product2 li em{ display:block; width:100%; height:40px; font:14px "Microsoft YaHei UI"; line-height:40px; background:rgba(0,0,0,0.5); height:40px; color:#fff; position:absolute; bottom:0; text-align:center;}

.product2 li:hover em{ background:#01953f;-webkit-transition:all 0.7s;

	transition:all 0.7s;transition-property:background;

-moz-transition-property: background; /* Firefox 4 */

-webkit-transition-property:background; /* Safari 和 Chrome */

-o-transition-property:background;}

		.product2 li:hover img,.product11 dt:hover img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}



.super{ margin-top:70px; height:945px; position:relative;}

.super:before{ content:""; position:absolute; top:142px; left:0; width:100%; height:1px; background:#dcdcdc;}

.supert{ width:1200px; height:106px; margin:0 auto; position:relative; z-index:5;}

.supert h3{ width:400px; float:left; height:106px;}

.supert h3 span{display: block;width: 78px;height: 42px; margin: 33px 0 0 66px;position: relative; overflow:hidden; float:left;}

.supert h3 p{ float:right; width:242px; font:28px "Microsoft YaHei UI"; color:#000; margin-top:27px;}

.supert h3 p em{ display:block; font:14px "Times New Roman", Times, serif; color:#c0c0c0; text-transform:uppercase; letter-spacing:2px; line-height:20px;}

.supert .cur{ background:#044299; position:relative;}

.supert .cur:before{ content:""; position:absolute; top:106px; left:50%; width:0; height:0; border-top:20px solid #044299; border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0); margin-left:-20px;}

.supert .cur span em{ display:none;}

.supert .cur p{ font-weight:bold; color:#fff;}

.super1 dl{ height:633px; position:relative;}

.super1 dt{ height:633px; background:url(../images/ys1.jpg) no-repeat center top; overflow:hidden;}

.super1 dl:nth-child(2) dt{ height:633px; background:url(../images/ys2.jpg) no-repeat center top;}

.super1 dl:nth-child(3) dt{ height:633px; background:url(../images/ys3.jpg) no-repeat center top;}

.super1 dd{ position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.5); height:135px;}

.super1 dd h5{ width:1200px; height:135px; margin:0 auto;}

.super1 dd em{ display:block; width:410px; float:left; font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:36px; color:#fff; float:left; margin-top:28px;}

.super1 dd p{ width:735px; float:right; margin-top:29px; font:16px "Microsoft YaHei UI"; line-height:32px; color:rgba(255,255,255,0.8);}



.new{ height:930px;overflow:hidden;}

.new .tit em{ padding-bottom:10px;}

.new1{ height:393px; overflow:hidden;}

.tit2{ height:60px; font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:60px;}

.tit2 a{ display:block; color:#212121;}

.tit2 a:hover{ color:#044299;}

.tit2 em{ font:16px Arial, Helvetica, sans-serif; color:#adadad; padding-left:8px;}

.new1 h5{ width:599px; height:338px; float:left; overflow:hidden; position:relative;}

.new1 h5 img{ display:block; width:599px; height:auto;}

.new2{ width:560px; overflow:hidden; float:right;}

.new2 dl{padding:20px 0;border-top:1px solid #e3e3e3;/* background:url(../images/new_arr.png) no-repeat right center; */}

.new2 dt{ height:30px; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin-bottom:1px;}

.new2 dt em{ display:block; float:left; width:60px; height:36px; font:16px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:36px; color:#fff; background:#044299; margin-right:6px;}

.new2 dd{ font:14px "Microsoft YaHei UI"; line-height:24px; width:490px;}

.new2 a:nth-child(1) dl{padding-top:0;border:0;/* background:url(../images/new_arr.png) no-repeat right 50px; */}

.new2 a:nth-child(1) dt{ font-size:20px; height:36px; line-height:36px; margin-bottom:10px;}

.new2 dl:hover dt{ color:#00953f;}

.new1 h5:before,.about dt:before{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);}

.new1 h5:hover:before,.about dt:hover:before{

            left: 100%;

            -moz-transition: 1s;

            -o-transition: 1s;

            -webkit-transition: 1s;

            transition: 1s;

        }



.faq{ margin-top:15px; width:599px; float:left; overflow:hidden;}

.faq li{/* height:45px; */border-bottom:1px solid #ccc;font:16px "Microsoft YaHei UI";line-height:45px;}

.faq li a{display:block;/* background:url(../images/new_arr.png) no-repeat 528px center ; */color:#212121;}

.faq li em{ display:block; width:20px; height:20px; background:#999; float:left; margin:12px 16px 0 0; font:14px "Microsoft YaHei UI"; text-align:center; line-height:20px; color:#fff;}

.faq li:nth-child(1) em{background: #00953f;}

.faq li:last-child{ border:0;}

.faq li a:hover{ color:#00953f; font-weight:bold;}



.video11{ width:560px; overflow:hidden; margin-top:15px; float:right;}

.video11 .tit2 i{ float:right; font:14px "Microsoft YaHei UI"; color:#1d1d1d; margin-top:25px;}

.video11 h5{ width:559px; position:relative;}

.video11 h5 img{ display:block; width:559px; height:229px;}

.video11 h5 em{ display:block; height:40px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; background:#000;}

.video11 h5 i{ display:block; background:url(../images/video_v.png) no-repeat; width:57px; height:57px; position:absolute; top:90px; left:250px;}



.about dt{ position:relative; overflow:hidden;}

.about dt img{ display:block; width:100%;}

.about dd{ width:1200px; margin:0 auto 70px; position:relative; height:200px; border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;}

.about dd h3{ width:240px; height:200px; float:left; background:#00953f; font:44px "Microsoft YaHei UI"; font-weight:bold; color:#fff; text-align:center;}

.about dd h3 a{ display:block; color:#fff; padding-top:50px;}

.about dd h3 em{ display:block; font:20px "Microsoft YaHei UI"; line-height:30px;}

.about dd p{ width:890px; float:left; margin:55px 0 0 27px; font:16px "Microsoft YaHei UI"; line-height:28px;}

.about dd p a{ color:#00953f;}



.pic{ width:1200px; height:365px; margin:0 auto; position:relative;}

.pict{ height:78px; text-align:center; font:20px "Microsoft YaHei UI"; text-align:center; line-height:48px;}

.pict a{ display:inline-block; width:190px; height:48px; margin:0 1px; background:#f15733; color:#fff;}

.pict .cur{ position: relative; background:#044299;-webkit-transition:all 0.7s;

	transition:all 0.7s;transition-property:background;

-moz-transition-property: background; /* Firefox 4 */

-webkit-transition-property:background; /* Safari 和 Chrome */

-o-transition-property:background;}

.pict .cur:before{ content:""; position:absolute; top:48px; left:50%; margin-left:-16px; width:0; height:0; border-top:12px solid #00953f; border-left:16px solid rgba(0,0,0,0);border-right:16px solid rgba(0,0,0,0);}

.pic1{ overflow:hidden;}

.pic li{ width:290px; height:220px; float:left; overflow:hidden; position:relative; margin-right:13px;}

.pic li img{ display:block; width:288px; height:218px; border:1px solid #bfbfbf;}

.pic li em{display:block;position: absolute;

 bottom: 0;

    height: 0;

    width: 100%;

    text-align: center;

    font: 16px "Microsoft YaHei UI"; line-height:218px;

    color: #fff;

    background: rgba(241,87,51,0.8);

    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.pic li a:hover em{ height:100%;}

.pic_l{ position:absolute; top:80px; left:-72px;}

.pic_r{position:absolute; top:80px; right:-72px;}



.link{width:1200px; margin: 0 auto; position: relative;}

.link .content{position: absolute; top: -60px;right: 0; width:500px; height:60px;font:14px "Microsoft YaHei";color:#fff; line-height:60px; text-align:right;}

.link a{ display: inline-block;padding:0 17px; font:14px "Microsoft YaHei"; color:#a6adb6; line-height:60px; height:60px; position:relative;}

.link a:hover{font-weight:bold; text-decoration:underline; color:#f15733;}





@keyframes living {

    0%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 6px;

    }

    50%{

        transform: scale(1);

        /* opacity: 0.7; */margin-top:0px;

    }

    100%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 6px;

    }

}

@keyframes living1 {

    0%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 0;

    }

    50%{

        transform: scale(1);

        /* opacity: 0.7; */margin-top: 0;

    }

    100%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 0;

    }

}

@-webkit-keyframes spin{

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  50% {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  50% {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}





/*animation*/

@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}