@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;}
a{font-size:14px; color:#333333;}
.w1300 { width:1300px; margin:auto;}
.mar30{ margin-top:40px;}
.bottom30{margin-bottom:40px;}
.dis{ display: none;}
.w960{width:960px;}
.mod1009 .search_page_list_img img{width: 30% !important;}

.top{ overflow: hidden; height: 45px; line-height: 45px; font-size: 14px; color: #fff; background: url(	images/top.png) no-repeat top center;}

.top .fr{ background: url(images/1.png) no-repeat left center; padding-left: 35px;}
.top .fr strong{ font-family: Arial; font-size: 22px;display: inline-block;vertical-align: bottom;}
.nav_box{ height: 130px;  min-width: 1300px;}
.nav_l{ margin-top: 22px; display: block;}

.nav_r li{ float: left; margin-right: 26px;}
.nav_r li a{ display: block; line-height: 130px; font-size: 16px; color:#333; position: relative; height: 130px;}
.nav_r li a::before{content: ""; display: block; width: 0px; height: 3px; background: #09abe6; position: absolute; top: 87px; left: 0; right: 0; margin: 0 auto; transition: all 0.5s;}
.nav_r li a:hover::before, .nav_r li.cur a::before{ width: 27px;}
.search{margin: 53px 0 0 20px; cursor: pointer; position:relative;}
.search_one{ position: absolute; top: 77px; z-index: 10; right: 0;  width:310px; height: 50px; overflow: hidden;}
.inputxt{outline: none;border: none;background: #f5f5f5;padding-left: 20px;width: 240px;float: left;height: 50px;}
.search-i input{ float: left; width: 50px;outline: none;border: none; background:#09abe6 url(images/06.png); cursor: pointer;height: 50px;}
.search:hover .search_one{ height: 50px;}
.Features1{ height: 110px; background: #09abe6; border-bottom: 1px solid #d9d9d9;}
.Features1 li{ float: left; width: 20%; border-left: 1px solid #d9d9d9; box-sizing: border-box; height: 100%; font-size: 12px; color: #fff; position: relative; text-align: center;}
.Features1 li em{ display: block; font-size: 16px; color: #fff;margin-top: 38px;}
.Features1 li img{margin: 35px 15px 0 0;}
.Features1_one{ display: inline-block;text-align: left;vertical-align: super;}

.title{ font-size: 36px; color: #343434; text-align: center; margin: 61px 0 30px; font-weight: bold; padding-bottom: 26px; background: url(images/10_02.png) no-repeat center bottom;}
.title strong{ color: #09abe6;}
.title p{ font-size: 16px; color: #666666; margin-top: 2px; font-weight: 100;}

.products{ overflow: hidden; background: url(images/13_02.jpg) repeat; padding-bottom: 70px;}
.pro_nav{ margin-bottom: 25px;}
.pro_nav li{ width: 224px; height: 50px; float: left; margin-left: 20px; line-height: 50px; position: relative; padding-left: 20px; background: #fff;}
.pro_nav li:nth-child(1){ margin-left: 0;}
.pro_nav li a{ display: block; font-size: 16px; color: #333; position: relative; z-index: 1;}
.pro_nav li::after{ content: ""; display: block; width: 0;height: 0;border-left: 6px solid #c2c2c2;border-top: 6px solid transparent;border-bottom: 6px solid transparent;right: 20px;top: 19px;bottom: 0; position: absolute; position: 1;}
.pro_nav li::before{content: ""; display: block; position: absolute; width: 0; height: 100%; transition: all 0.5s; background: #09abe6; left: 0; top: 0; z-index: 0;}
.pro_nav li:hover a{ color: #fff;}
.pro_nav li:hover::before{ width: 100%;}
.pro_nav li:hover::after{border-left: 6px solid #fff;}
.pro_content dl:nth-child(1){ width: 640px; height: 279px; background: url( images/12_03.jpg); overflow: hidden;}
.pro_content dl:nth-child(1) strong{ font-size: 20px; color: #09abe6; display: block; margin: 50px 0 15px;    padding-left: 347px;}
.pro_content dl:nth-child(1) div{font-size: 14px; font-weight: 100; line-height: 22px; color: #666;text-align: right;margin-right: 30px;}
.pro_content dl:nth-child(1) span{ display: block; width: 45px; height: 45px; border-radius: 50%; text-align: center; line-height: 45px;background:#09abe6 url(images/11_03.png); margin-top: 40px;margin-left: 567px;}
.pro_content dl{ float: left; width: 310px; height: 279px; margin-right: 20px;}
.pro_content dl:nth-child(3),.pro_content dl:nth-child(7){ margin-right: 0;}
.pro_content dl:nth-child(n+4){ margin-top: 20px;}
.pro_content dl img{ display: block; margin-bottom: 1px; width:310px; height:233px;}
.pro_content dl p{ height: 45px; background: #fff; line-height: 45px; font-size: 16px; color: #333; text-align: center;}
.pro_content dl:nth-child(n+2):hover p{ color: #fff;background: #09abe6;}


.Features2{  margin-bottom: 70px;}
.Features2 li{ width: 25%; border: 1px solid #eee; box-sizing: border-box; float: left; height: 373px; text-align: center;position: relative;}
.Features2 li:nth-child(n+2){ border-left: none;}
.Features2 li strong{ font-size: 26px; color: #09abe6; display: block; margin: 128px 0 11px; position:relative; z-index:1;}
.Features2 li p{line-height: 16px; color: #666; line-height: 25px; margin-bottom: 24px; position:relative; z-index:1;}
.Features2 li a{ width: 40px; height: 40px;  border: 1px solid #d8d8d8; color: #d8d8d8; border-radius: 40px;line-height: 40px; text-align: center; font-size: 25px; display: block; margin: 0 auto; font-weight: 100; box-sizing: border-box; position:relative; z-index:1;}
.Features2 li::after{ content: ""; display: block; width: 62px; height: 45px; background-image: url(images/14_03.png);background-repeat: no-repeat; background-position: center top; transition: all 0.5s; position: absolute;top: 57px;left: 0; right: 0; margin: 0 auto; z-index:1;}
.Features2 li:nth-child(2)::after{background-image: url(images/15_03.png);}
.Features2 li:nth-child(3)::after{background-image: url(images/16_03.png);}
.Features2 li:nth-child(4)::after{background-image: url(images/17_03.png);}
.Features2 li:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.Features2 li:hover::after{ background-position: center bottom;}
.Features2 li:hover a{ background: #09abe6; color: #09abe6; border: none; background:#fff;}
.Features2 li:hover strong{ color:#fff;}
.Features2 li:hover p{ color:#fff;}
.Features2 li:before{content:""; display:block; width:100%; height:0; position:absolute; top:0; left:0; transition:all 0.5s; background:#09abe6; z-index:0;}
.Features2 li:hover:before{ height:100%;}

.case{ background: url(images/19_02.jpg) no-repeat center top; overflow: hidden;  height: 748px;}
.case .title{ background:url(images/10_022.png) no-repeat center bottom;}
.case .title strong{ color: #fff;}
.case .title p{ color: #b9e6f6;}
.case_content dl{ width: 420px;  height: 439px; display: inline-block; margin-right: 20px; background: #fff;}
.case_content dl em{ font-size: 16px; color: #333; text-align: center; display: block; margin: 24px 0 11px;font-weight: bold;}
.case_content dl span{ color: #666; font-size: 14px; line-height: 21px; padding: 0 21px; display: block;}
.case_nav{ text-align: center; margin: 30px 0 0px;}
.case_nav li{ width: 10px; height: 10px;border-radius: 5px; background: #333333; display: inline-block; margin-right: 10px; transition: all 0.5s; font-size: 0;cursor: pointer;}
.case_nav li.on{ background: #09abe6; width: 20px;}
.case_content dl:hover em{ color: #09abe6;}
.case_content dl img{ width:420px; height:315px;}

.advantage{overflow: hidden; height: 629px; margin-bottom: 30px; position: relative;}
.adv_content dl{ background: #f9f9f9; height: 629px; overflow: hidden;position: relative;}
.adv_content dl img{ display: block;}
.adv_content dl div{ padding: 0 40px;}
.adv_content dl strong{ font-size: 26px; color: #333; display: block; margin: 26px 0 5px;}
.adv_content dl p{ font-size: 16px; color: #666; line-height: 26px; font-weight: 100;}
.adv_content dl span{font-family: Impact; color: #ededed; font-size: 80px; position: absolute;right: 40px;bottom: -35px;}

.adv_nav { width: 640px; height: 106px; position: absolute; bottom: 148px; left: 50%; margin-left: -320px; text-align: center;}
.adv_nav li{ width: 160px; height: 106px; float: left; background: #eeeeee;  color: #666; font-size: 18px; cursor: pointer; position: relative; cursor: pointer;}
.adv_nav li::before{ content: ""; display: block;  width: 37px; height: 32px; background-image: url(images/29.png); background-repeat: no-repeat; background-position: top center; margin: 23px auto 7px; transition: all 0.5s;}
.adv_nav li:nth-child(2)::before{ background-image: url(images/30.png);}
.adv_nav li:nth-child(3)::before{ background-image: url(images/31_03.png);}
.adv_nav li:nth-child(4)::before{ background-image: url(images/32_03.png);}
.adv_nav li.on{background: #09abe6; color: #fff;}
.adv_nav li.on::after{content: ""; display: block; width: 18px; height: 9px; background: url(images/33_03.png)no-repeat; position: absolute; left: 50%; margin-left: -9px; bottom: -9px;}
.adv_nav li.on::before{background-position: bottom center;}

.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: 23px;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: "";}