/*css reset*/
@font-face {        
	font-family: 'yueroudgo';
  	src: url('/bundles/frontend/fonts/YueRoudGo.ttf');
	src: url('/bundles/frontend/fonts/YueRoudGo.eot');
}
@font-face {        
	font-family: 'yueroudgo1';
  	src: url('/bundles/frontend/fonts/YueRoudGo1.ttf');
	src: url('/bundles/frontend/fonts/YueRoudGo1.eot');
}
@font-face {        
	font-family: 'yueroudgo2';
  	src: url('/bundles/frontend/fonts/YueRoudGo2.otf');
	src: url('/bundles/frontend/fonts/YueRoudGo2.ttf');
	src: url('/bundles/frontend/fonts/YueRoudGo2.eot');
}
sub, sup {
    font-size:75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
#menu { position:fixed; top:50%; right:0; z-index:99999999999999;}
#menu a{ color:#000;}
/*css reset*/
* {margin: 0;padding: 0;}
html { font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0;max-width: 1920px;height: 100%; height:auto; position:relative;}
body {  font-size: 1.2rem; color:#666; text-align:left;margin:0;overflow-x:hidden; max-width: 1920px; height: 100%; letter-spacing:0.5px; }
body.active{ overflow:hidden; min-height:100%;}
html,body{margin:0px;height:100%;} 
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
img{border:0;margin: 0; padding: 0; }
.f-left{ float:left;}
.f-right{ float:right}
.clear {clear:both;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.hide{ display:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
:focus {outline: 0;}
li{ list-style:none;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; font-size-adjust: inherit; font-stretch: inherit;}
strong{ font-weight:bold;}
::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#999;}
:-ms-input-placeholder { /* Internet Explorer 10+ */   color:#999;}
.wrap{ max-width:1920px; margin:0 auto;overflow-x:hidden;min-height: 100%; height:auto; position:relative;}
.wrap-mask,.nav0{ display:none;}
.inner{ width:1200px; margin:0 auto;}
#menuIcon,.header_shop,.shop_cont{display: none;}
#login-mobile{display: none;}
.img2{ display:none;}
.nav-tet li.active .active .img2{ display:block;}
.nav-tet li.active .active .img1{ display:none;}
/* header */
.header{ width:100%; height:110px; background:url(/bundles/frontend/images/logo_bg.png) repeat; position:fixed; top:0; left:0; border-bottom:#dddddd solid 1px; z-index:9;}
.header .logo{ float:left; padding-left:0; width:187px; height:110px; line-height:110px;}
.header .logo img{ width:100%; vertical-align:middle; }
.header-inner{ float:right; width:965px; height:110px;}
.header-link{ width:420px;height:32px; float:right; padding-top:13px;}
.header-link li{ float:right; padding-right:12px; padding-left:5px; position:relative; top:0; left:0; z-index:9999; color:#666; font-size:14px; line-height:32px; }
.header-link li span{ color:#003477;font-style:italic; font-size:20px; font-weight:bold; padding-left:10px;}
.header-link li img{ vertical-align:middle; padding-right:5px;}
.header-link li a{ width:100%; height:32px; line-height:32px; display:block;}
.header-link li a.wb{ width:32px; background:url(/bundles/frontend/images/wb.png) no-repeat center;}
.header-link li a.wx{ width:32px; padding-left:8px; background:url(/bundles/frontend/images/wx.png) no-repeat center right;}
.header-link li .cb_ewm{ display:none; position:absolute; top:42px; left:-40px; width:142px; height:153px;z-index:99;}
.header-link li .cb_ewm img{ width:100%; height:auto;}
/* nav */
.header .nav{ height:20px; float:right; }
.nav-tet{height:16px; width:100%; padding-top:25px; }
.nav-tet li{ float:left ; width:auto; position:relative; top:0; left:0;z-index:99;}
.nav-tet li img{ vertical-align:middle; padding-right:2px; float:left; padding-top:1.5px; padding-left:15px; height:14px;}
.nav-tet li .nav3 img{ margin-top:8px;}
.nav-tet li span{ float:left;}
.nav-tet li.item{ width:60px;border-right:#ddd solid 1px;}
.nav-tet li.item1{  width:100px;border-right:#ddd solid 1px;}
.nav-tet li.item2{  width:100px;border-right:#ddd solid 1px;}
.nav-tet li.item2_1{  width:100px;border-right:#ddd solid 1px;}
.nav-tet li.item3{  width:100px;border-right:#ddd solid 1px;}
.nav-tet li.item4{  width:114px;border-right:#ddd solid 1px;}
.nav-tet li.item5,.nav-tet li.item6{  width:100px;border-right:#ddd solid 1px;}
.nav-tet li.pc_last{ border-right:none; text-align:center; }
.nav-tet li a{ width:100%; text-align:center; font-size:15px; color:#666; height:18px; line-height:18px; display:block;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.nav-tet li a:hover,.nav-tet li.active a{ color:#003477; }
.nav1{ position:absolute; top:41px;  width:128px;border:#ddd solid 1px; background:url(/bundles/frontend/images/logo_bg.png) repeat; border-top:none; display:none; z-index:99; }
.nav-tet li.item1 .nav1{ left:-37px; padding:0; width:174px;}
.nav-tet li.item2 .nav1{ left:-60px; padding:0; width:220px;}
.nav-tet li.item2_1 .nav1{ left:-65px; padding:0; width:230px;}
.nav-tet li.item3 .nav1{ left:-100px; padding:0; width:300px;}
.nav-tet li.item2 .nav1 .second span.first{ padding-left:15px;}
.nav-tet li.item2 .nav1 .second img{ padding-left:2px;}
.nav-tet li.item5 .nav1,.nav-tet li.item6 .nav1{ left:-10px; padding:0; width:130px;}
.nav-tet li.item4 .nav1{ width:150px;left:-10px;padding:0;}
.nav1 li{ padding:0;}
.nav-tet li .nav1 li a{ color:#666;padding-left:25px; font-size:14px; height:32px; line-height:32px; background:url(/bundles/frontend/images/nav1.png) no-repeat 20px center;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.nav-tet li .nav1 li a:hover,.nav-tet li .nav1 li.active a{ color:#003477; font-weight:normal;background:url(/bundles/frontend/images/nav1_1.png) no-repeat 20px center;}
.mobile_nav{ display:none;}
/* footer */
.footer{ width:100%; height:170px; background:#f2f2f2;position:absolute;bottom:0px;left:0px;}
.footer_top{ height:130px; border-bottom:#ddd solid 1px;}
.footer_link{ float:left; padding-top:50px; color:#666; font-size:14px;}
.footer_link a{ color:#999; padding-right:20px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.footer_link a:hover{ color:#003477;}
.footer_shop{ float:left; margin-left:76px; margin-top:16px;}
.footer_shop a{ float:left; width:60px; display:block; margin-right:40px; color:#999; font-size:12px; padding-top:60px; text-align:center;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.footer_shop a:hover{ color:#003874;}
.footer_shop a.tm{ background-image:url(/bundles/frontend/images/tm.png) ; background-position:center; background-repeat:no-repeat;}
.footer_shop a.jd{ background-image:url(/bundles/frontend/images/jd.png) ; background-position:center; background-repeat:no-repeat;}
.footer_shop a.sn{ background-image:url(/bundles/frontend/images/sn.png) ; background-position:center; background-repeat:no-repeat;}
.footer_shop a.tm:hover{ background-image:url(/bundles/frontend/images/tm_1.png) ;}
.footer_shop a.jd:hover{ background-image:url(/bundles/frontend/images/jd_1.png) ; }
.footer_shop a.sn:hover{ background-image:url(/bundles/frontend/images/sn_1.png) ;}
.footer-right{ float:right; text-align:center; font-size:14px; line-height:16px; padding-top:50px;}
.footer-right li{  text-align:center; float:left; }
.footer-right a{ display:block; padding:0 18px;height:16px;border-right:#ddd solid 1px; color:#666;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.footer-right a.last{ border-right:none;}
.footer-right a:hover{color:#003874;}
.footer_bottom{ text-align:center; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
.footer_bottom a{color:#999;}
@media screen and (max-width:1200px){
    .inner{ width:100%; margin:0 auto;}
    /* header */
    .logo { width: 140px;height: 64px; line-height: 64px;}
    .logo a{ width:100%; height:100%; display:block;}
    .logo img{ width:100%; height:auto;}
    .nav-tet{ width:857px; }
    .nav-tet li.item1{ width:150px;}
    .wrap-mask{ width:100%; z-index:999;height:100%; position:fixed; top:0; left:280px;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;
                -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); z-index:99999; }
    /* header */
    .header{height:60px;width:100%; position:relative; top:0; left:0;}
    .header-inner{ display:none;}
    .header-tel{ height:60px; line-height:60px; }
    .nav-tet{ width:660px; }
    .nav-tet li.item1{ width:150px;}
    .nav-tet li.item2{ width:142px;}
    .nav-tet li.item3{ width:128px;}
    .nav-tet li.item4,.nav-tet li.item5{ width:104px;}
    /* nav ipad¶Ë*/
    .nav{ position:relative; top:0; left:0;z-index:999999; height:100%;}
    .nav0_inner{ position:relative; height:auto; top:0; left:0; min-height:100%; height:auto;}
    .nav .inner{ border-bottom:none; height:100%;}
    .header .logo{ width:120px;height:auto;line-height: 60px; position:absolute; left:50%; margin-left:-60px; padding-left:0;}
    #menuIcon { position:absolute; top:20px;height:20px; display:block; vertical-align:middle; margin-left:3%;}
    #menuIcon img{ height:100%;}
    .header_shop{ position:absolute; top:17.5px; right:0;height:25px; display:block; vertical-align:middle; margin-right:3%;}
    .header_shop img{ height:100%;}
    .shop_cont{ display:none;width:100px; background:#003477; position:fixed; top:61px; right:0; z-index:99999;}
    .shop_cont li{ float:left; width:100%; height:34px; line-height:34px; border-top:#042651 solid 1px; border-bottom:#034ba8 solid 1px;}
    .shop_cont li.last{ border-bottom:none;}
    .shop_cont li.first{ border-top:none;}
    .shop_cont li a.shop_tm{ background:url(/bundles/frontend/images/tm_shop.png) no-repeat 10px center;background-size:15% auto; }
    .shop_cont li a.shop_jd{ background:url(/bundles/frontend/images/jd_shop.png) no-repeat 10px center; background-size:15% auto;}
    .shop_cont li a.shop_sn{ background:url(/bundles/frontend/images/sn_shop.png) no-repeat 10px center; background-size:15% auto;}
    .shop_cont li a{ width:100%; height:100%; display:block; color:#fff; padding-left:40px; font-size:1.1rem; line-height:34px;}
    .wrap-tel{ float:left;font-size:1.3rem; line-height:2.1rem;color:#666; padding-left:10%; text-align:left; padding-top:12px;}
    .wrap-tel span{ font-size:1.6rem;color:#003477; font-style:italic;font-weight:bold; }
    .wrap-tel span a{color:#003477;}
    .wrap-tel span img{ height:10px; width:auto; padding-right:5px;}
    .nav-tet .header-link {width: 90%; float:left; height: 35px;padding-left: 10%;}
    .nav-ul{ height:75%;}
    .header-link {width: 280px;}
    .nav0 .header-link li{width:34px; background-position:left center; padding:0; height:30px; padding-left:15px; }
    .nav0 .header-link li.first{padding-left:10%;}
    .nav0 .nav_link{ height:auto;position:absolute; bottom:20px;z-index: 9999999; }
    .nav0 .nav_link li .cb_ewm{ display:none; position:absolute; top:-90px; left:-30px; width:92.81px; height:100px;z-index:99;}
    .nav0 .nav_link .cb_ewm img{ width:100%; height:auto;}
    .header-link li a.wb{ width:24px; padding:0 8px;background:url(/bundles/frontend/images/wb_1.png) no-repeat center; background-size:24px auto !important;}
    .header-link li a.wx{ width:24px; padding:0 8px;background:url(/bundles/frontend/images/wx_1.png) no-repeat center;background-size:24px auto !important;}
    .header-link li .cb_ewm{ display:none; position:absolute; top:35px; left:-50px; width:142px; height:153px;z-index:99;}
    .header-link li .cb_ewm img{ width:100%; height:auto;}
    /*²Ëµ¥*/
    .nav0{	 width:280px; height:auto; position: fixed;top:0;bottom: -1px;left:-1px; z-index:999999; background:#f2f2f2; -webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;-webkit-transform: translate3d(-280px, 0, 0);transform: translate3d(-280px, 0, 0); display:block; min-height:100%;overflow-y:auto;}
    .nav0.panel-active{-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0); -webkit-box-shadow: 3px 0 5px 0 #929292;-moz-box-shadow: 3px 0 5px 0 #929292;box-shadow: 3px 0 5px 0 #929292;}
    .nav_ul{ padding-top:60px; padding-bottom:120px; }
    .nav0 li{ float:left; width:100%;position:relative; top:0; right:0; padding:0; background:#f2f2f2; z-index:9999; height:auto;}
    .nav0 li.item,.nav0 li.item1,.nav0 li.item2,.nav0 li.item3,.nav0 li.item4,.nav0 li.item5{ padding:0; width:100%; border-right:none;}
    .nav0 li a{line-height:50px; height:50px;font-size:16px;display: block;color: #003477;padding-left:10%; width:90%;text-align:left;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; }
    .nav0 li.cur a{color:#fff; background:#003477; font-weight:normal;}
    .nav0 li.nav_active .active a .img1{ display:none;}
    .nav0 li.nav_active .active a .img2{ display:inline-block;}
    .nav0 li a img{ float:left; vertical-align:middle; padding-right:3px; padding-top:18px; height:15px;}
    .nav0 li a img.ims{ height:14px;}
	   .nav0 li .second img{ padding-left:2px;}
    .nav0 li.nav_active a span{ float:left;}
    .nav0 .nav3 li a span{ float:left;}
    .mobile_nav{ display:block;}
    .nav0 li.pc_last a {text-align: left;	}
    .header,.banner,.main,.footer{ -webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;
                                   -webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
    .header.panel-active,.banner.panel-active,.main.panel-active,.footer.panel-active{-webkit-transform: translate3d(219px, 0, 0);transform: translate3d(219px, 0, 0);}
    .nav2{ width:100%;border:none; height:auto; background:#003477; z-index:999999; display:none; padding:0; margin:0;}
    .nav2 li{ padding:0;background:#003477; border-top:#396398 solid 1px; border-bottom:#002453 solid 1px;}
    .nav2 li.last{ border-bottom:none;}
    .nav0 li.nav_active .nav2{ display:block;}
    .nav0 li.cur .nav2 li a,.nav0 li.nav_active .nav2 li a{ color:#90befa !important;font-size:14px; height:50px; line-height:50px; background:none;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
    .nav0 li.cur .nav3 li a span{ float:left;}
    .nav0 li.cur .nav2 li.active a,.nav0 li.nav_active .nav2 li.active a{ color:#fff !important; font-weight:normal;background:#002f6c;}
    .nav0 li a span.icon{ float:right; height:48px; width:24px; text-align:right; display:inline-block; position:relative; background:url(/bundles/frontend/images/icon1.png) no-repeat left center; background-size:14px auto;}
    .nav0 li.cur a span.icon{ background:url(/bundles/frontend/images/icon2.png) no-repeat left center;background-size:14px auto;}
    /* footer */
    .footer_top{ display:none;}
    .footer{ height:40px;}
}
@media screen and (max-width:800px){
    /* header */
    .header{height:45px;}
    #menuIcon {top:14px;height:16px;}
    .header_shop{  top:11px;height:22px;}
    .header .logo{ width:80px;margin-left:-40px;line-height: 45px; }
    .nav0 li a{line-height:40px; height:40px;font-size:1.6rem; }
    .nav0 li a img{ height:15px; padding-top:13px;}
    .nav_ul{ padding-top:45px; }
    .nav0 li.cur .nav2 li a,.nav0 li.nav_active .nav2 li a{font-size:1.3rem; height:40px; line-height:40px;}
    .nav2{ max-height:209px; float:left;}
    .nav_ul li.item1 a,.nav_ul li.item2 a,.nav_ul li.item3 a,.nav_ul li.item4 a{ float:left;}
    .nav0 li a span.icon{height:40px;}
    .shop_cont{ display:none;width:100px; background:#003477; position:fixed; top:46px; right:0; z-index:99999;}
    /* footer */
    .footer {height: 30px;}
    .footer_bottom{font-size:1rem; font-weight:lighter; line-height:30px; }
}