@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;}
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:#343434;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1300px; color:#343434;}
a{font-size:14px; color:#343434;}
.w1300 { width:1300px; margin:auto;}
.top30{ margin-top:30px;}
.bottom30{margin-bottom:30px;}
.dis{ display: none;}
.w960{width:960px; }



.top{ height: 45px; background: url(images/1.jpg) no-repeat top center; font-size: 14px; color: #fff; line-height: 45px; font-weight: 100;}
.top strong{ font-size: 20px; font-family: Arial;display: inline-block;vertical-align: bottom;}
.top .fr img{vertical-align: middle; margin-right: 13px;}

.nav_box{ height: 110px; position: relative;}
.logo{ margin-top: 22px; display: block;}
.nav li{ width: 110px; height: 100%; float: left; position: relative; text-align: center;}
.nav li a{ position: relative; z-index: 2; display: block; height: 72px; color: #343434; font-size: 16px; margin: 38px 0 0px;}
.nav li p{ font-family: Arial; font-size: 12px; text-transform: uppercase; color: #c0c0c0; margin-top: 3px;}
.nav li::before{ display: block; content: ""; width: 0%; background: #b90000; height: 3px;  position: absolute; bottom: 0; transition: all 0.5s; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.nav li::after{background: #f6f6f6; display: block; content: ""; width: 100%; height: 0; position: absolute; top: 0; transition: all 0.5s;}
.nav li.cur::after,.nav li:hover::after{ height: 100%;}
.nav li.cur::before,.nav li:hover::before{ width: 100%;}
.search_an{ margin:45px 0 0 45px ; cursor: pointer;}
.search_one{ position: absolute; top: 110px; 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:#c62424 url(images/6.png); cursor: pointer;height: 50px;}
.search:hover .search_one{ height: 50px; }

.title{ font-size: 36px; color: #343434; text-align: center; margin: 61px 0 37px; }
.title strong{ color: #b90000;}
.title p{ font-size: 18px; color: #666666; margin-top: 2px; font-weight: 100;}
.product{ overflow: hidden; margin-bottom: 70px;}
.pro_nav{ width: 310px;  overflow: hidden;}
.pnav_top{ width: 100%; height: 145px; background:url(images/7.jpg);  text-align: center; overflow: hidden;}
.pnav_top strong{ display: block;font-size: 31px; color: #fff; margin: 42px 0 0px;}
.pnav_top span{ font-size: 12px; color: #c79b9b; text-transform: uppercase;}
.pro_nav li{ height: 60px; border-bottom: 1px solid #f5f5f5; background: #eeeeee; line-height: 60px; transition: all 0.5s; position: relative;}
.pro_nav li a{ display: block; padding-left: 30px; font-size: 16px; color: #343434;    width: 234px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.pro_nav li::after{ content: ""; display: block; width: 11px; height: 10px; position: absolute; left: 269px; top:26px;background:url(images/9.png) no-repeat top; transition: all 0.5s;}
.pro_tle{ background: url(images/8.jpg); height: 94px; overflow: hidden;padding: 33px 0 0 31px;}
.pro_tle img{ margin-right: 14px;}
.pro_tle span{font-size: 14px; font-weight: 100; color: #e8e8e8; display: block; margin: 8px 0px 0px;}
.pro_tle strong{ font-family: Arial; font-size: 26px; color: #fff; }
.pro_nav li:hover{ background: #b90000;}
.pro_nav li:hover a{ color: #fff;}
.pro_nav li:hover::after{background:url(images/9.png) no-repeat bottom;}
.pro_content{ width: 960px; height: 882px; overflow: hidden;}
.pro_content li{ width: 310px; height: 284px; float: left; overflow: hidden;margin-right:15px; position:relative;}
.pro_content li img{ border: 1px solid #eeeeee; box-sizing: border-box; width: 310px; height: 233px; transition: all 0.5s;}
.pro_content li p{ margin-top: 1px; height: 50px; line-height: 50px; font-size: 15px; font-weight: 100; background: #eeeeee; padding-left: 20px; position: absolute; color: #343434; transition: all 0.5s;    width: 290px;bottom: 0;}
.pro_content li p span{position: absolute; font-size: 32px; color: #343434;  right: 20px; font-weight: 100; transition: all 0.5s ease;}
.pro_content li:nth-child(3n){ margin-right: 0;}
.pro_content li:nth-child(n+4){ margin-top: 15px;}
.pro_content li:hover p{background: #b90000; color: #fff;}
.pro_content li:hover p span{color: #fff; transform:rotate(360deg) ;}
.pro_content li:hover img{transform:scale(1.1) ;}


.case{ height: 954px; overflow: hidden; background: url(images/11.jpg) no-repeat top center;}
.case .title{ color: #fff;}
.case .title p{ color: #cecfd2;}
.case_tit{ margin-bottom: 30px;}
.case_tit li{ width: 260px; height: 80px;   float: left; background: url(images/15.png); position: relative; line-height: 80px; transition: all 0.5s;}
.case_tit li a{ font-size: 16px; color: #343434; display: block;padding-left: 88px; }
.case_tit li::before{ content: ""; display: block; width: 32px; height: 36px; background: url(images/13.png) no-repeat top; position: absolute; left: 45px; top: 22px;transition: all 0.5s;}
.case_tit li.on{ background: #b90000;}
.case_tit li.on a{ color: #fff;}
.case_tit li.on::before{background: url(images/13.png) no-repeat bottom;}
.case_con dl{ height: 600px; position: relative;overflow: hidden;}
.case_one{ height: 145px; background: rgba(0, 0,0, .5); position: absolute; bottom: 0; width: 100%;}
.case_one strong{padding-left: 50px; font-size: 22px; color: #fff; margin: 29px 0 14px; display: block;}
.case_one p{ line-height: 23px; font-size: 15px; color: #d8d8d8;padding-left: 50px; width: 890px;}
.case_con a{width: 175px; height: 50px; line-height: 48px; border: 1px solid #bfbfc0; color: #fff; font-size: 16px; text-align: center; position: absolute;right: 50px; top: 48px; transition: all 0.5s; box-sizing: border-box;}
.case_con a:hover{ background: #b90000; }

.advantage{ background: url(images/20.jpg) no-repeat center; overflow: hidden; height: 631px; position: relative;}
.adv_img{position: absolute; left: 50%; margin-left: -228.5px;}
.adv_one{ width: 350px; cursor: pointer; margin-bottom: 89px;}
.adv_two{ width: 58px; height: 67px; overflow: hidden;}
.adv_three{ font-size: 18px; color: #343434; padding-top: 9px; margin-left: 13px;}
.adv_three span{ display: block; font-size: 22px; color: #343434;margin-top:-3px;}
.adv_three strong{ color: #b90000;}
.adv_one p{ color: #666666; font-size: 15px; line-height: 23px; margin-top: 14px;}
.adv_r .adv_three{text-align: right; margin-right: 13px;}
.adv_r p{ text-align: right;}
.adv_one:hover img:nth-child(1){display:none;}

.banner_z{ overflow: hidden; height: 300px; background: url(images/29.jpg) no-repeat center;}
.banner_z .pro_tle{ background: none;padding:0;}
.pro_tit{ font-size: 30px; color: #fff; display: block; margin: 43px 0 3px;}
.banner_z p{ font-size: 16px; font-weight: 100; color: #cecfd2;}
.banner_pro{ margin: 20px 0 30px;}
.banner_pro span{ width: 134px; height: 35px; border-radius: 30px; background: #b90000; display:inline-block; color: #fff; text-align: center; font-size: 14px;line-height: 35px; margin-right: 21px;}


.Program_nor { margin-bottom:70px;}
.Program_one i{ background:#d6d6d6; width:47px; height:1px; margin:0px 10px; display: inline-block;vertical-align: super;}
.Program_cont dt{ width:599px; padding-top: 55px; background:#fff; float: right; padding-left:51px;}
.Program_cont strong{ font-size:32px; display:block; color: #363636;}
.Program_cont strong i{ color:#b90000;}
.Program_cont span{ font-size:22px; display:block;    margin-left: -2px; margin:3px 0 24px;}
.Program_cont p{ line-height:30px; color:#666666; background:url(images/31.png) no-repeat left 11px; padding-left:27px;}
.Program_cont p:nth-child(5){ margin:21px 0 20px;}
.Program_list dl.mowei { width:466px; overflow:hidden;}
.Program_list dl.mowei dd { width:233px; overflow:hidden;}
.Program_list dl.mowei1 dd{ width:234px;}
.Program_more { width: 130px; height: 40px; line-height: 40px; text-align: center; background: #b90000; margin-top: 30px;}
.Program_more a { color: #fff;}




.new{overflow:hidden; background:#f5f5f5;}
.new_list{ width:485px; margin: auto; height:44px; margin-top: 25px; margin-bottom: 25px; position:relative; line-height:53px;}
.new_list li a{ font-size:16px; color:#222; display:block;}
.new_list li { background:#fff; float:left; margin-left:10px; margin-right:10px; width:140px; height:44px; line-height:44px; text-align:center; overflow:hidden;}
.new_list li.on { background:#b90000;}
.new_list li.on a { color:#fff;}
.new_cont { margin-bottom:70px; overflow:hidden; }
.new_cont .news_item .news_item_title a { font-size:20px;}
.new_cont .news_item:nth-child(1){ width:640px; height:640px; position:relative; background:#fff; float:left;}
.new_cont .news_item:nth-child(1) .news_item_title { font-size:22px;}
.new_cont .news_item:nth-child(1) .news_body{ font-size:14px; line-height:30px; color:#666; margin-top:10px;}
.new_cont .news_item:nth-child(1) .news_date{ background:url(images/100.png) left no-repeat; position:absolute; left:40px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(1) .news_date div{ float:left; margin-top:1px;}
.new_cont .news_item:nth-child(1) .news_image{ width:566px; height:385px; position:absolute; left:50%; margin-left:-282px; top:215px; }
.new_cont .news_item:nth-child(1) .news_content { width:566px; height:120px; position:absolute; left:40px; top:80px;}
.new_cont .news_item:nth-child(n+2){ float:right; width:640px; height:200px; position:relative; background:#fff url(images/101.png) no-repeat; background-position:25px 150px; margin-bottom:20px; overflow:hidden;}
.new_cont .news_item:nth-child(n+2) .news_item_a{ font-size:20px; position:absolute; top:35px; left:25px; width:440px;height: 110px;}
.new_cont .news_item:nth-child(n+2) .news_body{ font-size:14px; color:#666; line-height:28px; left:25px; width:595px; top:72px; position:absolute;max-height: 56px;overflow: hidden;}
.new_cont .news_item:nth-child(n+2) .news_date { background:url(images/100.png) left no-repeat; position:absolute; right:25px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(n+2) .news_date div { float:left; margin-top:1px;}
.new_cont .news_item:nth-child(n+2) .news_image { display:none;}
.new_cont .news_item:nth-child(4){    margin-bottom: 0;}
.new_cont .news_item:hover .news_item_a{ color:#b90000;}
.box{width: 1300px;height: auto;margin: 0 auto;position: relative;}


em{font-style: normal;}
.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: "";}





.pro_content_con table{ width:100% !important;}
.pro_content_con td{ width:10% !important;}