@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin:0;padding:0; zoom:1;}
article, aside, figure, footer, header, hgroup, nav, menu, section {display: block;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
input, select { vertical-align: middle;}
textarea{resize:none;}
a,button{outline: none;*star: expression(this.onFocus=this.blur());cursor: pointer;}
img{vertical-align:top;}
ul,li{ list-style:none;}
/*大体架构
----------*/
body,html {
color: #404040;
font-family:Microsoft Yahei,Arial;
width: 100%;
font-size:13px;
background: #fff;
overflow-x:hidden;
}
body{
overflow-x:hidden;
}
.container {
background: #fff;
}
@media screen and (max-width:1100px){
.nav li a{
padding: 0 25px !important;
}
.nav .nav_menu{
width: 135px !important;
}
}
/**主体**/
img {
border: 0;
display:block;
}
img{
display: inline-block;
}
a{text-decoration:none;color: #404040;}
a:hover{ color:#303030;text-decoration:none;}
a:active, a:hover,a:visited{text-decoration:none;}
i{font-style:normal;}
/*颜色值
--------------*/
.orange {
color: #ffe400;
}
.blue {
color: #699BCC;
}
/*清除浮动
--------------*/
.clear {
padding: 0;
margin: 0;
width: 0;
height: 0;
font-size: 0;
overflow: 0;
clear: both;
line-height: 0;
}
.clearfix {
zoom: 1;
_height: 1px
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearFloat {
*zoom: 1
}
.clearFloat:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
/*清楚文字内容
--------------*/
.txtIndent {
text-indent: -9999em;
}
/*用于seo不显示的内容
--------------*/
.seo {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
top: 0;
left: 0;
}
.seo, .hideImg {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
top: 0;
left: 0;
}
.hideImg {
overflow: hidden;
}
.hideImg img {
width: 0;
height: 0;
overflow: hidden;
}
/*左浮动和右浮动
--------------*/
.fl {
float: left;
}
.fr {
float: right;
}
.fl, .fr {
_display: inline;
}
.ma{
margin:0 auto;
}
.tc{
text-align: center;
}
.pt53{
padding-top:53px;
}
.mr20{
margin-right:20px;
}
.w1200{
width:1200px;
}
input,textarea{border-radius:0; padding:0; margin:0; /*去除input默认样式*/}
em{
font-style:normal;
}
input,textarea:focus {
outline: none;
}
/****头部样式****/
.header{
position: absolute;
top:10px;
z-index: 500;
width:100%;
height:84px;
text-align: left;
}
.headerm{
z-index: 5000;
}
.headerz{
z-index: 5000;
}
.header .logo{
float:left;
width:121px;
margin-left:50px;
}
#logo { fill: none;}
#logo_pic, #logo_cn_1 path,#logo_cn_2 path, #logo_en path, #logo_en rect, #logo_en polygon { fill: #fff}
.header_r{
position: relative;
z-index: 6000;
float:right;
height:84px;
}
.header_tell{
float:right;
width:188px;
padding-left:43px;
height:84px;
background: url("../images/tell_icon.png") no-repeat left center;
line-height:84px;
font-size:20px;
color: #fff;
}
.nav{
float:left;
height:84px;
margin-right: 20px;
line-height: 84px;
}
.nav li{
position: relative;
float:left;
height:84px;
}
.nav li a{
position: relative;
display: block;
padding:0 32px;
font-size:16px;
color:#fff;
}
.nav li .nav_a em{
display: block;
transition:all 0.3s ease-in-out 0s;
}
.nav li .nav_a .navem{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.nav li a .navonline{
position: absolute;
bottom:0;
left:0;
display: block;
width:0;
height:1px;
background: #60c6cd;
transition:all 0.6s ease-in-out 0s;
overflow: hidden;
}
.nav li a .navonline_on,.nav li .navon .navonline{
width:100%;
}
.nav_cont{
position: absolute;
top:84px;
width:100%;
height:202px;
border-top:1px solid #6a6764;
border-bottom:1px solid #27696b;
background-color:rgba(0,0,0,0.7);
transition:all 0.2s ease-in-out 0s;
opacity: 0;
visibility:hidden;
transform: translateY(10%);
-webkit-transform: translateY(10%);
}
.nav_contsc{
/*-webkit-transition: all 500ms cubic-bezier(0.09, 0.68, 0, 0.99) 0s;
transition: all 500ms cubic-bezier(0.09, 0.68, 0, 0.99) 0s;*/
z-index: 5000;
opacity: 1;
transform: translateX(0px);
visibility: visible;
}
.nav .nav_menu{
position:absolute;
top:84px;
z-index: 6000;
width:126px;
padding-top:12px;
line-height: 30px;
transition:all 0.6s ease-in-out 0s;
opacity: 0;
visibility:hidden;
transform: translateY(10%);
-webkit-transform: translateY(10%);
}
.nav li .nav_menusc{
opacity: 1;
transform: translateX(0px);
visibility: visible;
}
.nav .nav_menu a,.fw_nav a{
position: relative;
padding:0;
border:0;
padding-left:29px;
font-size:13px;
color:#1eb0b9;
}
.nav .nav_menu i,.fw_nav i{
position:absolute;
top:14px;
left:0;
width:9px;
height:2px;
background: #1eb0b9;
transition: all 0.6s;
}
.nav .nav_menu span,.fw_nav span{
display: block;
transition: all 0.6s;
}
.nav .nav_menu a:hover i,.fw_nav a:hover i{
width:20px;
background: #fff;
}
.nav .nav_menu a:hover span,.fw_nav a:hover span{
transform: translateX(10px);
-webkit-transform: translateX(10px);
}
.nav .nav_menu a:hover{
color: #fff;
}
.navmenu{
position: absolute;
top:15px;
right:51px;
z-index: 7000;
width:57px;
height:53px;
background: url("../images/navmenu.png") no-repeat;
cursor: pointer;
transition: all 0.6s;
}
.navmenu:hover{
box-shadow: 0 0 10px #1e4c51;
}
.navmenu .icon::before, .navmenu .icon::after {
background-color: #858586;
content: "";
height: 2px;
left: 0;
position: absolute;
transition-duration: 0.5s;
width: 25px;
}
.navmenu .icon::before {
top: -9px;
}
.navmenu .icon::before, .navmenu .icon::after {
background-color: #858586;
content: "";
height: 2px;
left: 0;
position: absolute;
transition-duration: 0.5s;
width: 25px;
}
.navmenu .icon::after {
top: 9px;
}
.navmenu .icon {
background-color: #858586;
height: 2px;
left: 16px;
position: absolute;
top: 24px;
transition-duration: 0.5s;
width: 25px;
}
.navmenu_s.navmenu .icon::before {
transform: translateY(9px) rotate(45deg);
}
.navmenu_s.navmenu .icon::after {
transform: translateY(-9px) rotate(-45deg);
}
.navmenu_s.navmenu .icon {
width: 0;
}
.fw_nav{
position: absolute;
top:0;
left:-143px;
width:129px;
padding-bottom:10px;
border:1px solid #256e73;
background-color:rgba(39,190,199,0.2);
transition: all 1s;
opacity: 0;
visibility:hidden;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.fw_nav_a{
visibility:visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fw_nav a{
display: block;
margin-top:8px;
padding-left:47px;
font-size:12px;
color: #fff;
}
.fw_nav i {
top: 7px;
left:17px;
background: #fff;
}
.fw_nav span {
display: block;
transition: all 0.6s;
}
.fw_nav a:hover i{
background: #1eb0b9;
}
.fw_nav a:hover{
color: #1eb0b9;
}
.header_r2{
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
transition: all 0.6s;
}
.header_r2_2{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.columns_header{
top:0;
border-bottom:1px solid #ababab;
}
.columns_header .logo {
width: 95px;
margin-left: 50px;
margin-top:18px;
}
.columns_header .logo img{
width:100%;
}
.case_header{
position: static;
height:80px;
border-bottom: 1px solid #ececec;
box-shadow: 0 3px 10px #f4f4f4;
}
.case_header .header_r {
margin-right: 40px;
}
.case_header .nav li a .navonline {
height: 2px;
}
.case_header .logo {
float: left;
width: 95px;
margin-left: 50px;
margin-top:18px;
}
.case_header .nav li{
height: 80px;
}
.case_header .nav li a{
color:#666;
}
.case_header .nav{
height:80px;
line-height:80px;
}
.case_header .header_r{
height:80px;
}
.case_header .nav_cont,.case_header .nav_menu{
top:80px;
}
.case_header .case_tell {
float:right;
width:155px;
padding-left: 43px;
height:80px;
line-height: 80px;
font-size: 20px;
color: #666;
font-weight: bold;
background: url(../images/cellphonedark.png) left center no-repeat;
}
.case_header .nav .nav_menu a{
color: #1eb0b9;
}
.case_header .nav .nav_menu a:hover{
color: #fff;
}
/****底部样式****/
.fpnav,.fpline{
position: fixed;
left:43px;
top:189px;
bottom:62px;
z-index: 5000;
width:17px;
padding-top:51px;
background: url("../images/fpnav_bg.png") repeat-y;
}
.fpnav li{
width:17px;
height:17px;
margin-bottom:21px;
}
.fpnav li a{
display: block;
width:17px;
height:17px;
background: url("../images/fpnav_icon_hover.png") no-repeat;
}
.fpnav li .menuon_1{
background: url("../images/fpnav_icon.png") no-repeat;
}
.fpnav .active a{
background: url("../images/fpnav_icon.png") no-repeat;
}
.fpline{
left:auto;
right:43px;
}
.kefudt_r{
position: fixed;
top:50%;
right:51px;
z-index: 80000;
width:200px;
height:367px;
margin:-183px 0 0 -249px;
overflow: hidden;
}
.kefudt_r a{
position: relative;
z-index: 5;
display: block;
width:77px;
height:24px;
z-index: 500;
padding-top:53px;
text-align: center;
font-size:12px;
color:#fff;
}
.kefudt_r .kefudt_icon1{
background:url("../images/kefudt_icon2.png") no-repeat;
}
.kefudt_r .kefudt_icon2{
background:url("../images/kefudt_icon3.png") no-repeat;
}
.kefudt_r .kefudt_icon3{
background:url("../images/kefudt_icon4.png") no-repeat;
}
.kefudt_r .kefudt_icon4{
background:url("../images/kefudt_icon5.png") no-repeat;
}
.kefudt_r span{
position: relative;
display: block;
width:78px;
height:77px;
margin-bottom:17px;
border:1px solid #1eb0b9;
border-right:0;
transition: all 0.6s;
text-align: center;
font-size:12px;
color:#fff;
right: -120px;
}
.kefudt_r span:before{
content: "";
width: 0;
height: 77px;
background: #0e4a4b;
position: absolute;
top:0;
left:0;
transition: all 0.6s;
z-index: -1;
opacity: 1;
}
.kefudt_r span:hover:before{
width:210px;
}
.kefudt_r1 span{
background:rgba(0,0,0,0.5);
}
.kefudt_r1 span:hover{
background:none;
}
/*.kefudt_r span:hover{
box-shadow: inset 106px 0 0 0 #1eb0b9;
}*/
.returntop{
position: absolute;
bottom:62px;
right:51px;
z-index: 5000;
width:47px;
height:47px;
}
.returntop a{
display: block;
width:47px;
height:47px;
background: url("../images/top.png") no-repeat;
}
.returntop1{
position: fixed;
display: none;
}
.zhezhaobox{
position: fixed;
top:0;
left:0;
z-index: 99999;
width:100%;
height:100%;
background: url("../images/as_bg.png");
text-align: center;
display: none;
}
.zhezhaobox span{
display: block;
background: #f6f6b4;
}
.wap_footer{
display: none;
}
.wap_1{
position: absolute;
top:0;
left:0;
z-index: 5000;
width:100%;
background: #000;
}
@media screen and (max-width:768px){
.returntop {
bottom: 1.8rem;
right: 10px;
}
.wap_footer{
display: block;
position: fixed;
bottom: 0;
left:0;
z-index: 5000;
width:100%;
height:1.42rem;
background: #1eb0b9;
}
.wap_footer li{
float:left;
width:1rem;
height:1.42rem;
margin:0 0.42rem 0 0.42rem;
text-align: center;
}
.wap_footer li a{
display: block;
width:1rem;
height:1.22rem;
padding-top:0.75rem;
box-sizing: border-box;
font-size:0.26rem;
color:#fff;
}
.wap_footer .wap_footer1{
background:url("../images/wap_footer_icon1.png") no-repeat center;
background-size:1rem;
}
.wap_footer .wap_footer2{
background:url("../images/wap_footer_icon2.png") no-repeat center;
background-size:1rem;
}
.wap_footer .wap_footer3{
background:url("../images/wap_footer_icon3.png") no-repeat center;
background-size:1rem;
}
.wap_footer .wap_footer4{
background:url("../images/wap_footer_icon4.png") no-repeat center;
background-size:1rem;
}
.footer,.linkbtom{
display: none;
}
}