*{font-family:"SF Pro SC","微软雅黑","Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"宋体","黑体" !important;}
/*reset css*/
/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,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, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}*/

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6, {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/*my reset*/
html,body{background:#fff;margin:0;font-size:14px;padding:0px;font-family:"微软雅黑","Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"宋体","黑体";}
a{text-decoration: none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
.cl{clear:both;height: 0;overflow: hidden;}
.fl{float:left;}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}
.fr{float:right;}
.container{position:relative;margin:0 auto;width:1200px;}
.max-container{position:relative;margin:0 auto;max-width:1160px;}

.header .nav > li > a{ padding:5px 1px;}
.header{background:#e2e2e2;;position: fixed;top:0px;left:0px;height:120px;line-height:px;width:100%;z-index:500000;border-bottom:0px solid #fff;}
.header .max-container{height:100%;}
.header .logo{ float:left;margin:auto 0;}
.header .tel{position:absolute;top:0px;bottom:0px;right:0px;margin:auto 0;line-height: 36px;height:36px;text-align: right;}
.max-container h1{width:160px;height: auto;float: left;margin-top: 0px;}
.header .tel img{vertical-align:middle;}
.header .tel a{vertical-align:middle;color:#b30e0e;font-size:20px;font-family:Arial;}
.header {position:absolute;top:0px;bottom:0px;right:1%;text-align:right;z-index:10;}

/**************/

.nav{position:absolute;top:50px;bottom:0px;right:1%;text-align:right;z-index:10; height:60px;}

.header .nav .nav-child{position:relative;display:inline-block;*display:inline;*zoom:1;padding:0 15px;line-height:60px; height:60px;}

.header .nav .nav-child h2{position:relative;z-index:10;color:#4d4d4d;font-size:16px;text-align:center;}

.header .nav .nav-child .nav-list{background:#fff;position:absolute;top:60px;width:180px;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;left:50%;margin-left:-90px;opacity: 1;visibility: hidden;}
.header .nav .nav-child .nav-list ul,.header .nav .nav-child .nav-list.n-qwzn  ul{margin:0 auto;list-style-position: inside;opacity:0; padding:10px 0 0;}

.header .nav .nav-child .nav-list li{ display:block;  border-bottom:1px  solid #ddd; height:auto;}
.header .nav .nav-child .nav-list li a{ display:block; font-style:normal; text-decoration: none;line-height:1.4em; height:auto;font-size:14px; text-align: center; padding: 8px; color:#555; }
.header .nav .nav-child .nav-list li a:hover{ color:#2F318B}

.nav > li > a:focus, .nav > li > a:hover{ background:none; color:#4d4d4d;}
/* .header .nav .nav-child .nav-list ul{width: 90px;margin:0 auto;} */



.header .nav .nav-child .nav-list li h3::before{content:"";float: left;width: 3px;height: 3px;background: #;border-radius:50%;-webkit-border-radius:50%;margin-top: 8px;}
.header .nav .nav-child .nav-list li h3.li-title::before{width:0;height:0;}
.header .nav .nav-child .nav-list li:hover h3{color:#2F318B;}

.nav-list.nav-list-about{border-top:1px solid #e5e5e5;}
.header .nav .nav-child .nav-list li.on{color:#2F318B;}
.header .nav .nav-child:hover .nav-list{visibility: inherit;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0); display:block;}
.header .nav .nav-child:hover .nav-list ul{opacity: 1;}
.header .nav .nav-child:hover .nav-list.nav-list-product{opacity: 1;}
.header .nav .nav-child:hover .nav-list.nav-list-plan{opacity: 1;}



.header .nav .nav-child .nav-list.nav-list-plan{position:fixed;left:0px;right:0px;margin:0;width:100%;overflow:hidden; opacity: 0; }
.header .nav .nav-child .nav-list.nav-list-plan ul{list-style:none;width:94.7916%;}
.header .nav .nav-child .nav-list.nav-list-plan ul:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-plan ul li{width:18.4%;float:left;padding-right:2%;}
.header .nav .nav-child .nav-list.nav-list-plan ul li.no{padding-right:0px;}
.header .nav .nav-child .nav-list.nav-list-plan ul li .li-image{overflow:hidden;}
.header .nav .nav-child .nav-list.nav-list-plan ul li .li-image img{max-width:100%;transition-duration: 2s;-webkit-transition-duration:2s;}
.header .nav .nav-child .nav-list.nav-list-plan ul li:hover .li-image img{ transform: scale(1.1);-webkit-transform: scale(1.1); }

.header .nav .nav-child .nav-list.nav-list-case{position:fixed;left:0px;right:0px;margin:0;width:100%;}
.header .nav .nav-child .nav-list.nav-list-case:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-case .c-container{width:1001px;float:right;padding-right:15.104%;margin-right:2.6042%;}
.header .nav .nav-child .nav-list.nav-list-case .c-container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-case .c-container ul{float:left;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents{float:right;width:812px;text-align:right;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child{width:118px;margin-left:40px;display:inline-block;*display:inline;*zoom:1;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-image{height:200px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-image img{max-width: 100%;max-height: 100%;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-title{font-size:14px;color:#656565;transition-duration: .3s;-webkit-transition-duration:.3s;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child:hover .child-title{color:#b30e0e;}

.header .nav .nav-child .nav-list.nav-list-product{position:fixed;left:0px;right:0px;margin:0;width:100%;opacity:0;}
.header .nav .nav-child .nav-list.nav-list-product:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-product .c-container{width:1001px;float:right;padding-right:15.104%;margin-right:2.6042%;}
.header .nav .nav-child .nav-list.nav-list-product .c-container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-product .c-container ul{float:left;width:160px;}
.header .nav .nav-child .nav-list.nav-list-product .c-container ul li{cursor:pointer;text-align: left;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents{position:relative;float:right;width:774px;height:400px;text-align:center;overflow:hidden;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .moveContent{position:absolute;top:0px;left:0px;width:100%;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-c{position:absolute;top:0px;left:0px;width:100%;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-content{padding:20px 0;border-bottom: 1px solid #f0f0f0;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-content.no{border-bottom:0;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child{width:190px;display:inline-block;*display:inline;*zoom:1;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-image{height:78px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-image img{max-width: 100%;max-height: 100%;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-title{font-size:14px;color:#656565;transition-duration: .3s;-webkit-transition-duration:.3s;}


.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child:hover .child-title{color:#b30e0e;}

.header .nav .nav-child h2{ padding:0 7px; line-height:45px;}
.header .nav .nav-child.on{border-bottom:0px solid #b30e0e;}
.header .nav .nav-child.on h2{color:#; border-bottom:0px solid#007cc3; line-height:px;}
.header .nav .nav-child:hover{border-bottom:0px solid #b30e0e; background:none; border-bottom:0px solid #007cc3; color:#007cc3;}
.header .nav .nav-child:hover h2{color:#fff; border-bottom:0px solid #007cc3;}




.header .tool{display: none;position: absolute;top: 0px;bottom: 0px;margin: auto 0;right: 72px;cursor: pointer;}
.stance{ position: relative;height:80px; }

.m-banner{overflow:hidden;position: relative;height:300px;background:no-repeat center 80px;background-size:auto 300px;background-attachment: fixed;}
.m-banner .container{height:100%;}
.m-banner .m-msg{position: absolute;top:0px;bottom:0px;left:-342px;margin:auto 0;height:112px;width:1062px;background:repeat-y center center url('../images/banner_msg_bg.png');color:#fff;}
.m-banner .m-msg h1{line-height: 38px;font-size:28px;padding-top:20px;padding-left:342px;}
.m-banner .m-msg h2{padding:4px 0;line-height: 28px;font-size:18px;padding-left:342px;}

.main-title{height:64px;line-height: 64px;border-bottom:1px solid #e5e5e5;}
.main-title .container{height:100%;}
.main-title .container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main-title h1{line-height: 63px;border-bottom:0px solid #b30e0e;float:left;color:#b30e0e;font-size:22px;}


/*弹出框*/
.invitation_bg{display:none;position:fixed;top:0px;left:0px;bottom:0px;right:0px;background:#000; opacity: 0.5;z-index:5;}
.invitation{display:none;position:fixed;top:0px;left:0px;bottom:0px;right:0px;margin:auto;width:1121px;height:737px;background: no-repeat center center;background-size: cover;z-index:16;}
.invitation .content{width:724px;margin:16px auto 0 auto;height:688px;}
.invitation .content .title{padding:24px 0 34px 0;text-align: center;}
.invitation .content .i-content{color:#656565;font-size:14px;line-height:24px;}
.invitation .content .i-content h3{line-height: 30px;color:#b30e0e;font-size:16px;padding-top:26px;}
.invitation .pen{position:absolute;top:-56px;left:-22px;}
.invitation .close{position:absolute;top:40px;right:32px;cursor:pointer;}
.invitation .btn{transition-duration: .3s;-webkit-transition-duration:.3s;margin:20px auto 0px auto;color:#b30e0e;font-size:16px;width:174px;height:36px;line-height:36px;text-align: center;border:1px solid #b30e0e;border-radius:3px;-webkit-border-radius:3px;cursor: pointer;}
.invitation .btn:hover{color:#fff;background:#b30e0e;}
.nav-b {  overflow: hidden;   border-bottom: 1px solid #e5e5e5;display:none;}
.nav-b .wrap-b{width: 1174px;margin: 0 auto;}
.nav-b .wrap-b h3{width: 88px;border-bottom: 2px solid #b30e0e;font-size: 20px;color:#b30e0e;line-height: 86px;}
.nav-b ul li{float: left;padding: 0 10px 0 0;text-align: center;line-height: 88px;-webkit-box-sizing:border-box;}
.nav-b ul li.last{padding-right:0;}
.nav-b ul li a{color:#4d4d4d;font-size: 16px;float: left;}
.nav-b ul li a:hover,.nav-b ul li:hover a{color:#007cc3; background:none;}
.nav-b ul li.curr a{color:#b30e0e}
.nav-b ul li::after{content:"/"; color:#4d4d4d;padding-left: 10px;}
.nav-b ul li.last::after{content:initial !important; color:#4d4d4d;padding-left: 0px;}
.nav-2{height:60px;text-align:left;width:468px;position:absolute;z-index:99;background:none;top:60px;line-height:60px; margin-top:-10px;}
.nav-2 a,.nav-2 a:link,.nav-2 a:visited{font-family: "微软雅黑","Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"宋体","黑体";font-size:14px;color:#666;padding:0 2px;margin:0 7px;display:inline-block;text-align:center;}
.nav-2 a:hover{color:#2F318B; border-bottom:2px solid #2F318B; text-decoration:none;}
.nav-2 h3{ margin-top:0px ; margin-bottom:0px; font-family:"微软雅黑"; font-size:14px; line-height:50px; font-weight:normal; padding-left:3px; padding-right:3px; text-decoration:none;}

.nav-2 a.curr{color:#2F318B; border-bottom:2px solid #2F318B;}
.nav-3{height:60px;position: fixed ; display:block;background:#fff;text-align:center;top:120px;z-index:19;line-height:60px;width:100%;left:0;}
.nav-0{height:60px;position: fixed;background:#fff;text-align:center;top:80px;z-index:100;line-height:60px;width:100%;left:0;display:none;}
.none{display:none;}
.product input#mc{width:70%;}
.w300{width:300px !important;}
.suspend,.suspend2{position: fixed;right: 20px;bottom: 200px;z-index: 1000;}
.suspend a{display: block;margin-top: 2px;position: relative;}
.suspend a div.pic{width: 40px;height: 40px;background-color: #fff;}
.suspend a.s_weixin,.suspend2 a.s_weixin{display:none;}
.suspend a.s_weixin div.pic,.suspend a.s_weixin div.erweima,.suspend a.s_talk div.pic,.suspend a.s_top div.pic,.suspend2 a.s_weixin div.erweima{background-image: url("/zgstyle/images/suspend.png");background-repeat:no-repeat;}
.suspend a.s_weixin div.pic{background-position:-160px 0;}
.suspend a.s_weixin div.erweima,.suspend2 a.s_weixin div.erweima{display:none;position: absolute;width: 125px;height: 125px;left: -125px;top: -40px;background:url("/zgstyle/images/20180131170333.png") no-repeat;background-size: contain; }
.suspend a.s_weixin:hover div.pic{background-color: #333;background-position:-120px 0;}
.suspend a.s_weixin:hover div.erweima,.suspend2 a.s_weixin:hover div.erweima{display: block;}
.suspend a.s_talk div.pic{background-position:0 0;}
.suspend a.s_talk:hover div.pic{background-color: #333;background-position:-200px 0;}
.suspend2 a{display: block;margin-top: 2px;width: 60px;height: 60px;background-color: #fff;text-align: center;}
.suspend a.s_top{display:none;}
.suspend a.s_top div.pic{background-position:-80px 0;}
.suspend a.s_top div.st_txt,.suspend a.s_talk div.st_txt{display:none;height: 40px;width: 90px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;position: absolute;top:0;left: -90px;background-color: #333;}
.suspend a.s_top:hover div.pic{background-color: #333;background-position:-40px 0;}
.suspend a.s_top:hover div.st_txt,.suspend a.s_talk:hover div.st_txt{display: block;}
.suspend2 a.s_weixin div.erweima{top: -30px;}
.suspend2 a:hover{background-color: #333;}
.suspend2 a{background-image: url("/zgstyle/images/suspend2.png");background-repeat: no-repeat;background-position: center;background-color: #f1f1f1;}
.suspend2 a.s_weixin{background-position:-240px 0;}
.suspend2 a.s_talk{background-position:0 0;display: none;}
.suspend2 a.s_top{background-position:-120px 0;display:none;}
.suspend2 a.s_weixin:hover{background-position:-180px 0;}
.suspend2 a.s_talk:hover{background-position:-300px 0;}
.suspend2 a.s_top:hover{background-position:-60px 0;}
.suspend2 a p{font-size: 12px;color: #888;padding-top: 36px;}
.suspend2 a:hover p{color: #fff;}

@media (max-width:609px){
	.footer .infos{padding:0 20px;box-sizing: border-box;}
	.footer .infos .title{font-size:14px;padding:15px 0 5px;line-height:20px;}
	.footer .infos .nav{font-size:14px;}
	.footer .infos .nav a{line-height:20px;font-size:14px;}
	.footer .infos .copyright{font-size:14px;}
	.footer .code {float:none;display:block;margin:0 auto;}
	.footer .code .title{padding:0;}
	.nav-2,.nav-3{display:none;}
}
@media (min-width:610px) and (max-width:679px){
	.footer .infos{padding:0 20px;box-sizing: border-box;}
	.footer .infos .title{font-size:14px;padding:15px 0 5px;line-height:20px;}
	.footer .infos .nav{font-size:14px;}
	.footer .infos .nav a{line-height:20px;font-size:14px;}
	.footer .infos .copyright{font-size:14px;}
	.footer .code {float:none;display:block;margin:0 auto;}
	.footer .code .title{padding:0;}
	.nav-2,.nav-3{display:none;}
}
@media (min-width: 680px) and (max-width:899px){
	.footer .infos{padding:0 10px;box-sizing: border-box;}
	.footer .infos .title{font-size:14px;line-height:20px;padding-top:50px;}
	.footer .infos .nav{font-size:14px;}
	.footer .infos .nav a{line-height:20px;font-size:14px;}
	.footer .infos .copyright{font-size:14px;}
	.footer .code .title{padding:0;}
	.nav-2,.nav-3{display:none;}
}
@media (max-width: 639px) {
.container{width:93.75%;}
.max-container{width:93.75%;}

.header{height:60px;line-height:60px; /*border-bottom:1px solid #ddd;*/ z-index:9999;}
.header .logo{height:60px;}
.header .tel{display:none;line-height: 28px;height:28px;right:80px;}
.header .tel a{font-size:20px;}

.header .nav{padding:0;margin:0;background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:60px;left:inherit;right:-141px;width:140px;height:auto;line-height:normal;}
.header .nav .nav-child{border-bottom:1px solid #ddd;font-size:14px;margin:0px;padding:0;width:140px;height:40px;line-height:30px;float:none;}
.header .nav .nav-child.on{color:#D21879;height:40px;border-bottom:1px solid #ddd;}
.header .nav .nav-child:hover{color:#2F318B;background:#ddd;height:40px;border-bottom:1px solid #2F318B;}
.header .nav .nav-child h2{line-height:30px;font-size:14px; margin-top:0px;}
.header .nav .nav-child h3{ font-size:14px; margin-top:0px;}
.header .nav .nav-child.on h2{ border-bottom:0px;}
.header .nav .nav-child .nav-list{top:0px;width:140px;padding:10px 0;left:inherit;right:140px; transform: translateX(200%);-webkit-transform:translateX(200%);  z-index:9999;}
.header .nav .nav-child .nav-list ul{width: 68px;list-style: none;}
.header .nav .nav-child .nav-list li{line-height: 20px;padding:6px 0;font-size:12px;}
.header .nav .nav-child .nav-list.nav-list-case{position:absolute;top:0px;width:140px;padding:10px 0;left:inherit;right:141px; z-index:9999; }
.header .nav .nav-child .nav-list.nav-list-case .c-container{width:100%;margin:0;padding:0;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents{display:none;}
.header .nav .nav-child .nav-list.nav-list-case .c-container ul{float:none;margin:0 auto;}
.header .nav .nav-child .nav-list.nav-list-product{display:none;}
.header .nav .nav-child .nav-list.nav-list-plan{display:none;}
.header .nav .nav-child:hover .nav-list{visibility: inherit;opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);}
.header .tool {display: block;right: 12px;width:32px;}

.stance{height:46px; }

.m-banner{height:180px;background:no-repeat center center;background-size:auto 180px;}
.m-banner .m-msg{left:-342px;margin:auto 0;height:72px;width:1062px;}
.m-banner .m-msg h1{line-height: 24px;font-size:20px;padding-top:12px;padding-left:342px;}
.m-banner .m-msg h2{padding:2px 0;line-height: 20px;font-size:12px;padding-left:342px;}

.main-title{height:32px;line-height: 32px;}
.main-title h1{line-height: 31px;border-bottom:0px solid #b30e0e;font-size:16px;}
.invitation_bg{display:none !important;}
.invitation{display:none !important;}
.nav-b ul li{line-height: 54px;padding: 0 10px 0 0;}
.nav-b .wrap-b{width: 93.75%;}
.nav-b .wrap-b h3{padding-left: 3%;line-height:55px;}
.nav-b ul li a{font-size: 14px;}
.nav-2,.nav-3{display:none;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.container{width:93.75%;}

.header{height:60px;line-height:60px;}
.header .tel{line-height: 28px;height:28px;right:80px;}
.header .tel a{font-size:20px;}

.header .nav{padding:0;margin:0;background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:61px;left:inherit;right:-141px;width:140px;height:auto;line-height:normal;}
.header .nav .nav-child{border-bottom:1px solid #ddd;font-size:14px;margin:0px;padding:0;width:140px;height:40px;line-height:40px;float:none;}
.header .nav .nav-child.on{color:#D21879;height:40px;border-bottom:1px solid #2F318B;}
.header .nav .nav-child:hover{color:#D21879;background:#ddd;height:40px;border-bottom:1px solid #b30e0e;}
.header .nav .nav-child h2{line-height:40px;font-size:14px;}


.header .nav .nav-child .nav-list{top:0px;width:140px;padding:10px 0;left:inherit;right:140px; transform: translateX(200%);-webkit-transform:translateX(200%);}
.header .nav .nav-child .nav-list ul{width: 68px;list-style: none;}
.header .nav .nav-child .nav-list li{line-height: 20px;padding:6px 0;font-size:12px;}
.header .nav .nav-child .nav-list.nav-list-case{position:absolute;top:0px;width:140px;padding:10px 0;left:inherit;right:141px; }
.header .nav .nav-child .nav-list.nav-list-case .c-container{width:100%;margin:0;padding:0;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents{display:none;}
.header .nav .nav-child .nav-list.nav-list-case .c-container ul{float:none;margin:0 auto;}
.header .nav .nav-child .nav-list.nav-list-product{display:none;}
.header .nav .nav-child .nav-list.nav-list-plan{display:none;}
.header .nav .nav-child:hover .nav-list{visibility: inherit;opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);}
.header .tool {display: block;right: 20px;width: 40px;}

.stance{height:60px; }

.m-banner{height:240px;background:no-repeat center center;background-size:auto 240px;}
.m-banner .m-msg{left:-342px;margin:auto 0;height:112px;width:1062px;}
.m-banner .m-msg h1{line-height: 38px;font-size:28px;padding-top:20px;padding-left:342px;}
.m-banner .m-msg h2{padding:4px 0;line-height: 28px;font-size:18px;padding-left:342px;}
.invitation_bg{display:none !important;}
.invitation{display:none !important;}
.nav-b .wrap-b{width: 100%;}
.nav-b .wrap-b h3{padding-left: 3%;}
.nav-2,.nav-3{display:none;}
}
@media (min-width: 1024px) and (max-width:1120px ) {
.container{width:1200px;}

.header{height:px;line-height:60px;}
.header .logo{ }
.header .max-container {width:80%;}
.header .tel{line-height: 28px;height:28px;display:none;}
.header .tel a{font-size:16px;}
.header .nav{right:0;}
.header .nav .nav-child{padding:0 0px;line-height:42px;}
.header .nav .nav-child h2{font-size:16px;}
.header .nav .nav-child .nav-list{top:61px; width:90px; margin-left:-46px;display:none;}
.header .nav .nav-child .nav-list ul{width: 68px;}
.header .nav .nav-child .nav-list li{line-height: 20px;padding:6px 0;font-size:12px;}

.header .nav .nav-child .nav-list.nav-list-case .c-container{width:900px;padding-right: 0;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents{width:812px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child{width:118px;margin-left:40px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-image{height:200px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-title{font-size:14px;}

.header .nav .nav-child .nav-list.nav-list-product .c-container{width:944px;padding-right: 0px;}
.header .nav .nav-child .nav-list.nav-list-product .c-container ul{width:160px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents{=width:774px;height:400px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-content{padding:20px 0;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child{width:190px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-image{height:78px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-title{font-size:14px;}*/

.header .nav .nav-child.on{border-bottom:0px solid #b30e0e;height:42px;}
.header .nav .nav-child:hover{border-bottom:0px solid #b30e0e;height:42px;}
.stance{height:60px; }

.m-banner{height:240px;background:no-repeat center 60px;background-size:auto 240px;background-attachment: fixed;}
.m-banner .m-msg{left:-342px;margin:auto 0;height:112px;width:1062px;}
.m-banner .m-msg h1{line-height: 38px;font-size:28px;padding-top:20px;padding-left:342px;}
.m-banner .m-msg h2{padding:4px 0;line-height: 28px;font-size:18px;padding-left:342px;}

.invitation{width:840px;height:553px;}
.invitation .content{width:544px;margin:12px auto 0 auto;height:516px;}
.invitation .content .title{padding:18px 0 6px 0;}
.invitation .content .title img{height:24px;}
.invitation .content .i-content{font-size:12px;line-height:20px;}
.invitation .content .i-content h3{line-height: 20px;font-size:14px;padding-top:10px;}
.invitation .pen{top:-56px;left:-22px;}
.invitation .close{top:40px;right:32px;}
.invitation .btn{margin:12px auto 0px auto;font-size:14px;width:120px;height:30px;line-height:30px;}
.nav-b .wrap-b{width: 93.75%;}
.nav-b .wrap-b h3{padding-left: 4%;}
.nav-3,.nav-0{top:120px;}
.nav-child:hover .nav-2{z-index:101;}
.nav-child:hover .nav-2,.nav-child:hover .nav-0{display:none;}
}




@media (min-width: 640px) {
.nav-list-about{ display:none}

}
@media (min-width: 1121px) and (max-width:1560px ) {
.nav-3,.nav-0{top:117px;}
.nav-child:hover .nav-2{z-index:101;}
.nav-child:hover .nav-2,.nav-child:hover .nav-0{display:none;}
}
/*.container{width:1200px;}

.header{height:70px;line-height:70px; }
.header .logo{width:160px;}
.header .tel{line-height: 28px;height:28px;display:none;}
.header .tel a{font-size:16px;}
.header .nav{right:0;}
.header .nav .nav-child{padding:0 10px;line-height:60px;}
.header .nav .nav-child h2{font-size:16px;}
.header .nav .nav-child .nav-list{top:61px; width:90px; margin-left:-46px;display:none;}
.header .nav .nav-child .nav-list ul{width: 68px;}
.header .nav .nav-child .nav-list li{line-height: 20px;padding:6px 0;font-size:12px;}

.header .nav .nav-child .nav-list.nav-list-case .c-container{width:900px;padding-right: 0;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents{width:812px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child{width:118px;margin-left:40px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-image{height:200px;}
.header .nav .nav-child .nav-list.nav-list-case .l-contents .l-child .child-title{font-size:14px;}

.header .nav .nav-child .nav-list.nav-list-product .c-container{width:944px;padding-right: 0px;}
.header .nav .nav-child .nav-list.nav-list-product .c-container ul{width:160px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents{=width:774px;height:400px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-content{padding:20px 0;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child{width:190px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-image{height:78px;}
.header .nav .nav-child .nav-list.nav-list-product .l-contents .l-child .child-title{font-size:14px;}

.header .nav .nav-child.on{border-bottom:0px solid #b30e0e;height:70px;}
.header .nav .nav-child:hover{border-bottom:0px solid #b30e0e;height:70px;}
.stance{height:60px; }

.m-banner{height:240px;background:no-repeat center 60px;background-size:auto 240px;background-attachment: fixed;}
.m-banner .m-msg{left:-342px;margin:auto 0;height:112px;width:1062px;}
.m-banner .m-msg h1{line-height: 38px;font-size:28px;padding-top:20px;padding-left:342px;}
.m-banner .m-msg h2{padding:4px 0;line-height: 28px;font-size:18px;padding-left:342px;}

.invitation{width:840px;height:553px;}
.invitation .content{width:544px;margin:12px auto 0 auto;height:516px;}
.invitation .content .title{padding:18px 0 6px 0;}
.invitation .content .title img{height:24px;}
.invitation .content .i-content{font-size:12px;line-height:20px;}
.invitation .content .i-content h3{line-height: 20px;font-size:14px;padding-top:10px;}
.invitation .pen{top:-56px;left:-22px;}
.invitation .close{top:40px;right:32px;}
.invitation .btn{margin:12px auto 0px auto;font-size:14px;width:120px;height:30px;line-height:30px;}
.nav-b .wrap-b{width: 93.75%;}
.nav-b .wrap-b h3{padding-left: 4%;}
.nav-2,.nav-3,.nav-0{top:50px;}
.nav-child:hover .nav-2{z-index:101;}
.nav-child:hover .nav-2,.nav-child:hover .nav-0{display:block;}*/
/*}*/
@media (min-width: 1561px) and (max-width:1920px ) {
.nav-3,.nav-0{top:120px;}
	.header .nav .nav-child .nav-list{display:none;}
	.nav-child:hover .nav-2{z-index:101;}
	.nav-child:hover .nav-2,.nav-child:hover .nav-0{display:none;}
}
@media (min-width:1921px){
.nav-3,.nav-0{top:120px;}
	.header .nav .nav-child .nav-list{display:none;}
	.nav-child:hover .nav-2{z-index:101;}
	.nav-child:hover .nav-2,.nav-child:hover .nav-0{display:none;}
}
<!--[if IE7]>
.header .nav .nav-child{padding:0 10px;}

<![endif]-->


.main h3 {
    width: 120px;
    border-bottom: 2px solid #b30e0e;
    font-size: 20px;
    color: #b30e0e;
    line-height: 86px;
}
#lanmu{ width:1174px; margin: 0 auto; margin-top: 5px; margin-bottom: 15px;}
#fenlei{ width:1174px; margin: 0 auto; margin-top: 15px;}
#fenlei p{ font-size: 16px;}

.nav-child{ border-bottom: 0px; }



#lanmu a { display: inline-block;    border: 1px #c9c9c9 solid;
    height: 36px;
    line-height: 36px;
    padding: 0px 6px;
    margin: 0 14px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 10px;
    transition: all 0.2s linear;
    width: 104px;
    text-align: center;
    font-weight: bold;
    }
    #lanmu a:link {
    color: #595757;
    text-decoration: none;}
    #lanmu a:visited {
    color: #595757;
    text-decoration: none;}

    #lanmu a:hover, a.currclass {
    color: #fff;
    border: 1px #7e308e solid;
    background: #7e308e;
}
.storefront_details .page,.page{display:none;}