@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: normal;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1300px; color:#333333; background: url(images/3.jpg) top center no-repeat;}
a{font-size:14px; color:#333333;}
.w1300,.box { width:1300px; margin:auto;}
.mar30{ margin:30px auto;}
.dis{ display: none;}
.w960{width:960px;}
.mod1009 .search_page_list_img img{width: 30% !important;}


.top{ height: 44px; line-height: 44px; font-size: 14px; color: #666; font-weight: 100;}
.top .fr{ color: #fff; font-size: 16px;margin-right:68px;margin-top: 6px;}
.top .fr span{ background: url(images/1.png) no-repeat left center; padding-left: 34px; position: relative;}
.top .fr span:nth-child(2){ background: url(images/2.png) no-repeat left center; padding-left: 27px; margin-left: 40px;}
.top .fr span img{ width: 139px; position: absolute; top: 37px; left: 0;display: none; left: 50%; margin-left: -62.5px; z-index:1;}
.top .fr span:hover img{ display: block;}
.top1 { height:150px; position:relative;}
.logo{margin: 40px 0 0;}
.top_oen{ font-size: 32px; color: #333333; margin-top: 35px;}
.top_oen strong{margin-bottom: 3px;display: block;}
.top_oen em{ color: #74c60b;}
.top_oen p span{font-size: 14px; color: #fff; width: 92px; height: 25px; line-height: 25px; float: left; margin-right: 10px; background: #74c60b;    border-radius: 4px;}
.top_oen p span img{vertical-align: top;margin: 0 6px;}
.top_tel1{    position: absolute;right: 0;top: 55px; z-index:0;}

.nav{ overflow: hidden; height: 80px;}
.nav li{ width: 11.111%; float: left; text-align: center;  height:100%;}
.nav li a{  display: block; height: 100%;overflow: hidden;font-size: 12px; color: #c2e4a5;}
.nav li a span{  display: block; color: #fff; font-size: 16px; margin-top: 21px;}
.nav li.cur, .nav li:hover{ background: url(images/6.jpg) repeat-x;}
.nav li.cur a, .nav li:hover a{ color: #939393;}

.products{ overflow: hidden; margin-bottom: 35px;}
.title{ text-align: center; margin: 62px 0 37px;}
.title span{ font-size: 36px; color: #333;}
.title span strong{ color: #74c60b;}
.title p{ font-size: 16px; font-weight: 100; color: #666; margin-top: 3px;}
.pro_l{ width: 310px; background: #f9f9f9;}
.pro_t{ height: 85px;  font-size: 30px;color: #fff; padding-top: 23px; background:#74c60b url(images/6.png) no-repeat 246px 33px;padding-left: 30px;}
.pro_t span{ color: #c2e4a5; font-size: 12px; font-family: Arial; display: block; text-transform: uppercase; margin-top: 4px;}

.pro_three{height: 58px; border-bottom: 1px solid #eee; background: #f9f9f9 url(images/7.png) no-repeat 264px 26px; padding:0 30px; line-height: 58px;font-size: 16px; color: #333; display: block;}
.pro_two a{ font-size: 14px !important; color: #666 ; float: left; width: 50%;}
.pro_two span{ margin-right: 15px;}
.pro_two{line-height: 25px;  border-bottom: 1px solid #eee; padding: 20px 30px;}


.pro_box{height: 340px; width: 960px; position: relative;}
.pro_content{ background: url(images/9.jpg); height: 100%; width: 100%;}
.pro_r .tempWrap{ width:960px !important;}
.pro_d li{ width: 310px; height: 287px; float: left; margin-right: 15px; margin-top: 20px;}

.pro_d li img{width: 310px; height: 233px; display: block; box-sizing:border-box; border:1px solid #f5f5f5; border-bottom:none;}
.pro_d li p{ height: 54px; line-height: 54px; color: #666; font-size: 16px; text-align: center; background: #f9f9f9; position: relative;}
.pro_d li p span{position: relative;z-index: 1;}
.pro_d li p::before{content: ""; display: block; position: absolute; width: 0; height: 100%; transition: all 0.5s; background: #74c60b; left: 0; top: 0; z-index: 0;}
.pro_d li:hover p{ color: #fff;}
.pro_d li:hover p::before{ width: 100%;}
.pro_content dl{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.pro_content dl dt{position: absolute;left: 582px;}
.pro_content dl em a{ font-size: 30px; color: #fff; display: block; margin: 50px 0 2px;}
.pro_content dl p{ color: #9a9a9a; font-size: 16px; margin-bottom: 30px;}
.pro_content dl li{ text-align: center; font-size: 14px; color: #fff; float: left; margin-right: 20px;}
.pro_nav{position: absolute; left:582px ; bottom: 55px;border: 1px solid #fff;border-radius: 30px;padding: 5px;}
.pro_nav li{ width: 80px; height: 25px; text-align: center; line-height: 25px; color: #fff; float: left; cursor: pointer;}
.pro_nav li.on{ background: #74c60b; border-radius: 50px;}
.onon a{background: #fe9900 url(images/05.png) no-repeat 264px 26px;color: #fff;font-weight: bold;}
.pro_l .pro_two a:hover{ color:#74c60b;}

.case{background: url(images/20_02.jpg)repeat; overflow: hidden; padding-bottom: 70px;}
.case_box{ height: 486px; position: relative;}
.case_box li{ width: 315px; height: 236px; position: absolute; left: 0; top: 0; overflow: hidden;}
.case_box li:nth-child(2){ top:auto; bottom: 0;}
.case_box li:nth-child(3){ top:auto; left:auto; bottom: 0; right: 0;}
.case_box li:nth-child(4){ left:auto; right: 0;}
.case_box li:nth-child(5){ left: 330px;}
.case_box li img{ width: 100%; height: 100%; transition: all 0.5s ease;}
.case_two{ height: 50px; width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .8); line-height: 50px; color: #fff; text-align: center; font-size: 16px;}
.case_two p{ display: none; color: #9e9e9e; font-size: 14px; font-weight: 100;}
.case_box li:hover img{transform:scale(1.1);}
.case_box li:nth-child(5){ width: 640px; height: 486px;}
.case_box li:nth-child(5) .case_two span{ display: block;margin: 16px 0 3px;}
.case_box li:nth-child(5) .case_two p{ display: block;}
.case_box li:nth-child(5) .case_two{ height: 80px; text-align: left; line-height: inherit; font-size: 18px; padding-left: 30px;background:rgba(0, 0, 0, .8) url(images/18.png) no-repeat 603px 33px;}



.partner{ overflow: hidden; margin-bottom: 70px;}
.par_til {margin-bottom: 26px;}
.par_til span{ font-size: 30px; color: #74c60b; font-family: Arial; display: block; text-transform: uppercase;margin-bottom: -5px;}
.par_til em{ font-size: 26px; color: #333; background: url(images/26_03.png) no-repeat center right;display: block;width: 240px;}
.par_til .fr{ font-size: 16px; font-weight: 100; color: #666;margin-top: 20px;}
.par_con li{ width: 244px; height: 122px; float: left; margin-right: 20px; border: 1px solid #eee; box-sizing: border-box;}
.par_con li:nth-child(5){ margin-right: 0;}
.par_con li img{ width: 100%; height: 100%;}

.company{ background: #f9f9f9; padding-bottom: 70px; overflow: hidden;}
.com_one{ width: 620px;}
.com_one span{ font-size: 30px; color: #74c60b; font-family: Arial; display: block; text-transform: uppercase;margin:40px 0 -5px;}
.com_one em{ font-size: 26px; color: #333; background: url(images/26_03.png) no-repeat center right;display: block;width: 315px;}
.com_one p{ font-weight: 100; color: #666; font-size: 14px; line-height: 28px; text-align:justify; border-top: 1px solid #eee;padding-top: 25px;margin-top: 25px; margin-bottom: 40px;}
.com_one a{ width: 154px; height: 42px; line-height: 42px; color: #333; text-align: center; font-size: 14px; border: 1px solid #eee; border-radius:30px; display: inline-block; margin-right: 20px; transition: all 0.5s;}
.com_one a:hover{  background: #74c60b; color: #fff;}




.com_box{margin-bottom: 30px;}
.plant li{float: left; margin-right: 20px; width: 310px; text-align: center;}
.plant li a{ font-size: 16px; color: #333;line-height: 28px;display:block;}
.plant li img{ width: 310px; height: 204px;}
.plant li:nth-child(4n){margin-right: 0;}


.copy_box{width: 100%; background:#333; overflow:hidden;}
.bqa{width: 1300px; margin: 0 auto;}
.copy {text-align: justify; width:100%; margin:0 auto; }
.copytop{ margin-top:70px;}
.copy_r{ width: 300px;}
.copy_rtel{float:left; width:300px;}
.copy_rtel p{float:left;width:300px;font-size:14px;color:#999;line-height: 32px;margin-top:10px;}
.copy_rtel p span{font-size: 30px;color: #fff;display:block;letter-spacing: -1px;font-weight:bold;margin: 10px 0; letter-spacing:1px;}
.copy_rtel em{float:left;width:300px;font-size:14px;color:#fff;line-height: 18px;margin-top:6px;}
.copy_rtel a{width:146px; float:left; box-sizing:border-box; border-radius: 50px; height:33px; line-height:33px; background:#fff url(images/036.png) top 3px left 25px no-repeat; padding-left:58px; margin-top:20px; transition: all 0.6s;}
.copy_rtel a:hover{width:246px; transition: all 0.6s;background:#fff url(https://site.di7.com/member/web12616o4/files/images/036.png) top 3px left 75px no-repeat; padding-left:108px;}
.copy1{text-align: justify; width:100%; margin:0 auto;padding: 60px 0px 40px; }
.copy1:after{ display: block;content: "";clear: both;}
.copy_row1fl{ float:left;}
.copy_row1 .col4 { float: left; padding-right:100px;}
.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; }
.copy_row1 .col4 .c4title {position: relative; padding: 0 0 20px 0; display: inline-block; font-size:18px; color:#fff; font-weight:100; line-height:35px;}
.copy_row1 .col4 .c4title em{font-size:12px; text-transform:uppercase; color:#999; font-family:Arial; line-height:18px; display:block; font-style: normal;}
.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #fff; color:#fff;}
.copy_row1 .col4 ul li a { color: #999; font-size: 14px; display: block; line-height: 30px; font-weight: 100;}
.copy_row1 .col4 ul li a:hover{ text-decoration: underline; color: #ccc; }
.copy_row1_ewm{margin-right:30px;background:#fff;padding:10px 10px 10px; overflow: hidden; width:117px; height: 147px; box-sizing:border-box;}
.copy_row1_ewm span{font-size: 14px;color: #999 !important;display: block;text-align:center;line-height:30px; padding-top: 6px; width:97px;}
.copy_row1_ewm img{width:97px !important;height:97px !important;float: left;}
.copy_row2{float:left;border-left: 1px #333 solid;padding-left: 15px; width:340px;}
.copy_row2 .fr{}
.copy_row2 .c4title {position: relative; padding: 0 0 20px 0; display: inline-block; font-size:18px; color:#fff; font-weight:100; line-height:35px; width:350px; float:left;}
.copy_row2 .c4title em{font-size:12px; text-transform:uppercase; color:#999; font-family:Arial; line-height:18px; display:block;}
.copy_row3 {font-size:14px; font-weight: 100;color: #999;line-height:30px; padding: 30px 0px; width:1300px; overflow:hidden; border-top:1px rgba(102,102,102,0.5) solid;}
.copy_row3 a{font-size:14px; color: #999;}
.copy_row3l a:hover{ color:#fff;}
.copy_row3l{float:left;}
.copy_row3r{float:right;}
.box:after{display: block;clear: both;content: "";}

.mod1125 ul.small_ul li{    width: 110px !important;height: auto !important;}
    .showsum{width: 500px !important; height:92px !important;}  
    .small_ul{width: 100% !important;}
    .showbox{ height: auto !important;}
    .showbox>div{top: 0 !important;}