@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:14px; 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}
table,td,tr,th{font-size:12px;}
.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.3s;}
a:hover {color:#a4088e; text-decoration:none;}
.layout{ max-width:1200px; margin:0 auto;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


header{ height:80px; background:#FFF; box-shadow:0 0 30px rgba(0,0,0,0.1); position:fixed; width:100%; left:0px; top:0px; z-index:100;}
header .top{ max-width:1440px; margin:0 auto; position:relative;}
header h1{ position:absolute; left:0px; top:10px; width:160px;}
header h1 img{ width:100%;}
header .nav{ position:absolute; left:250px; top:20px;}
header .nav ul{}
header .nav li{ float:left; padding:0 25px; position:relative;}
header .nav li p{ line-height:60px; font-size:16px;}
header .nav li:hover p a{ text-decoration:none; color:#a4088e;}
header .nav li a.current{ color:#a4088e;}
header .nav li dl{ position:absolute; left:-25%; top:60px; width:150%; background:#FFF; text-align:center; line-height:35px; padding-bottom:10px; border-radius:0 0 5px 5px; box-shadow:0 0 30px rgba(0,0,0,0.1); visibility:hidden; opacity:0; transition:all 0.3s;}
header .nav li:hover dl{ visibility:visible; opacity:1;}
header .nav li dd{ border-bottom:1px solid #f2f2f2;}
header .nav li dd a{ display:block;}
header .nav li dd a:hover{ display:block; text-decoration:none;}
header .nav li dd{ border-bottom:1px solid #f2f2f2;}
header .nav li dl .prolist{ position:absolute; width:420%; background: #FFF; padding:25px; border-radius:0 0 5px 5px; box-shadow:0 0 30px rgba(0,0,0,0.1); }
header .nav li dl .pro01{ float: left; padding:0 3%; width:19%; margin-bottom:1%; min-height:160px;}
header .nav li dl .pro01 h2 { color: #a4088e; text-align:left; padding:0 !important;}
header .nav li dl .pro01 h2 a{ color: #a4088e; }
header .nav li dl .pro01 dd{ border:0 !important; line-height:25px !important; text-align:left;}


header .yuyan{ position:absolute; right:0px; top:11px;}
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:#e26100 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;}


.search-alert { position: fixed; z-index: 100; background-color: #222222; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 60px; margin-top: -63px; border-bottom: 1px solid #515151;}
.search-alert .cent-form .tex { border: none; font-size:24px; height: 60px; line-height: 60px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; font-family: "微软雅黑"; background:url(../images/pic13.png) no-repeat 20px center; background-size:30px; padding-left: 88px; padding-right: 80px; outline:medium;}
.search-alert .cent-form .sub-butn { border: none; height: 60px; font-size: 24px; line-height: 60px; color: #555; text-align: right; background:none; background-size:30px;
 position: absolute; right: 0; top: 0; width: 80px; text-align: center; outline:medium;}
.search-alert .close { display: block; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s;}
.search-alert .close i{ font-size: 24px;}


.foot{ background:#1e1e1f; text-align:center; padding:50px 0;}
.foot .box{ max-width:1440px; margin:0 auto;}
.foot .foot_nav{ font-size:16px; }
.foot .foot_nav .lfnav{ width:50%; float:left; height:auto; overflow:hidden;}
.foot .foot_nav .lfnav dl{ float:left; width:29.333%; }
.foot .foot_nav .lfnav dt{ font-size:18px; color:#FFF;line-height:40px;}
.foot .foot_nav .lfnav dd{ padding:5px 0;}
.foot .foot_nav a{ color:#999; margin:0 ; font-size:14px;}
.foot .foot_nav a:hover{ color:#FFF; text-decoration:none;}

.foot .foot_nav .rgnav{ width:42%; float:left; height:auto; overflow:hidden; text-align:left !important; padding-left:3%;}
.foot .foot_nav .rgnav h2{ color:#fff;line-height:40px}

.foot .foot_nav .rgnav .bottom{ margin-top:10px;}
.foot .foot_nav .rgnav .bottom ul{}
.foot .foot_nav .rgnav .bottom li{ margin-bottom:2%;}
.foot .foot_nav .rgnav .bottom li.l{ float:left; width:99%;}
.foot .foot_nav .rgnav .bottom li.r{ float:left; width:99%;}
.foot .foot_nav .rgnav .bottom li .input_txt{ width:75%; height:40px; border:1px #4a4a4a solid; font-family:"微软雅黑"; padding:0 20% 0 5%; color:#fff; outline:medium; appearance: none; -webkit-appearance:none; border-radius:0;}
.foot .foot_nav .rgnav .bottom li .yi{ background:#1e1e1f url(../images/pic16.png) no-repeat 93% center; background-size:24px;}
.foot .foot_nav .rgnav .bottom li .er{ background:#1e1e1f url(../images/pic17.png) no-repeat 93% center; background-size:24px;}
.foot .foot_nav .rgnav .bottom li textarea{ width:93%; border:1px #4a4a4a solid; background:#1e1e1f; outline:medium; padding:3%; border-radius:0; color:#fff;}
.foot .foot_nav .rgnav .bottom p{ line-height:24px; color:#999; font-size:13px;}
.foot .foot_nav .rgnav .bottom .more{ width:150px; margin:30px auto 0 auto;}
.foot .foot_nav .rgnav .bottom .input_btn{ width:150px; height:50px; background:#920b82; color:#FFF; font-family:"微软雅黑"; font-size:16px; border:0 none; outline:medium; appearance: none;-webkit-appearance:none ; border-radius:0;}
.foot .foot_nav .rgnav .follwus{ width:100%; text-align:center; height:auto; overflow:hidden; margin-top:30px;}
.foot .foot_nav .rgnav .follwus img{ margin:0 10px;}

.foot .foot_bottom{ color:#999; line-height:30px; margin-top:50px; border-top:1px solid #333; padding-top:30px;}
.foot .logo{ width:50px; margin:0 auto; color:#999; margin-top:10px;}
.foot .logo img{ width:100%; border-radius:50px; overflow:hidden;}
.foot .logo p{ line-height:30px;}
.foot .foot_bottom a{ color:#999;}

.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;}