/*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;}

/*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;}

.container{position:relative;margin:0 auto;width:1200px;}
.max-container{position:relative;margin:0 auto;width:94.7916%;}


.header{background:#fff;position:fixed;top:0px;left:0px;height:80px;line-height:80px;width:100%;z-index:17;border-bottom:1px solid #cacaca;}
.header .max-container{height:100%;}
.header .logo{position:absolute;top:0px;bottom:0px;left:0px;margin:auto 0;}
.header .tel{position:absolute;top:0px;bottom:0px;right:0px;margin:auto 0;line-height: 36px;height:36px;text-align: right;}
.header .tel img{vertical-align:middle;}
.header .tel a{vertical-align:middle;color:#750173;font-size:20px;font-family:Arial;}
.header .nav{position:absolute;top:0px;bottom:0px;right:15.104%;text-align:right;z-index:10;}
.header .nav .nav-child{position:relative;display:inline-block;*display:inline;*zoom:1;padding:0 20px;line-height:80px;}
.header .nav .nav-child h2{position:relative;z-index:10;color:#434343;font-size:16px;text-align:center;}
.header .nav .nav-child .nav-list{background:#fff;position:absolute;top:81px;width:146px;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;left:50%;margin-left:-83px;opacity: 1;visibility: hidden;}
.header .nav .nav-child .nav-list ul{width: 90px;margin:0 auto;list-style-position: inside;opacity:0;}
.header .nav .nav-child .nav-list li{line-height: 26px;text-align: center;padding:8px 0;color:#434343;font-size:14px;}

.header .nav .nav-child .nav-list ul{width: 90px;margin:0 auto;}
.header .nav .nav-child .nav-list li{line-height: 26px;text-align: center;padding:2px 0;color:#434343;font-size:14px;}
.header .nav .nav-child .nav-list li h3::before{content:"";float: left;width: 3px;height: 3px;background: #333;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:#750173;}


.header .nav .nav-child .nav-list li.on{color:#750173;}
.header .nav .nav-child:hover .nav-list{visibility: inherit;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
.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:#750173;}

.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:#750173;}

.header .nav .nav-child.on{border-bottom:0px solid #750173;}
.header .nav .nav-child.on h2{color:#750173;}
.header .nav .nav-child:hover{border-bottom:0px solid #750173;}
.header .nav .nav-child:hover h2{color:#750173;}
.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 #750173;float:left;color:#750173;font-size:22px;}

.footer{padding:54px 0 44px 0;}
.footer .container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .infos{float:left;width:800px;}
.footer .infos .title{line-height:30px;color:#878787;font-size:14px;padding-top:8px;}
.footer .infos .title img{vertical-align:middle;margin-right:6px;}
.footer .infos .title span{vertical-align:middle;}
.footer .infos .nav{padding:16px 0;margin-left:-6px;}
.footer .infos .nav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .infos .nav li{color:#878787;font-size:14px;float:left;padding:0 6px;border-right:1px solid #c7c7c7;line-height:12px;}
.footer .infos .nav li.no{border-right:0px;}
.footer .infos .nav li:hover{color:#750173;}
.footer .infos .copyright{color:#878787;font-size:12px;line-height:18px;}
.footer .infos .copyright a{color:#878787;}
.footer .code{float:right;text-align:center;}
.footer .code .title{line-height:20px;padding-top:4px;color:#878787;font-size:14px;}
/*弹出框*/
.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:#750173;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:#750173;font-size:16px;width:174px;height:36px;line-height:36px;text-align: center;border:1px solid #750173;border-radius:3px;-webkit-border-radius:3px;cursor: pointer;}
.invitation .btn:hover{color:#fff;background:#750173;}
@media (max-width: 639px) {
.container{width:93.75%;}
.max-container{width:93.75%;}

.header{height:46px;line-height:46px;}
.header .logo{height:18px;}
.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:47px;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 #750173;}
.header .nav .nav-child:hover{color:#D21879;background:#ddd;height:40px;border-bottom:1px solid #750173;}
.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:141px; 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: 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 #750173;font-size:16px;}

.footer{padding:20px 0;}
.footer .infos{width:100%;float:none;}
.footer .infos .title{line-height:30px;font-size:14px;padding-top:0px;}
.footer .infos .title img{margin-right:6px;}
.footer .infos .nav{padding:16px 0;margin-left:-6px;}
.footer .infos .nav li{font-size:14px;padding:0 6px;line-height:20px;}
.footer .infos .copyright{font-size:12px;line-height:18px;}
.footer .code{display:none;}
.footer .code .title{line-height:20px;padding-top:4px;font-size:14px;}
.invitation_bg{display:none !important;}
.invitation{display:none !important;}
}
@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 #750173;}
.header .nav .nav-child:hover{color:#D21879;background:#ddd;height:40px;border-bottom:1px solid #750173;}
.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:141px; 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;}

.footer{padding:30px 0;}
.footer .infos{width:100%;float:none;}
.footer .infos .title{line-height:30px;font-size:14px;padding-top:0px;}
.footer .infos .title img{margin-right:6px;}
.footer .infos .nav{padding:16px 0;margin-left:-6px;}
.footer .infos .nav li{font-size:14px;padding:0 6px;line-height:12px;}
.footer .infos .copyright{font-size:12px;line-height:18px;}
.footer .code{display:none;}
.footer .code .title{line-height:20px;padding-top:4px;font-size:14px;}
.invitation_bg{display:none !important;}
.invitation{display:none !important;}
}
@media (min-width: 1024px) and (max-width:1560px ) {
.container{width:900px;}

.header{height:60px;line-height:60px;}
.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:14px;}
.header .nav .nav-child .nav-list{top:61px; width:90px; margin-left:-46px;}
.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 #750173;height:59px;}
.header .nav .nav-child:hover{border-bottom:0px solid #750173;height:59px;}
.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;}

.footer{padding:40px 0 33px 0;}
.footer .infos{width:600px;}
.footer .infos .title{line-height:30px;font-size:14px;padding-top:8px;}
.footer .infos .title img{margin-right:6px;}
.footer .infos .nav{padding:16px 0;margin-left:-6px;}
.footer .infos .nav li{font-size:14px;padding:0 6px;line-height:12px;}
.footer .infos .copyright{font-size:12px;line-height:18px;}
.footer .code .title{line-height:20px;padding-top:4px;font-size:14px;}
.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;}
}
@media (min-width: 1561px) and (max-width:1920px ) {

}



<!--[if IE7]>
.header .nav .nav-child{padding:0 10px;}

<![endif]-->


.main h3 {
    width: 120px;
    border-bottom: 2px solid #750173;
    font-size: 20px;
    color: #750173;
    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;    
}