@charset "utf-8";
/*ËÑË÷*/
.seabox{overflow:hidden;height:70px;line-height:70px;font-family:"Microsoft Yahei";position: relative;}
.sea_inp{width:389px;overflow: hidden; height:38px;background:url(/css/../images/s_s.jpg) no-repeat; margin-top: 14px;}
.sea_inp .serach{width:337px;height:38px;border:0;line-height:38px;color:#bbb;float:left;outline: none;display: block; background:none; font-size: 14px; padding-left: 13px;}
.sea_inp .sub{ width:38px; height:38px;border:0;float:right;cursor: pointer;display: block;background:none;}
.k_word{overflow:hidden;width:790px;color:#565656;overflow: hidden;font-size: 14px;}
.k_word b{display:inline-block;padding-left:45px;background:url(/css/../images/hot.jpg) no-repeat  20px 22px; color: #444444; font-size: 14px;}
.k_word a{color:#888888;padding:0 5px;}
.k_word a:hover{color:#ea1615; text-decoration: underline;}
/**/
.china{background:url(/css/../images/china.jpg) no-repeat  center 0; height: 487px; overflow: hidden; padding-top:120px; box-sizing: border-box;}
.china dl dt{ float: left; margin-left: -48px;}
.china dl dd{ float: right; padding: 1px 0 0; width: 605px;}
.china dl dd h3{font-weight: normal; font-size: 36px; color: #000; line-height: 100%; padding-bottom: 16px;}
.china dl dd h3 i{font-weight: bold;}
.china dl dd p{ font-size: 14px; color: #666; line-height: 25px; height: 117px;}
.china dl dd h4{font-weight: normal; font-size: 18px; color: #333; overflow: hidden;}
.china dl dd h4 em{ display: inline-block; float: left; text-align: center; margin-right: 103px;}
.china dl dd h4 em:last-child{ margin-right: 0;}
.china dl dd h4 em i{ display: block;}
.china dl dd h4 em span{ font-size: 54px; color: #333; font-family: Arial; line-height: 100%;font-weight: bold; padding-right:3px;}
.china dl dd h4 em:hover,.china dl dd h4 em:hover span{ color: #ea1615;}
.china dl dd h4 em:hover i{color: #333;}
/**/
.pros{ overflow: hidden;background:url(/css/../images/pro.jpg) no-repeat  center 0; height:1122px; margin-bottom: 157px; padding-top: 70px; box-sizing: border-box;}
h2{ text-align: center; color: #fff; font-weight: normal; font-size:48px; line-height: 100%;background:url(/css/../images/h21.png) no-repeat center 58px; height: 112px; letter-spacing: 6px;}
h2 i{font-weight: bold; line-height: 100%; display: inline-block;}
.p_l{ width: 259px;}
.p_l h3{ text-align: center; color: #fff; line-height: 100%; font-size: 32px; line-height: 100%; padding-top: 35px; height: 103px;}
.p_l h3 span{ display: block; padding-top: 10px;}
.p_l h4{ height: 59px; line-height: 59px; border-bottom: 1px solid #cecece; margin: 0 3px;}
.p_l h4 a{ display: block; padding-left: 49px; font-size: 18px; color: #333; font-weight: bold;background:url(/css/../images/pl_li2.jpg) no-repeat 20px 23px;}
.p_l h4 a:hover{ color: #00a23c;background:url(/css/../images/pl_li.jpg) no-repeat 20px 23px;}
.p_l ul{ margin-left: 37px; padding:6px 0;}
.p_l ul li a{ display: block; line-height: 30px; height: 30px; padding-left: 17px;background:url(/css/../images/pl_i2.jpg) no-repeat 0 11px; font-size: 15px; color: #333;}
.p_l ul li a:hover{;background:url(/css/../images/pl_i.jpg) no-repeat 0 11px; color: #00a23c;}
.p_l h4:last-of-type{ border-bottom:none;}

.p_r{ width: 937px;}

.p_r1{ position: relative; overflow: hidden; height: 573px;}
.p_r1 ul li img{ display: inline-block; float: left;}
.p_r1 ul li em{ display: inline-block; float: right; width: 315px; padding: 89px 48px 0 0; font-size: 14px; color: #333;}
.p_r1 ul li em i{ display: block; padding-bottom: 53px; line-height: 100%;background:url(/css/../images/p_li.png) no-repeat 0 48px;}
.p_r1 ul li em i a{ display: block; color: #333333; font-size: 26px; font-weight: bold; line-height: 100%;}
.p_r1 ul li em span{ display: block; width: 294px; font-size: 14px; color: #333; line-height: 24px; height: 227px;}
.p_r1 ul li em b{ display: block;font-weight: normal;}
.p_r1 ul li em b a{ display: inline-block; font-size: 14px; color: #fff; width: 116px; height: 36px;background:url(/css/../images/p_btn1.jpg) no-repeat; line-height: 34px; text-align: center;}
.p_r1 ul li em b a:nth-child(2){background:url(/css/../images/p_btn2.jpg) no-repeat; width: 125px; margin-left: 10px; box-sizing: border-box; padding-left:36px;}
.p_u{ position: absolute; left:20px; top: 255px; z-index: 9; cursor: pointer;}
.p_d{ position: absolute; right:20px; top: 255px; z-index: 9; cursor: pointer;}

.p_r2{ position: relative; overflow: hidden;}
.p_u2{ position: absolute; left: 0; top: 149px; z-index: 9; cursor: pointer;}
.p_d2{ position: absolute; right: 0; top: 149px; z-index: 9; cursor: pointer;}
.p_r2 ul li{ float: left; width: 302px; margin-right: 3px; overflow: hidden; border: 4px solid #ebebeb;}
.p_r2 ul li img{ display: inline-block; width: 302px; height: 302px;}
.p_r2 ul li span{ display: block; text-align: center; height: 57px; line-height: 57px;background:url(/css/../images/lin2.png) no-repeat center 0; overflow: hidden; font-size: 17px; color: #333;}
/**/
.cpty{ overflow: hidden; height: 933px; position: relative;}
.cpty h2{ color: #1a1a1a; letter-spacing: 4px;    background: url(/css/../images/h22.png) no-repeat center 58px; height: 315px;}
.cpty h3{ text-align: center; font-size: 0;}
.cpty ul{ overflow: hidden; position: absolute;left:0; top: 109px; z-index: 5;}
.cpty ul li{ float: left; width: 600px; font-size: 15px; color: #4d4948; height: 415px;}
.cpty ul li i{ display: block;color: #019d3f; font-weight: bold; font-size: 22px; padding-bottom: 16px;}
.cpty ul li i span{ display: block; font-family:Arial; color: #818181; font-size: 53px; line-height: 100%;font-weight: normal; padding-bottom: 4px;}
.cpty ul li em{ display: block; height: 95px;}
.cpty ul li em span{ display: block; padding-bottom:4px;}
.cpty ul li:nth-child(2n){ text-align: right;}
    /**/
.hex{ overflow: hidden;background:url(/css/../images/ys1.jpg) no-repeat center 0; height: 882px; clear: both;}
.hex h2{ text-align: center; padding-top: 53px; font-size: 66px;background:url(/css/../images/h23.png) no-repeat center 185px; letter-spacing: 22px; height: 268px;}
.hex h2 span{ display: block; font-size: 42px; letter-spacing: 15px; line-height: 100%; padding-top:9px;}
.hex dl dt{ float: right; overflow: hidden; width: 619px; height: 395px; padding-right: 6px;}
.hex dl dd{ float: left; margin-left: -38px; width: 570px; box-sizing: border-box; padding-left: 38px; margin-top: 67px;background:url(/css/../images/hx_li.jpg) no-repeat 0 57px;}
.hex dl dd h3{font-weight: normal; font-size: 32px; color: #333; line-height: 100%; height: 87px;}
.hex dl dd h3 i{font-weight: bold; color: #df0124; font-weight: bold;}
.hex dl dd p{ font-size: 16px; color: #555; line-height: 28px; padding-bottom: 23px;}
.hex dl dd p span{ display: block; padding-left: 33px;background:url(/css/../images/hx_io1.jpg) no-repeat 12px 9px; margin-bottom:11px;}
.hex dl dd em{ display: block;background:url(/css/../images/hx_io2.jpg) no-repeat;width: 150px; height: 42px; line-height: 42px;}
.hex dl dd em a{ display: block; padding-left: 33px; color: #fff; font-size: 14px;}
    /**/
.hex2{ width: 1200px; margin: 0 auto; position: relative; background: none; overflow: inherit; height: 620px;}
.hex2 dl{position: relative;}
.hex2 dl dt{ clear: both; position: absolute; left: -360px; top: 0; padding-right: 0; width: 989px; height: 539px;}
.hex2 dl dd{ float: right; width: 516px; margin-top: 45px; position: relative;}
.hex2 dl dd  h3{white-space: nowrap;}
.hex2 dl dd  h4{position: absolute; left:-327px; top:274px; background: #fff; clear: both; overflow: hidden; padding: 19px 0 0 19px;}
.hex2 dl dd  h4  img{ display: inline-block; float: left; margin-right: 10px;}
.hex2 dl dd  h4  img:last-of-type{ margin-right: 0;}
/**/
.hex3{ overflow: hidden; background: none; height: 482px;}
.hex3 dl dt{ width: 903px; height: 483px; padding-right: 0; margin-left:-240px;}
.hex3 dl dd{ position: relative;z-index: 6; margin-top: 89px;}
    /**/
.cases{ height:763px; overflow: hidden;background:#f0f0f0;padding-top:109px; margin-bottom: 101px;}
.cases .content{ position: relative;}
.cases h2{ color: #333333;background:url(/css/../images/h24.png) no-repeat center 59px; height: 109px;}
.cases h3{ height: 85px;background:url(/css/../images/c_nav.jpg) no-repeat center 0; padding-left:145px;}
.cases h3 a{ display: inline-block; line-height: 50px;font-weight: normal; color: #333333; font-size: 18px; width: 228px; padding-left: 76px; box-sizing: border-box;}
.cases h3 a:nth-child(2){ padding-left: 92px;}
.cases h3 a:nth-child(3){ padding-left:90px;}
.cases h3 a:nth-child(4){ padding-left:80px;}
.cases h3 a:hover{text-decoration: underline;}
.c_u{ position: absolute; left: -80px; z-index: 5; top:366px; cursor: pointer;}
.c_d{ position: absolute; right: -80px; z-index: 5; top:366px; cursor: pointer;}
.c_on ul li{ float: left; width: 389px;height:511px; margin-right: 14px; background:url(/css/../images/c_m2.jpg) no-repeat 33px 456px #fff;}
.c_on ul li b{ overflow: hidden;}
.c_on ul li i{ display: block; margin:17px 32px; font-size: 20px; color: #333333; overflow: hidden;}
.c_on ul li em{ display: block; margin: 0 32px; font-size: 14px; color: #666666; line-height: 24px;}
.c_on ul li:hover{background:url(/css/../images/c_m1.jpg) no-repeat 33px 456px #fff;}
.c_on ul li:hover i{ color: #049d3f;}
.c_u img,.c_d img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.c_u:hover img,.c_d:hover img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;}
    /**/
.bhh{height:835px;}
.bhh h2{ color: #1a1a1a;background:url(/css/../images/h26.png) no-repeat center 59px; height: 138px;}

.new_l{ width: 707px;}
.new_l h3{ height: 132px; border-bottom: 1px dashed #d1d1d1; overflow: hidden;}
.new_l h3 i{ display: block; overflow: hidden;}
.new_l h3 i span{ display: inline-block; width:94px; height: 41px; box-sizing: border-box;background: url(/css/../images/h_hot.jpg) no-repeat; margin-right:16px; padding:5px  4px  0 0 ; line-height: 35px; text-align: center; color: #009e3f; font-size:24px; font-weight: normal; float: left; box-sizing: border-box;}
.new_l h3 i b{ display: inline-block; float: left; overflow: hidden; width: 560px; font-size:22px; color: #333333; font-weight:normal;margin-top: 12px;}
.new_l h3 em{ display: block; padding-top: 19px; font-weight: normal; font-size: 14px; color: #666; line-height:26px;}
.new_l h3 em span{ color: #1260ab;}
.new_l dl{ overflow: hidden; padding: 20px 0;border-bottom: 1px dashed #d1d1d1; }
.new_l dl dt{ float: left; overflow: hidden; line-height: 0; font-size: 0; width:212px;}
.new_l dl dt img{ width: 212px;}
.new_l dl dd{ float: right; width:466px;box-sizing: border-box; padding-top:12px;}
.new_l dl dd  h4 a{ font-size: 18px; color: #333; display: block; line-height: 100%; margin-bottom: 6px;font-weight: bold;}
.new_l dl dd  p{ font-size: 14px; color: #666; line-height: 26px; padding-top: 13px;}
.new_l dl dd h4 a:hover{color: #009e3f;}

.new_l ul{ padding-top: 13px;}
.new_l ul li{ height:40px; line-height: 40px;padding-left:22px;background:url(/css/../images/h_io2.jpg) no-repeat 0 18px;}
.new_l ul li span{ display: inline-block; float: right; color: #999999; font-size: 14px;}
.new_l ul li.nob{ border-bottom: none;}
.new_l ul li a{ display: block; font-size: 16px; color:#1a1a1a;}
.new_l ul li a:hover{ color: #009e3f;}

.faqs{width:442px; height: 597px;background: url(/css/../images/hhtr.jpg) no-repeat;overflow: hidden; box-sizing: border-box; padding: 0 22px;}
.faqs h3{ padding-top: 31px; height: 47px;}
.faqs h3 a{ font-weight: normal; font-size: 26px; color: #009e3f;}
.faqs h3 i{ font-size: 18px; color: #999999; font-family: Arial;font-weight: normal; padding-left: 3px;}
.faqs h4{ font-size: 0; line-height: 0;}
.faqs ul li{ overflow: hidden; padding:29px 0 24px; border-bottom: 1px dashed #ccc;}
.faqs ul li i{ display: block;}
.faqs ul li i a{ display:block; padding-left:19px; font-size: 16px; color: #4c4c4c; overflow: hidden;background: url(/css/../images/h_io2.jpg) no-repeat 0 6px; height: 100%; line-height: 100%; height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.faqs ul li i a:hover{ color: #009e3f;}
.faqs ul li span{ display: block; font-size: 14px; color: #666; padding-top: 11px;padding-left:19px;}
.faqs ul li:last-of-type{ border-bottom: none;}
    /**/
.zjj{ height:747px;background:url(/css/../images/zj.jpg) no-repeat center bottom; overflow: hidden; color: #fff; padding-top: 1px;}
.zjj h2{ color: #1a1a1a;background: url(/css/../images/h27.png) no-repeat center 58px; height: 347px;}
.boc{ margin-left: 665px; border-left: 6px solid #009e3f; height: 213px; padding-left: 39px;  padding-top: 35px; background: rgba(0,0,0,0.5); width: 434px;}
.boc h3{ color: #fff; font-size: 24px; padding-bottom: 11px; margin-left: -7px;}
.boc p{ font-size: 14px; color: #fff; line-height: 27px; width: 367px; padding-bottom: 22px;}
.boc em a{ color: #f21c1c; text-decoration: underline;}
    /**/
.links{line-height:59px; overflow: hidden;background:#069d3f; height:59px;}
.links h3{ font-size: 14px; color: #fff; float: left;font-weight: bold; padding: 0 22px;}
.links p a{ color: #fff; font-size: 14px; display: inline-block; padding: 0 17px;}
.links p a:hover{text-decoration: underline;}
.c_on ul li b{ overflow: hidden; display: block;}
   /**/
.hex dl dt img,.c_on ul li b img,.new_l dl dt img{transition: all 0.3s linear 0s;}
.hex dl dt img:hover,.c_on ul li b img:hover,.new_l dl dt img:hover{transform: scale(1.03);}
.new_l h3 i b:hover{ color: #069d3f;}
.new_l h3 em span{ color: #069d3f;}
   /**/
@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}