/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
/*html,body { height: 100%; }*/

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

ul{-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
img{ border:0;max-width: 100%}

html,
body {
 margin:0;
 padding:0;
 font-family:"Microsoft JhengHei",Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
 font-weight:400;
 -webkit-font-smoothing:antialiased; line-height:1;    font-size: 14px;
}

@font-face {  
    font-family:"family_DIN";
  src:  url('../font/DINCond-Black.eot'); /* IE9 Compat Modes */
  src: url('../font/DINCond-Black.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/DINCond-Black.woff') format('woff'), /* Modern Browsers */
       url('../font/DINCond-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/DINCond-Black.svg') format('svg'); /* Legacy iOS */
  
font-stretch: condensed;
font-style: oblique;
font-weight: bold;
}
.family_DIN{ font-family:"family_DIN"}
@font-face {  
    font-family:"family_DIN2";
  src:  url('../font/DINCond-Black2.eot'); /* IE9 Compat Modes */
  src: url('../font/DINCond-Black2.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/DINCond-Black2.woff') format('woff'), /* Modern Browsers */
       url('https://aoyaweb.com/fonts/DINCond-Black2.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/DINCond-Black2.svg') format('svg'); /* Legacy iOS */
  
font-stretch: condensed;
font-style: oblique;
font-weight: bold;
}
.family_DIN2{ font-family:"family_DIN2"}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

.fl{ float: left}
.fr{ float: right}

img {
	vertical-align: top;
}

a {
  color: #333333;-webkit-transition: all ease .4s;transition: all ease .4s;text-decoration: none;
}
a:hover {
  color: #e31e1e ;-webkit-transition: all ease .4s;transition: all ease .4s;
}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font40{ font-size:40px;}
.font54{ font-size:54px;}
.font60{ font-size:60px;}
.font70{ font-size:70px;}
.font100{ font-size:100px;}
.color333333{ color:#333;}
.color666666{ color:#666666;}
.color777777{ color:#777777;}
.color2f82ff{ color:#e31e1e;}
.colorffffff{ color:#ffffff;}
.colorffd925{ color:#ffd925;}

.container_content{ max-width: 80%; margin:0px auto}

.h-f {
    height: 100%;
}
.w-f {
    width: 100%;
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.header{ position:fixed; left:0; top:0px; width:100%; z-index:201;}
.header .container_content { max-width:90%}
.header .logo{ float:left; background:url(../image/logo_write2.png) left  center no-repeat; width:315px; height:45px; background-size:auto 100%;margin-top:16px;}
.header .nav{ float:right; }
.header .nav > ul{}
.header .nav > ul > li{ position:relative; display:inline-block; }
.header .nav > ul > li .yiji{ position:relative; z-index:10000}
.header .nav > ul > li .yiji a{ color:#FFF;padding:32px 20px;display:inline-block; }
.header .nav > ul > li .yiji a span.znq {
    position: absolute;
    right: -12px;
    top:18px;
    width: 33px;
    height:13px;
    background: url(../image/news_btn.png);
    animation: bounceUpDown .5s infinite;
}
@keyframes bounceUpDown {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -3px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
.header .nav > ul > li .yiji a:hover,.header.fixed .nav > ul > li .yiji a:hover{ color:#dd2525}
.header .nav > ul > li .nav_simpline_cur{ position:absolute; right:0px; top:50%; margin-top:-8px; display: inline-block; background:url(../image/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover;}
.header .nav > ul > li .submenu{position: absolute;top:0px; left: 50%; z-index:2; width:140px;margin-left: -70px; display:none;/*background: rgba(255,255,255,0.9);*/}
.header .nav > ul > li .submenu ul{ padding-top:80px;}
.header .nav > ul > li .submenu ul li{background: #fff; text-align:center; border-bottom:#eee 1px solid;}
.header .nav > ul > li .submenu ul li a{ display:inline-block; padding:15px;}

.header.fixed{box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);top:0;background: rgba(0,0,0,0.8);
    box-shadow: 0 1px 4px 0 rgb(0,0,0,.1);
    backdrop-filter: blur(8px);}
.header.fixed .logo{background:url(../image/logo_write2.png) left center no-repeat; width:315px; height:45px;background-size:auto 100%;}
.header.fixed .nav > ul > li .yiji a{ color:#999;}
.header.fixed .nav > ul > li .nav_simpline_cur{position:absolute; right:0px; top:50%; margin-top:-8px; display: inline-block; background:url(../image/xiala2.svg) center center no-repeat; width:16px; height:16px; background-size:cover;}
.header .menu-toggle { display:none;}

.body_01 .header.fixed .nav > ul > li.nav_01 .yiji a{ color:#ffffff;}
.body_02 .header.fixed .nav > ul > li.nav_02 .yiji a{ color:#ffffff;}
.body_03 .header.fixed .nav > ul > li.nav_03 .yiji a{ color:#ffffff;}
.body_04 .header.fixed .nav > ul > li.nav_04 .yiji a{ color:#ffffff;}
.body_05 .header.fixed .nav > ul > li.nav_05 .yiji a{ color:#ffffff;}
.body_06 .header.fixed .nav > ul > li.nav_06 .yiji a{ color:#ffffff;}
.body_07 .header.fixed .nav > ul > li.nav_07 .yiji a{ color:#ffffff;}
.body_08 .header.fixed .nav > ul > li.nav_08 .yiji a{ color:#ffffff;}



.header_left { position:fixed; left:0; top:0; height:110px; width:16.5%; z-index:999; overflow:hidden;}
.header_left.hides{ display:none}
.header_left .header_logo{ background:#FFF;width: 65%;margin-left: 35%;height: 110px;display: block;}
.icon{color: #de5350;}
.header_logo {text-align: center}
.header_logo img{ margin: 0px auto;width: 90%;height: 100%; max-width: 90%;display: inline-block;vertical-align: middle;}

.boxshadow{box-shadow: 1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);}

 
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}


main{display: block; position: relative; z-index: 2; -webkit-overflow-scrolling: touch; padding: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);}
/*.navigation-is-open { overflow:hidden;}*/
.navigation-is-open main{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}

.cdnav {width: 35%;height: 100%;position: absolute;left:0; top: 0px;z-index: 3;overflow: hidden;background: #000000;}

.cd-nav{position: fixed; z-index: 499; top: 0; left: 0; height: 100%; width: 100%; background-color: #1c1c1c; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.cd-nav .cd-navigation-wrapper{ padding: 0px 0 0px 16.5%;height: 100%; overflow: hidden; /*-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; */}

.navigation-is-open .cd-nav{visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.navigation-is-open .cd-nav .cd-navigation-wrapper{/*-webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);*/}


.cd-nav h2{position: relative; margin-bottom: 1.5em; font-size: 1.3rem; font-weight: 800; color: #fff; text-transform: uppercase;}
.cd-nav h2::after{content: ''; position: absolute; left: 0; bottom: -20px; height: 1px; width: 60px; background-color: currentColor;}
.cd-nav .cd-primary-nav * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cd-nav .cd-primary-nav{margin-top: 60px;}
.cd-nav .cd-primary-nav li{margin: 3em 0;}
.cd-nav .cd-primary-nav a{font-size: 340px;color: #666;display: inline-block;font-family: 'Montserrat-Bold';}
.cd-nav .cd-primary-nav a:hover{color: #fff;}
.cd-nav .cd-primary-nav a h1{font-size: 340px;color: #666;}
.cd-nav .cd-primary-nav a h3{ margin-left:-300px;}
.cd-nav .cd-primary-nav a:hover h1{color: #fff;}
.cd-nav .cd-primary-nav a:hover h3{color: #666;margin-left:0px;}
.cd-nav .cd-primary-nav a.selected{color: #ffffff;}
.cd-nav .cd-contact-info{ position:absolute; width:14%; background:#000; top:0; right:0; height:100%; padding:12% 3% 0 4%; z-index:9;}
.cd-nav .cd-contact-info li{margin-bottom: 2em; line-height: 1.2; color:#666;}
.cd-nav .cd-contact-info li:nth-child(2){margin-bottom: 15px;}
.cd-nav .cd-contact-info li:nth-child(3){margin-bottom: 3px;line-height: 24px;}
.cd-nav .cd-contact-info li:nth-child(5) {margin-top: 30px;}
.cd-nav .cd-contact-info li:nth-child(5) h6{color: #464646;}
.cd-nav .cd-contact-info li h1 {font-size: 16px;text-transform: uppercase;position: relative;padding-bottom:20px;margin-bottom: 20px;}
.cd-nav .cd-contact-info li h1::after {content: '';width: 40px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;opacity: .3;}
.cd-nav .cd-contact-info a{}
.cd-nav .cd-contact-info a:hover{color: #fff;}
.cd-nav .cd-contact-info span{display: block; font-size:12px;line-height: 24px;}
.cd-nav .cd-contact-info li h3{font-size: 140px;color: #ffffff;}
.cd-nav .cd-contact-info li h6{color: #555;}


.cd-half-block {position: relative;z-index: 3;margin-top: 50px;overflow: hidden;padding-bottom: 10px;}

 


.navigation-is-open .cd-nav li{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.navigation-is-open .cd-nav li.dnav1 {-webkit-animation-duration:.7s;animation-duration:.7s;}
.navigation-is-open .cd-nav li.dnav2 {-webkit-animation-duration:.8s;animation-duration:.8s;}
.navigation-is-open .cd-nav li.dnav3 {-webkit-animation-duration:.9s;animation-duration:.9s;}
.navigation-is-open .cd-nav li.dnav4 {-webkit-animation-duration:1.0s;animation-duration:1.0s;}
.navigation-is-open .cd-nav li.dnav5 {-webkit-animation-duration:1.1s;animation-duration:1.1s;}

.menu-toggle,.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.navigation-is-open .menu-toggle span.hamburger,
.navigation-is-open .menu-toggle span.hamburger:after,
.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.navigation-is-open .menu-toggle span.hamburger,
.navigation-is-open .menu-toggle span.hamburger:after,
.navigation-is-open .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.navigation-is-open .menu-toggle span.hamburger:after {transition-delay:0s;}
.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.navigation-is-open .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navigation-is-open .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}










.h_contact{ clear:both;background: #150e0e;overflow: hidden;}
.h_contact .wrap { width:80%; margin:0 auto; overflow:hidden;}
.h_contact .box1 a { color:#999999}
.h_contact .box3 a { color:#666666; padding:0 15px}
.h_contact .box1 { height:40px; line-height:40px; padding:5% 0; color:#999999;}
.h_contact .box1 .L { width:80%; height:100%; float:left; font-size:18px;}
.h_contact .box1 .R { width:20%; height:100%; float:right; text-align:right;}
.h_contact .box1 .L span {background: url(https://aoyaweb.com/images/pic119.jpg) no-repeat right center; padding-right:18px; display:inline-block; margin-right:12px}
.h_contact .box1 .L span.m0 { background:none}
.h_contact .box2 { clear:both; height: auto; padding:4.5% 0; padding-bottom:3.5%; border-bottom:1px solid #443e3e; overflow:hidden;}
.h_contact .box2 .d { float:left; overflow:hidden}
.h_contact .box2 .d p.p1 { font-size:20px; color:#fff; margin-bottom:32px;}
.h_contact .box2 .d1 { width:50%;}
.h_contact .box2 .d3 { width:25%;}
.h_contact .box2 .d4 { width:25%;}
.h_contact .box2 .d1 p.p1 { margin-bottom:27px;}
.h_contact .box2 .d1 p.p2 { font-size:14px; color:#808080; margin-bottom:6px; line-height:26px;}
.h_contact .box2 .d1 p.p2 span { font-weight:bold; color:#fff;}
.h_contact .box2 .d1 p.p3 { width:120px; height:36px; line-height:36px; text-align:center; color:#fff;background: url(../image/pic20.png) no-repeat 20px center; margin-top:20px; padding-left:22px; box-sizing:border-box; border:1px solid #4d4848; cursor:pointer;}
.h_contact .box2 .d1 p.p3 a { color:#ffffff;}
.h_contact .box2 .d1 p.p3:hover a{ color:#e1272e;}
.h_contact .box2 .d3 p.p2 img { width:112px; height:auto; display:block;}
.h_contact .box2 .d4 p.p2 {width: auto; height:auto; line-height:1; text-align:left; color:#808080; box-sizing:border-box; margin-bottom:20px;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.ftgh{background:#e1272e url(https://aoyaweb.com/images/img30.png) no-repeat 17px center!important;background-size: 25px!important;}
.h_contact .box2 .d4 p.p2 a { color:#808080;}
.h_contact .box2 .d4 p.p2 a span{ font-size:10px}
.h_contact .box2 .d4 p.p2 a:hover{color:#ffffff;}
.h_contact .box3 { clear:both; color:#666666; font-size:13px; line-height:26px; height: auto; padding:2.5% 0;}
.h_contact .box2 .d3 p.p1 { color:#9a9898;    font-family: "family_DIN2";}
.h_contact .box2 .d4 p.p1 { color:#9a9898;    font-family: "family_DIN2";}
.h_contact a:hover { color:#e1272e}
@media only screen and (max-width: 1440px){
	.h_contact .wrap { width:1250px;}
	.h_contact .box1 { padding:4% 0;}
	.h_contact .box1 .L { font-size:16px;}
}
@media only screen and (max-width: 1280px){
	.h_contact .wrap { width:1150px;}
}
.h_contact .box2 .dh-qh {}
.h_contact .box2 .dh-qh .bd .thd { width:20%; float:left;}
.h_contact .box2 .dh-qh .bd .thd ul li { font-size:20px; color:#666666; cursor:pointer; height:1; line-height:1; margin-bottom:25px;font-family: "family_DIN2";-webkit-transition: all ease .4s;transition: all ease .4s;}
.h_contact .box2 .dh-qh .bd .thd ul li:hover{ color:#FFF;-webkit-transition: all ease .4s;transition: all ease .4s;}
.h_contact .box2 .dh-qh .bd .thd ul li.on { color:#fff;}
.h_contact .box2 .dh-qh .bd .tbd { width:80%; float:left;}

.ask{
       position: fixed;
    right:-100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	-webkit-transition: right .9s ease;
    -o-transition: right .9s ease;
    transition: right .9s ease;
}
.ask.showsd{ right:0}
.m-ask{ display:none;}
#xianshi{ right:0}
.ask .phone {
    width: 60px;
    clear: both;
    float: right;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px 0 0 5px;
    background: #b2b2b2;
    background: linear-gradient(145deg,#8f8f8f,#b2b2b2);
}
.ask .phone .subTel {
    width: 220px;
}
.ask .phone .subTel .txt {
	height:60px; padding-top:10px;
    width: 60px;
    float: left;
    display: block; color:#FFF
}
.ask .phone .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .phone .subTel .num {
    width:160px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
      text-align:center;}
.ask .phone .subTel .num a{ color:#FFF; font-size:18px;}
.ask .phone:hover{ width:220px; background:#dd2525;
    background: linear-gradient(145deg,#dd2525,#dd2525);}


.ask .QQ {
    width: 60px;
    clear: both;
    float: right;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px 0 0 5px;
    background: #b2b2b2;
    background: linear-gradient(145deg,#8f8f8f,#b2b2b2);
}
.ask .QQ .subTel {
    width: 220px;
}
.ask .QQ .subTel .txt {
	height:60px; padding-top:10px;
    width: 60px;
    float: left;
    display: block; color:#FFF
}
.ask .QQ .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .QQ .subTel .num {
    width:160px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
      text-align:center;}
.ask .QQ .subTel .num a{ color:#FFF; font-size:13px;}
.ask .QQ .subTel .num a img{ height:18px}
.ask .QQ:hover{ width:220px; background:#dd2525;
    background: linear-gradient(145deg,#dd2525,#dd2525);}



.ask .item {
margin-bottom: 1px;
float: right;
clear: both;
	
}


.ask .item>a{
    display: block;
    height: 60px;
}

.ask .item>a .left{
    float: left;
    padding-top: 10px;
    padding-bottom: 4px;
    width: 60px;
    height: 60px;
        background: #b2b2b2;
    background: linear-gradient(145deg,#8f8f8f,#b2b2b2);
    color: #fff;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    text-align: center;
}
.ask .item>a:hover .left{ background:#dd2525;
    background: linear-gradient(145deg,#dd2525,#dd2525);}
	
.ask .item>a .left p:first-child{
    font-size: 22px;
}
.ask .item>a .left p:last-child{
    font-size: 12px;
    line-height: 16px;
}

/*右下角客服样式*/
.animateds{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.livechat-girl{width:60px;height:60px;border-radius:50%;position:fixed;bottom:10%;right:2%;-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,0.3);box-shadow:0 5px 10px 0 rgba(35,50,56,0.3);z-index:100;}
.livechat-girl:focus{outline:0}
.livechat-girl:after{content:'1';width:12px;height:12px;border-radius:50%;background:#f93d66;font-size:.08rem;line-height:12px;color:#fff;text-align:center;position:absolute;right:5px;top:1px;z-index:99999}
.livechat-girl .girl{position:absolute;top:0;left:0;width:100%;height:auto;z-index:50;border-radius:100%}
.livechat-girl .text{position: absolute; z-index: 50; left:10px; bottom: -4px; width: 40px; background: #f93d66; color: #fff; font-size: 12px; text-align: center; line-height: 18px; border-radius: 18px;}
.livechat-girl .animated-circles .circle{background:rgba(249,61,102,0.25);width:58px;height:58px;border-radius:50%;position:absolute;left:1px; top:1px; z-index:49;transform:scale(1);-webkit-transform:scale(1)}
.livechat-girl .animated-circles.animateds .c-1{animation:2000ms scaleToggleOne cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .animated-circles.animateds .c-2{animation:2500ms scaleToggleTwo cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .animated-circles.animateds .c-3{animation:3000ms scaleToggleThree cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .livechat-hint{position:absolute;right:0;width:0;top:50%;margin-top:-20px;opacity:0;z-index:0;-webkit-transition:all 0.3s cubic-bezier(0.86,0,0.07,1);transition:all 0.3s cubic-bezier(0.86,0,0.07,1);background-color:#f93d66;overflow:hidden;}
.livechat-girl .livechat-hint.show_hint{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:1;width:208px;overflow:inherit;right:130px;}
.livechat-girl .livechat-hint.hide_hint{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}
.livechat-hint{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);font-size:14px;border-radius:3px;line-height:1.25;position:absolute;z-index:65;max-width:350px}
.livechat-hint:after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50;top:10px;right:-6px;background-color:#f93d66;}
.livechat-hint .rd-notice-content{background:0;border-radius:3px;width:100%;color:#fff;position:relative;z-index:60;height:40px;padding:0 20px;line-height:40px;white-space:nowrap}
.livechat-hint .rd-notice-content a{color:#fff;text-decoration:underline}

@keyframes scaleToggleOne{
	from{transform:scale(1);-webkit-transform:scale(1)}
	50%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{
	0%{transform:scale(1);-webkit-transform:scale(1)}
	20%{transform:scale(1);-webkit-transform:scale(1)}
	60%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{
	0%{transform:scale(1);-webkit-transform:scale(1)}
	33%{transform:scale(1);-webkit-transform:scale(1)}
	66%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}


/*在线咨询弹窗*/
.online_m{ width:600px; height:0; background: url(../image/pic146.png) repeat center center; position:fixed; left:50%; top:50%; margin:-150px 0 0 -300px; display:none; z-index:999999; background-size:100%}
.talk_window_con{width:100%;height:100%;position:relative}
.talk_window_con .t_w_close{position:absolute;top:5px;right:10px;line-height:1;width:30px;height:30px;text-align:center;cursor:pointer;font-family:"Arial";padding-top:5px;background:url(../image/pic145.png) no-repeat}
.t_w_text{padding-top:40px;text-align:center;color:#fff}
.t_w_text h3{margin-bottom:16px}
.t_w_text p{}
.t_w_text div.p{margin-top:32px;font-family: "family_DIN2";}
.t_w_text div.p a{padding:0 10px;color:#fff;cursor:text}
.t_w_btn{width:560px;margin:30px auto 0;    display: inline-block;}
.t_w_btn>a{display:inline-block;box-sizing:border-box;font-size:16px;float:left;height:50px;line-height:50px;width:200px;text-align:center;border:1px solid #fff;box-shadow:5px 5px 0 #b21117;color:#fff;float:left;width: 250px;margin-left: 13px; letter-spacing:2px;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.t_w_btn>a:first-child{margin-right: 20px;}
.t_w_btn>a:hover{background:#fff;color:#df1c23}


@media all and (min-width: 0px) and (max-width:1000px) {
	#online_mobile { display:none;opacity:0;    top: -150%;}
	.container_content {
    max-width: 90%;
    margin: 0px auto;
}
.body_01 .header .nav > ul > li.nav_01 .yiji a{ color:#ffffff;}
.body_02 .header .nav > ul > li.nav_02 .yiji a{ color:#ffffff;}
.body_03 .header .nav > ul > li.nav_03 .yiji a{ color:#ffffff;}
.body_04 .header .nav > ul > li.nav_04 .yiji a{ color:#ffffff;}
.body_05 .header .nav > ul > li.nav_05 .yiji a{ color:#ffffff;}
.body_06 .header .nav > ul > li.nav_06 .yiji a{ color:#ffffff;}
.header.fixed .nav > ul > li .yiji a{ color:#FFF}
body { font-size:0.9rem;}
.font16{ font-size:0.95rem;}
.font18{ font-size:1rem;}
.font20{ font-size:15px;}
.font22{ font-size:1.1rem;}
.font24{ font-size:1.1rem;}
.font28{ font-size:1.2rem;}
.font30{ font-size:1.3rem;}
.font36{ font-size:1.5rem;}
.font40{ font-size:1.8rem;}
.font54{ font-size:2.3rem;}
.font60{ font-size:240px;}
.font100{ font-size:3rem;}
.header{ background-color:#000000;border: 1px solid rgba(0, 0, 0, 0);box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.header .logo,.header.fixed .logo{background:url(../image/logo_write2.png) left center no-repeat;width:215px;height: 30px;background-size: auto 100%;margin-top: 11px;margin-bottom: 10px;}
.header .nav > ul > li{ display:block;}
.header .nav > ul > li .yiji a,.header.fixed .nav > ul > li .yiji a{ color:#ffffff; display:block; border-bottom:#5a5a5a 1px solid; padding:1.5rem 0; margin:0 5%; font-size:1rem}
.header .nav > ul > li .nav_simpline_cur,.header.fixed .nav > ul > li .nav_simpline_cur{position:absolute; right:5%; top:160px; margin-top:0; display: inline-block; background:url(../image/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover; z-index:10000}
.header .nav > ul > li .submenu {
    position: inherit;
    top: inherit;
    left: inherit;
    z-index: 2;
    width: auto;
    margin-left: 0;
    display: none; margin:0 5%;
}
.header .nav > ul > li .submenu ul{ padding-top:0}


.header .menu-toggle {
    position: absolute;
    right:5%;
    width: 25px;
    height: 18px;
    display: inline-block;
    top: 50%;
    margin-top: -9px;
    z-index: 10;
}
.header .menu-toggle .hamburger {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}
.header .menu-toggle .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header .menu-toggle .hamburger span:first-child {
    top: 0;
}
.header .menu-toggle .hamburger span:nth-child(2), .header .menu-toggle .hamburger span:nth-child(3) {
    top: 8px;
}
.header .menu-toggle .hamburger span:nth-child(1){ width:60%;}
.header .menu-toggle .hamburger span:nth-child(4){ width:80%;}
.header .menu-toggle .hamburger span:nth-child(4) {
    top: 16px;
}
.header .menu-toggle .hamburger.open span:first-child {
    top: 18px;
    width: 0;
    left: 50%;
}
.header .menu-toggle .hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .menu-toggle .hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .menu-toggle .hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%;
}
.header  .hamburger span {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}

.header .nav{right: -100%;
    width: 100%;
    top:52px;
    height: auto;
    background: hsla(0,0%,100%,.8);
    position: fixed;
    overflow: auto;-webkit-transition: right .9s ease;
    -o-transition: right .9s ease;
    transition: right .9s ease;background: #333;}
.header .nav.open_nav{right: 0;}
footer .footer-link{ padding-top:2rem; padding-bottom:2rem; display:block}
footer .footer-link .links,footer .about-us{ display:block; width:100%; padding-left:0; }
footer .link-item{ width:43%; vertical-align:top; display:inline-block;    min-height: 10rem;padding-right:6%} 
footer .about-us .link-item{}
footer .about-us{ padding-top:1rem}
.ask{ display:none}
#xianshi{ display:none}


	}
@media (max-width: 780px)	{
	.ask{ display:none;filter:alpha(opacity=0);   
      -moz-opacity:0;   
      -khtml-opacity: 0;   
      opacity: 0; }
	.m-ask {
    display: block;
}
	.m-ask {
    position: fixed;
    left: 0;
    bottom: 0%;
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #e31e1e;
        background-color: rgba(227,30,30,0.85);
}
.m-ask li {
    position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
}
.m-ask li.hover {
    overflow: hidden;
}
.m-ask li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}

.m-ask li a.tit {
    width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
}
.m-ask li.fi a {
    background: url(../image/qq.svg)  center 15% no-repeat;    background-size: 35% auto;
}
.m-ask li.th a {
    background: url(../image/45f61c2.svg) center 10% no-repeat;    background-size: 40% auto;
}
.m-ask li.fif a {
    background: url(../image/89e286f.svg) center 10% no-repeat;    background-size: 40% auto;
}
.h_contact .wrap {
    width: 90%;
}
.h_contact .box2 .d1 {
    width: 100%;
}
.h_contact .box2 .d {
    float: none;
}
.h_contact .box2 .d3 {
    width: 100%;
}
.h_contact .box2 .d4 {
    width: 100%;
}
.h_contact .box2 .dh-qh .bd .thd {
    width: 34%;
}
.h_contact .box2 .dh-qh .bd .tbd {
    width: 66%;
}
.h_contact .box2{ padding:3rem 0; padding-bottom:1rem}
.h_contact .box2 .dh-qh .bd{
    border-bottom: #443e3e 1px solid; padding-bottom:2rem; margin-bottom:2rem
}
.h_contact .box2 .d3{border-bottom: #443e3e 1px solid; padding-bottom:2rem; margin-bottom:2rem}
.h_contact .box2 .d p.p1 {
    font-size: 16px;}
	.h_contact .box2 .d1 p.p2 {
    font-size: 0.9rem;}
	.h_contact .box2 .dh-qh .bd .thd ul li {
    font-size: 1.2rem;}
	.header .nav > ul > li .yiji a span.znq{ right:inherit; left:100px;}
}