@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:12px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.1s;}
a:hover {color:#00aaff; text-decoration:none;}
.fl{ float:left}
.fr{ float:right;}


header{ height:70px; background:rgba(255,255,255,0.5);  position:fixed; width:100%; left:0px; top:0px; z-index:100; transition:all 0.3s;border-bottom:1px solid #e6e6e6;box-shadow:0 0 30px rgba(0,0,0,0.2);}
header:hover{ background:rgba(255,255,255,1);}
header .top{ max-width:1180px; margin:0 auto; position:relative;}
header h1{ position:absolute; left:0px; top:20px; width:230px;}
header h1 img{ width:100%;}
header .nav{ position:absolute; left:250px; top:0;}
header .nav ul{}
header .nav li{ float:left; padding:0 30px;}
header .nav li p{ line-height:70px; font-size:14px; font-weight:500;}
header .nav li p a{ display:block;border-bottom:2px solid transparent; line-height:69px; height:69px; font-weight: 500; }
header .nav li:hover p a{ display:block; text-decoration:none; color:#00aaff;border-bottom:2px solid #00aaff;}
header .nav li a.current{ color:#00aaff;}
header .nav li.active a{ color:#00aaff;border-bottom:2px solid #00aaff;}



.subnav{ width:100%; position:absolute; display:none; left:0px; top:71px;  background:#FFF; opacity:1; z-index:9;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.subnav_box{ padding:30px 0; overflow:hidden; width:1180px; margin:0 auto;}
.subnav.active{ display:block;}
.sub-1 .tab{ padding-left:370px;}
.sub-2 .tab{ padding-left:485px;}
.sub-4 .tab{padding-left:730px;}
/*header .nav li:hover .subnav{ opacity:1; opacity:1; visibility:visible; }
header .nav li .subnav .subnav_box{ width:100%;}*/

.tab{  margin:0 auto; overflow:hidden;}
.tab-hd { overflow:hidden; zoom:1;float:left;}
.tab-hd li{cursor:pointer; line-height:32px; font-size:14px; padding:0 45px 0 0;}
.tab-hd li a{ color:#808080;}
.tab-hd li a:hover{color:#00aaff;}
.tab-bd{ float:left; width:300px;}
.tab-bd li{display:none; padding-top:10px; border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}



header .yuyan{ position:absolute; right:0px; top:25px; text-align:center;}
header .yuyan a{ float:left;width:22px; height:22px; line-height:22px; margin-right:10px;  border:1px solid #b2b2b2; background-color:#fff; color:#b2b2b2; border-radius:50%; font-size:10px; }
header .yuyan a:hover,header .yuyan a.on{background-color:#00aaff; color:#fff;border:1px solid #fff;}
header .tcc{ display:none; position:fixed; left:0; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.2); z-index:101;}
header .tcc .box{ width:500px; height:200px; background:#FFF; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-100px;}
header .tcc .box .title{ height:60px; line-height:60px; background:#f6f6f6;}
header .tcc .box .title p{ float:left; padding-left:5%;}
header .tcc .box .title i{ float:right; width:60px; height:60px; text-align:center; cursor:pointer;}
header .tcc .box .title i:hover{ background:#7e7e7e; color:#FFF;}
header .tcc .box ul{ padding:5%;}
header .tcc .box li{ line-height:40px; float:left; padding-right:40px;}

		
header .search{ position:absolute; right:0px; top:40px;}
header .search i{ font-size:20px; font-weight:bold; color:#777; position:relative; width:30px; height:30px; line-height:30px; text-align:center; display:block; cursor:pointer;}
header .search .search_box{ display:none; position:absolute; right:0px; top:35px; width:300px; padding:20px; background:#FFF; border:1px solid #CCC;}
header .search .search_box .input_txt{ float:left; width:254px; height:28px; outline:medium; border:1px solid #CCC; border-right:none; padding-left:5px;}
header .search .search_box .input_btn{ float:right; width:40px; height:30px; outline:medium; border:0 none; background:#00aaff url(../images/pic13.png) no-repeat center; background-size:20px; cursor:pointer;}
header .search .search_box .jt{ width:20px; height:10px; position:absolute; right:5px; top:-10px; background:url(../images/pic14.png) no-repeat center top;}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display:none; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; float:right;}
header .m-btn .box {position: relative; font-size:30px; color:#333;}

.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main {transform:translateX(-66%);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position:fixed; right:-100%;width:66%;top:0;z-index:100;height: 100%;background:#FFF;transition:all 0.64s ease 0s; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.m-sub-menu .box{}
.m-sub-menu .top-box{ background:#333; height:60px; line-height:60px;}
.m-sub-menu .top-box .stt{color: #acacac; float:left; padding-left:10%;}
.m-sub-menu .top-box .close{ cursor: pointer; float:right; text-align:center; color:#FFF; width:60px;}
.m-sub-menu .top-box .close i{ font-size:18px;}
.m-sub-menu .list-wrap{}
.m-sub-menu .list-wrap ul { width:100%;}
.m-sub-menu .list-wrap li { height:60px; line-height:60px; border-bottom:1px solid #f2f2f2; font-size:16px;}
.m-sub-menu .list-wrap li .col-box{ position:relative;}
.m-sub-menu .list-wrap li .col-box .tit{ float:left; width:90%;display:block; padding-left:10%;}
.m-sub-menu .list-wrap li .col-box .point{ position:absolute; width:60px; height:60px; right:0px; top:0px;display:block; color:#999;}
.m-sub-menu .list-wrap li a{ display:block; padding:0 10%;}
.m-sub-menu .list-wrap li a:hover{ text-decoration:none; display:block;}
.m-sub-menu .list-wrap li i{ float:right;}

.m-sub-menu .bot-link { margin-top:30px; text-align:right;}
.m-sub-menu .bot-link i { font-size:20px;}
.m-sub-menu .bot-link a{ margin-left:20px;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; padding:0 10%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { color: #fff; font-size: 18px;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; height:1000px; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 60px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; padding:0 10%; font-size: 16px;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}




.foot{background: url(../images/d_logo.jpg) #242424 center top repeat-x; text-align:left;padding:50px 0; overflow:hidden;}
.foot .box{ max-width:1180px; margin:0 auto;}
.foot .foot_nav{width:100%;}
.foot .foot_nav .f_left{ float:left; width:45%;}
.foot .foot_nav dl{ float:left; width:26%; line-height:40px; margin-right:12%;}
.foot .foot_nav dt{ font-size:16px; line-height:42px; color:#FFF; border-bottom:1px solid #808080; margin-bottom:20px;}
.foot .foot_nav dd{ line-height:24px;}
.foot .foot_nav a{ color:#cccccc; margin:0; font-size:12px;}
.foot .foot_nav a:hover{ color:#FFF; text-decoration:none;}

.foot .foot_nav .f_right{ float:right; width:30%;}
.foot .foot_nav .f_right .dblx { float:left; width:62%;}
.foot .foot_nav .f_right .dblx h3{ font-size:16px; line-height:42px; color:#FFF; border-bottom:1px solid #808080; margin-bottom:20px; width:55%;}
.foot .foot_nav .f_right .dblx .dbxx{ line-height:25px; color:#ccc; font-size:12px;}

.foot .foot_nav .f_right .ewm{ float:right; width:32%; margin-top:79px;}
.foot .foot_nav .f_right .ewm img{width:100px;}

.foot_db{ background:#050505; height:40px; overflow:hidden;}
.foot_db .foot_bottom{ max-width:1180px; margin:0 auto; color:#808080; line-height:40px; text-align:center;}

.scroll{ width:60px; height:70px; background:url(../images/pic38.jpg) no-repeat left top; position:fixed; z-index:10; right:0px; bottom:70px; cursor:pointer; transition:all 0.3s;}
.scroll:hover{ background-position:left bottom;}