@charset "utf-8";
/* CSS Document */

@font-face{font-family:'pingfang';src:url(fonts/pingfang.eot);src:url(fonts/pingfang.eot#iefix) format("embedded-opentype"),url(fonts/pingfang.svg#pingfang) format("svg"),url(fonts/pingfang.woff) format("woff"),url(fonts/pingfang.ttf) format("truetype");font-ght:normal;font-style:normal}
/*Cremona Regular*/
@font-face {
  font-family: "Cremona";
  src: url("fonts/Cremona.woff2") format("woff2"),url("fonts/Cremona.woff") format("woff"),url("fonts/Cremona.ttf") format("truetype"),url("fonts/Cremona.eot") format("embedded-opentype"),url("fonts/Cremona.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Constantia Regular*/
@font-face {
  font-family: "Constantia";
  src: url("fonts/Constantia.woff2") format("woff2"),url("fonts/Constantia.woff") format("woff"),url("fonts/Constantia.ttf") format("truetype"),url("fonts/Constantia.eot") format("embedded-opentype"),url("fonts/Constantia.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Cambria bold*/
@font-face {
  font-family: "Cambriabold";
  src: url("fonts/Cambriabold.woff2") format("woff2"),url("fonts/Cambriabold.woff") format("woff"),url("fonts/Cambriabold.ttf") format("truetype"),url("fonts/Cambriabold.eot") format("embedded-opentype"),url("fonts/Cambriabold.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*Brush Script Std Medium*/
@font-face {
  font-family: "BrushScriptStd";
  src: url("fonts/BrushScriptStd.woff2") format("woff2"),url("fonts/BrushScriptStd.woff") format("woff"),url("fonts/BrushScriptStd.ttf") format("truetype"),url("fonts/BrushScriptStd.eot") format("embedded-opentype"),url("fonts/BrushScriptStd.svg") format("svg");
  font-ght: normal;font-style: normal;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-ght:normal; }
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
img{border: none; outline:none;vertical-align:bottom;}
ol,ul,li{list-style:none;margin:0;padding:0;outline:none;}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
audio,canvas,progress,video {display:inline-block;*display:inline;zoom:1;vertical-align: baseline;}
a{text-decoration:none; cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
a{color:inherit;}
a:link{text-decoration:none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;padding: 0;}
select::-ms-expand { display: none; }
@-webkit-keyframes swiper-preloader-spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* 去除iPhone中默认的input样式 */
input,select,textarea,button{ -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {font-family:"微软雅黑",Arial,sans-serif;}

*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
 
body {font-family:"微软雅黑",Arial,sans-serif;font-size: 14px;color: #333; line-height:28px;/*background-color: #f4f4f4;opacity: 0;*/
/*-webkit-transition: opacity 0.2s ease-in-out 0.2s;-moz-transition: opacity 0.2s ease-in-out 0.2s;-ms-transition: opacity 0.2s ease-in-out 0.2s;-o-transition: opacity 0.2s ease-in-out 0.2s;transition: opacity 0.2s ease-in-out 0.2s;*/max-width: 1920px;margin: 0 auto; overflow-x: hidden; min-width:320px; font-ght: normal;/*-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; */}
.trs06s {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.trs03s {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
body { position: relative;min-width: 1230px}
.pingfang{font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;}
.w1200{ width: 1280px; margin: 0 auto; }	
.hidden{ display:none;}
.w1600{width:84%; margin: 0 auto;}
.w800{width:84%;}

.w1220{ width: 1340px; margin: 0 auto;}	
@media screen and (max-width: 1300px) {
body {min-width:320px;}
.w1200 {width: 1100px;}
.w1220{ width: 1160px;}	
}
@media screen and (max-width: 1150px) {
.w1200{width: 1000px;}
.w1220{width: 1050px;}		
}
@media screen and (max-width: 1024px) {
.w1200{width: 940px;}
.w1220{width: 995px;}
}
@media screen and (max-width: 960px) {
.w1200 {width: 750px;}  
.w1220{width: 810px;}
}
@media screen and (max-width: 768px) {
.w1200{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
.w1220{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
}
.warp{position: relative;/*padding-top:60px;*/ overflow-x:hidden;}
.warp.pageH{background-color:#fff;}


.top_yd_bg{width:100%; height:auto; overflow:hidden; background-color:#e5e5e5; height:40px; position: absolute; top:0}
.top_yd{color:#434343; line-height:40px}
.top_yd a{color:#434343; float:right; line-height:40px}

/*header pc-navbar*/
.pc-navbar{height:90px;background-color:#fff;border:0;margin:0 auto; width:100%;position:absolute;width:100%;left:0; right:0;z-index:900;transition:all .3s ease}
/*.pc-navbar.collapsed{background:0 0}*/
.pageH .pc-navbar{background-color:#fff!important; height:auto;position:static!important;top:auto;left:auto; right:auto;}
/*logo*/
/*.pc-navbar .navbar-header{float:none;width:160px; height:160px; margin:0 auto; position:absolute; left:0;right:0; top:0; z-index:2;}*/
.pc-navbar .navbar-header .navbar-brand{display:inline-block;padding:0;height:auto}
.pc-navbar .navbar-header .navbar-brand .navbar-brand-logo{vertical-align:middle;display:inline-block;width:160px;height:160px;background-size:100px; background-position:center center;
background-repeat:no-repeat;}

.pc-navbar .navbar-header{float:left;width:21%; height: auto; overflow:hidden;z-index:2;}
.pc-navbar .navbar-header a img{width:100%; height:auto; overflow:hidden; padding:10px 0}

/*navbar-right*/
.pc-navbar .navbar-right{ text-align:right;margin-top:40px;}
.pc-navbar .navbar-right ul{display:inline-block;zoom:1;}
.pc-navbar .navbar-right ul li{ display:inline-block;*display:inline;zoom:1; text-align:left;}
.pc-navbar .navbar-right ul li a{color:#464646; font-size:14px; line-height:normal; vertical-align:middle;}
.pc-navbar .navbar-right ul li a:hover{color:#123e66;}
.pc-navbar .navbar-right ul li.nav-tianmao a{padding-left:26px; background:url(../images/top-tianmao.png) left center no-repeat; margin-left:32px;}
.pc-navbar .navbar-right ul li.nav-VR a{padding-left:26px; background:url(../images/top-vr.png) left center no-repeat; margin-left:32px;}
/*nav*/
.pc-navbar #siteHeaderNavbar{width:58%; float:right}
.pc-navbar ul.navbar-category>li.category-item.relative{position:relative}
.pc-navbar ul.navbar-category>li.category-item{float:left;line-height:90px; width:14.28%; text-align:center}
/*.pc-navbar ul.navbar-category>li.category-item.li4{margin-right:234px;}
.pc-navbar ul.navbar-category>li.category-item.li8{margin-right:0;}*/
.pc-navbar ul.navbar-category>li.category-item>a{padding:0; display:block; transition:all .3s; color:#123e66; vertical-align:middle; line-height:90px;cursor:pointer;/*background:url(../images/v.png) right 50% no-repeat;*/ overflow:hidden; font-size:16px; color:#222; font-weight:bold}

/*erji*/
.pc-navbar ul.navbar-category:hover li.category-item>a{color:#222}
.pc-navbar ul.navbar-category:hover li.category-item.opened>a:after,
.pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{content:''; display:inline-block; position:absolute; left:0; z-index:1200;width:100%;}
.pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{/*height:3px*/}
.pc-navbar ul.navbar-category:hover li.category-item:hover>a{color:#fff; background-color:#054a88; position:relative; display:block}
.pc-navbar ul.navbar-category:hover li.category-item:hover .dui-dropdown-menu{opacity:1; visibility:visible}
.pc-navbar ul.navbar-category:hover li.category-item.opened>a:after{/*height:3px*/}

/*sanji*/
.pc-navbar .dui-dropdown-menu.single{position:absolute; transform:translate(-50%,0); width:auto; z-index:1100; background:0 0; border:none; margin-top:0; opacity:0;/*overflow:hidden;*/ display:none; top:100%; left:50%; color:#303233; height:auto; padding:0;/*transition:height .5s ease*/}
.pc-navbar .dui-dropdown-menu.single ul{background:#fff; margin-top:16px; -ms-box-shadow:0 2px 4px 0 rgba(0,0,0,.05); -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.05); box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.pc-navbar .dui-dropdown-menu.single li.nav-item{display:block; width:100%; font-size:13px; transition:all .3s; line-height:50px;}
.pc-navbar .dui-dropdown-menu.single li.nav-item>a{padding:0 27px; white-space:nowrap; display:inline-block; color:#303233;line-height:26px;height:auto;background:0;text-align:center;}
.pc-navbar .dui-dropdown-menu.single li.nav-item:hover{background:#ebeff2}
.pc-navbar ul.navbar-category .dui-dropdown-menu.single .dropdown-container>ul{margin-top:0;/*border-top:1px solid #f0f1f2*/}
.pc-navbar ul.navbar-category li:hover .dui-dropdown-menu.single {display: block; visibility: visible; max-height: 500px; padding: 0 10px 10px; opacity: 1;/*transition:height .5s ease*/}

/*Search*/
.pc-navbar #siteHeaderSearch{position:absolute;top:0;left:0; right:0;display:none; background:#fff;z-index:991;}
.pc-navbar.navbar-searching #siteHeaderSearch .search-btn,
.pc-navbar.navbar-searching #siteHeaderSearch .search-input{animation-name:slideInRight; animation-duration:.5s; animation-fill-mode:both; animation-timing-function:ease}
.pc-navbar.navbar-searching {background: #fff!important}
.pc-navbar .search-box{position:relative;}
.pc-navbar .search-box form{display:inline-block;}
.pc-navbar .search-box .search-input{display:inline-block;width:600px;outline:none;font-size:16px;height:32px;padding:4px 8px;border:none}
.pc-navbar .search-box{padding:20px 0;margin:0 270px;}
.pc-navbar .search-box .search-btn{display:inline-block;width:24px;height:24px; vertical-align: middle; margin-right:4px; margin-left:0; cursor:pointer; background-image:url(../images/m-search2.png); background-repeat:no-repeat; background-position:center center; background-size:22px; font-size:0;}
.pc-navbar .search-box .close-btn{display:inline-block;width:24px;height:24px;position:absolute;top:50%;color:#616466;cursor:pointer;/*margin-left:244px;*/margin-top:-12px;background-size:cover;background-image:url(../images/top-close.svg); background-repeat:no-repeat; background-position:center center; right:0;}
.pc-navbar .search-box-cover{position:fixed;width:100%;height:100%;top:72px;left:0;opacity:.5;background-color:#000;z-index:990}
.search-input::-ms-clear{display:none}

@keyframes slideInRight {
	0% {transform: translate3d(100%,0,0);visibility: visible}
    to {transform: translate3d(0,0,0)}
}
@media screen and (max-width: 1230px) {
  /*.pc-navbar ul.navbar-category>li.category-item{margin-right:24px;}*/
}
@media screen and (max-width: 1150px) {
   .pc-navbar ul.navbar-category>li.category-item>a{font-size:14px;}	
   /*.pc-navbar ul.navbar-category>li.category-item{margin-right:18px;}*/
}
@media screen and (max-width: 1024px) {
	.pc-navbar{ display:none;}
	.top_yd_bg{ display:none;}
}






/*pc-navbar-m*/
.pc-navbar-m{display:none;}
@media screen and (max-width: 1024px) {

.pc-navbar-m{display: block;}
body{position:relative;width:100%;padding-top:66px;overflow-x:hidden;padding-top: 0}
.menu-opened .pc-navbar-m,.site-footer-m ul.footer-social-list img,html{height:100%}
.menu-opened .navbar-header{border-bottom:1px solid #f2f2f2}
.menu-opened,.menu-opened .dji-mobile{overflow:hidden;height:100%}
.pc-navbar-m .show-navbar-group a.navbar-group-head{right:100%;opacity:0}
.no-transition .navbr-group-menu,
.no-transition a.navbar-group-head{transition:none!important}
.pc-navbar-m{position:fixed;top:0;left:0;right:0;width:100%;height:66px;z-index:10000;background-color:#fff;transition:all .5s ease}
.pageH .pc-navbar-m.header-closed{background-color:#fff;}
.pc-navbar-m .navbar-header{height:70px;padding-left:17px;padding-right:17px;text-align:center;float:none}
.pc-navbar-m .navbar-header:after,
.pc-navbar-m .navbar-header:before{display:none}

/*navbar-control header-opened*/
.pc-navbar-m.header-opened .navbar-content{opacity:1;visibility:visible;z-index:200}
.pc-navbar-m.shopping-opened .control-icon{opacity:0;visibility:hidden;transform:translateY(-50px)}
.pc-navbar-m.header-opened .control-icon:nth-child(2){opacity:0}
.pc-navbar-m.header-opened .control-icon:nth-child(1){transform:translateY(8px)}
.pc-navbar-m.header-opened .control-icon:nth-child(1):before{transform:rotate(45deg);width:22px;}
.pc-navbar-m.header-opened .control-icon:nth-child(3){transform:translateY(-8px)}
.pc-navbar-m.header-opened .control-icon:nth-child(3):before{transform:rotate(-45deg);width:22px;}

/*navbar-control*/
.pc-navbar-m a.navbar-control{display:inline-block;margin-top:20px;float:right;vertical-align:middle}
.pc-navbar-m .control-icon:nth-child(2):before{width:18px;}
.pc-navbar-m .control-icon:nth-child(3):before{width:14px;}
.pc-navbar-m .control-icon{display:block;padding-top:3px;padding-bottom:3px;transition:all .4s ease}
.pc-navbar-m .control-icon:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s}

/*navbar-shopingbag header-opened*/
.pc-navbar-m.header-opened a.navbar-shopingbag{opacity:0;visibility:hidden;transform:translateY(-50px)}
.pc-navbar-m.shopping-opened a.navbar-shopingbag{transition:none}
.pc-navbar-m.shopping-opened a.navbar-shopingbag .shopingbag-icon{transition:all .3s;opacity:0}
.pc-navbar-m.shopping-opened a.navbar-shopingbag:after,.pc-navbar-m.shopping-opened a.navbar-shopingbag:before{transition:all .4s ease .35s;opacity:1}

/*navbar-shopingbag*/
.pc-navbar-m a.navbar-shopingbag:after,
.pc-navbar-m a.navbar-shopingbag:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s}
.pc-navbar-m a.navbar-shopingbag:after,
.pc-navbar-m a.navbar-shopingbag:before{position:absolute;top:50%;left:0;opacity:0;transition:all .4s ease}
.pc-navbar-m a.navbar-shopingbag{position:relative;display:inline-block;float:right;margin-top:20px;vertical-align:middle;transition:all .4s ease}
.pc-navbar-m a.navbar-shopingbag:before{transform:rotate(45deg)}
.pc-navbar-m a.navbar-shopingbag:after{transform:rotate(-45deg)}
.pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{position:relative;display:block;width:22px;height:22px;background-size:22px 22px;background-position:center center;background-image:url(../images/m-search.png);transition:all .4s ease .2s}
.pc-navbar-m a.navbar-shopingbag span.shopingbag-icon.full{background-image:url(../images/shoppingbag-icon.png)}

/*logo*/
.pc-navbar-m .navbar-logo{display:inline-block;width:18%; float:left; padding:7px 0;}
.pc-navbar-m .navbar-logo a{display:block;/*width:100%;height:52px;background-size:100%;background-position:center center;background-image:url(../images/logo.png)*/}
.pc-navbar-m .navbar-logo a img{width:100%; height:auto; overflow:hidden}

/*erji*/
.pc-navbar-m .navbar-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;transition:all .4s;visibility:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}
.pc-navbar-m a.navbar-group-head{position:relative;right:0;display:block;padding:23px 20px 22px;font-size:16px;color:#303233;overflow:hidden;z-index:700;transition:all .4s}
.pc-navbar-m a.navbar-group-head h4{font-size:16px;line-height:20px;font-ght: normal;}
.pc-navbar-m a.navbar-group-head:before{position:absolute;left:20px;top:0;content:'';display:block;width:100%;height:1px;background-color:#f2f2f2}
.pc-navbar-m a.navbar-group-head span.navbar-arrow-right{position:absolute;right:20px;top:50%;margin-top:-5px}
.pc-navbar-m .navbar-group:first-child a.navbar-group-head,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item{padding-top:22px}
.pc-navbar-m .navbar-group:first-child a.navbar-group-head:before,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item:before{display:none}
.pc-navbar-m .navbar-language-group a.navbar-group-head{border-top:1px solid #dae1e6;padding-left:44px;padding-top:22px}
.pc-navbar-m .navbar-language-group a.navbar-group-head h4{font-ght:400}
.pc-navbar-m .navbar-language-group span.navbar-language-icon,.pc-navbar-m .navbr-pill-menu span.navbar-pill-icon{position:absolute;left:20px;top:50%;margin-top:-8px}
.pc-navbar-m span.navbar-arrow-right{display:block;width:6px;height:10px;background-size:cover;background-position:center center;background-image:url(../images/nav-arrow-right.svg)}

/*sanji*/
.pc-navbar-m .navbr-group-menu{position:fixed;width:100%;background-color:#fff;top:66px;transition:left .4s;left:100%;z-index:800}
.pc-navbar-m .navbr-group-menu ul{transition:all .4s;opacity:0}
.pc-navbar-m .navbr-group-menu a.menu-back{position:relative;display:block;padding:20px;font-size:16px;color:#123e66;background-color:#ebeff2;transition:all .4s;opacity:0;font-ght: normal;}
.pc-navbar-m .navbr-group-menu a.menu-back span,.pc-navbar-m .shopping-content a.navbar-store-link span{display:inline-block;vertical-align:middle}
.pc-navbar-m .navbr-group-menu a.menu-back span.navbar-arrow-right{margin-right:8px;transform:rotate(180deg)}
.pc-navbar-m .navbar-group-active .navbr-group-menu{position:absolute;left:0;top:0}
.pc-navbar-m .navbar-group-active .navbr-group-menu a.menu-back,.pc-navbar-m .navbar-group-active .navbr-group-menu ul{opacity:1}
.pc-navbar-m a.navbar-menu-item{position:relative;display:block;width:100%;padding:23px 20px 22px;font-size:16px;line-height:20px;color:#303233;overflow:hidden;font-ght: normal;}
.pc-navbar-m a.navbar-menu-item:before{position:absolute;left:20px;right:20px;top:0;content:'';display:block;width:auto;height:1px;background-color:#f2f2f2}

/*shiji*/
.pc-navbar-m .navbr-pill-menu{border-top:solid 1px #dae1e6}
.pc-navbar-m .navbr-pill-menu a.navbar-menu-item{padding-left:44px;font-ght:400}
.pc-navbar-m .navbr-pill-menu span.navbar-pill-icon.pill-icon-explore_more{margin-top:-6px}

/*m-search*/
.pc-navbar-m.shopping-opened .shopping-content{opacity:1;visibility:visible;z-index:200}
.pc-navbar-m .shopping-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;visibility:hidden;transition:all .4s;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}
.pc-navbar-m .shopping-content a.navbar-store-link{position:relative;display:block;padding:20px;font-size:16px;font-ght: normal;color:#123e66;background-color:#ebeff2;transition:all .4s}
.pc-navbar-m .shopping-content a.navbar-store-link span.navbar-arrow-right{margin-left:8px;background-image:url(../images/nav-arrow-right-black.svg)}
.pc-navbar-m .shopping-content .m-search{padding: 15px;position: relative;}
.pc-navbar-m .shopping-content .m-search form{border: 1px solid #f2f2f2;}
.pc-navbar-m .shopping-content .m-search input[type=text]{display: block;margin: 0 auto;width:100%;font-size:16px;color: #333333;line-height:50px;font-ght: 300;text-align:left;background-color: transparent;padding:0 3%;}
.pc-navbar-m .shopping-content .m-search input[type=submit]{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-image: url('../images/m-search2.png'); font-size:0; width:50px; height:50px; background-size:20px;}

/*header-closed*/
.pc-navbar-m .navbar-container{transition: all .5s ease 0s;height:76px}
.pc-navbar-m a.navbar-dji-icon,body .pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{transition: all .5s ease 0s}
.pc-navbar-m a.navbar-shopingbag:after,body .pc-navbar-m a.navbar-shopingbag:before{transition: all .1s ease}
.pc-navbar-m.header-closed{background-color: transparent}
.pc-navbar-m.header-closed a.navbar-dji-icon{background-image: url(../images/logo.png)}
.pc-navbar-m.header-closed a.navbar-shopingbag span.shopingbag-icon{background-image: url(../images/m-search2.png)}
.pc-navbar-m.header-closed .navbar-control .control-icon:before{background-color: #123e66}
.pc-navbar-m.sticky-nav .navbar-container{height:70px;background-color: #fff; border-bottom: 1px solid #f2f2f2;}
.pc-navbar-m.sticky-nav a.navbar-shopingbag span.shopingbag-icon{background-image: url(../images/m-search.png)}
.pc-navbar-m.sticky-nav .navbar-control .control-icon:before{background-color: #303233}
}
@media screen and (max-width: 1024px) {
.pc-navbar-m .navbar-logo{width:15%;}
}
@media screen and (max-width: 768px) {
.pc-navbar-m .navbar-logo{width:20%;}
}
@media screen and (max-width: 500px) {
.pc-navbar-m .navbar-logo{width:30%;}
}

@media screen and (max-width: 420px) {
.pc-navbar-m .navbar-logo{width:34%;}
}




/*banner*/
.banner{margin-top:90px}
body .swiper-container{overflow: hidden;}
.banner .banner-container{background:#fff;}
.banner-container .swiper-slide img{ display:none}
.banner-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;}
.banner-container .swiper-banner-pagination{ bottom:20px; position:absolute}
.banner-container .swiper-banner-pagination span{width:15px;height:15px;border:1px solid #fff;opacity:1;float:none;margin-left: 10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);transition: width .3s linear;cursor: pointer;}
.banner-container .swiper-banner-pagination span.swiper-pagination-bullet-active{background:#fff;width: 15px;}
.banner-container .control-btn {position: absolute;height: 118px;width: 60px;background-color: rgba(194,200,204,.5);top: 50%;margin-top: -64px;z-index: 400;transition: all .4s;cursor: pointer;opacity:0;}
.banner-container .swiper-control:hover .control-btn{opacity: 1}
.banner-container .swiper-control{position: absolute;top: 0;z-index: 300;width:20%;height:100%}
.banner-container .swiper-control.swiper-arrow-left{left:0;}
.banner-container .swiper-control.swiper-arrow-right{right:0;}
.banner-container .swiper-banner-prev{background-size:30px;left:10px; background-repeat:no-repeat;background-image:url(../images/banner-left.png); background-position:40% center;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.banner-container .swiper-banner-next{background-size:30px;right:10px;background-repeat:no-repeat;background-image:url(../images/banner-right.png); background-position:60% center;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

.banner-container .swiper-slide{height:643px}
.banner-container .ban1{background:url(../images/1.jpg) no-repeat center; height:643px;}
.banner-container .ban2{background:url(../images/2.jpg) no-repeat center; height:643px;}
.banner-container .ban3{background:url(../images/3.jpg) no-repeat center; height:643px;}



/*mbanner*/
.mbanner{display:none; margin-top:76px}
.m-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;}

@media screen and (max-width:1280px) {
    .banner{display:none;}
    .mbanner{display:block;}
	.m-container .mbanner-pagination span{width:10px;height:10px;border:1px solid #fff;opacity:1;margin-left: 10px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear;}
    .m-container .mbanner-pagination span.swiper-pagination-bullet-active{background:#fff;width:10px;}
}


/*index-button*/
.index-button{ position:relative;margin:0 auto; height:64px; text-align:center;margin-top:-64px; z-index:2;}
.index-button a{ display:inline-block;}

cf


/*titleBox*/
.titleBox{color:#000000;line-height:30px;margin-bottom:42px;text-transform:uppercase;text-align:center; color:#123e66;}
.titleBox .en{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:70px; line-height:normal; text-align:center; color:#e3e3e3}
.titleBox .cn{font-size:28px; text-align:center; color:#000}
@media screen and (max-width:1024px) {
.titleBox .en{font-size:60px;}
.titleBox .cn{font-size:24px;}
}
@media screen and (max-width:768px){
.titleBox .en{font-size:40px;}
.titleBox .cn{font-size:18px;}
}
@media screen and (max-width:640px){
	.titleBox {margin-bottom:30px;}
.titleBox .en{font-size:9rem;}	
}









/*indexAbout*/

.indexAbout{width:100%; height:auto; overflow:hidden;}

.indexAboutB{margin-top:50px}


.in_about_r{width:50%; float:right; height:auto; overflow:hidden; position:relative}


.in_about_l{width:46%; height:auto; overflow:hidden; float:left;}
.in_about_l a img{width:100%; height:auto; overflow:hidden}
.in_about_r{padding:0px 0 20px 0; color:#434343;}
.in_about_r a{color:#222; font-size:26px; font-weight:normal }
.in_about_r a span{color:#de0c06; font-size:34px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block; line-height:50px }
.in_about_r p{width:100%; height:auto; overflow:hidden; display:block }
.in_about_r span{margin-top:80px; display:block; float:right}
.in_about_r span a{width:120px;  border:1px solid #ccc; text-align:center; padding:15px 25px; margin-top:60px}
.in_about_r span a{font-size:16px; font-weight:normal; color:#666}



@media screen and (max-width: 1300px) {

	.in_lx h4 a span{font-size:30px}
	.in_about_b {margin-top: 75px;}

	
}
@media screen and (max-width: 1150px) {
	.in_about_b { margin-top: 53px;}	
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {
	.indexAbout { background: none;}
	.in_about_l{width:100%; float:none;}
	.in_about_r{width:100%; float:none; margin-top:30px}


}
@media screen and (max-width: 768px) {
	.w1200{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
	.w1220{width:auto;max-width: 680px!important;padding-left:10px!important;padding-right:10px!important}
}

@media screen and (max-width: 640px) {
	.in_lx h4{top:10%}
	.in_lx h4 a span{width:70%; line-height:34px}
}
@media screen and (max-width: 480px) {
	.in_about_t {padding: 40px 25px;}
	.in_about_t a span{font-size:32px;  line-height:40px }
	.in_about_r span{float:none; margin:50px auto 0 auto; text-align:center}
	.in_about_r span a{padding:10px 20px;}
}










/*indexprod*/


.in_title{text-align:center; margin-top:60px; background:url(../images/in_title_bg.jpg) no-repeat center}
.in_title a{font:normal 22px/34px "微软雅黑"; color:#000}
.in_title span{ font: normal 40px/44px Arial, Helvetica, sans-serif; color:#00609b; margin:5px auto 15px auto; display:block}
.in_title p{ font-size:16px; color:#777}
/*
.in_pro_ml{width:100%;  height:auto; overflow:hidden; text-align:center; margin-top:20px}
.in_pro_ml a{font-size:18px; color:#222; background-color:#d9d9d9; width:12%; text-align:center; display: inline-block; margin:0 2px; padding:10px 0}
.in_pro_ml a:hover{color:#fff; background-color:#043c6e; }
*/
.in_prod{width:100%; height:auto; overflow:hidden; margin-top:25px; position:relative}
.in_prod_list{width:32.333%; float:left; margin:10px 1.5% 10px 0; position:relative; background-color:#eee; border:1px solid #eaeaea; }
.in_prod_list:nth-child(3n){margin:10px 0}

.in_prod_list a{width:100%; height:auto; overflow:hidden;display:block;}
.in_prod_list a img{width:100%; height:auto; overflow:hidden;display:block; position:relative}
.in_prod_list a img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.in_prod_list a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.in_prod_list p{position:absolute; bottom:0; background-color:#00609b; width:100%; text-align:center; display:none;}
.in_prod_list:hover p{display:block}

.in_prod_list p a{font-size:18px; padding:15px 0; color:#fff}


@media screen and (max-width:1024px) {
	.in_pro_ml a{font-size:16px; width:18%;}
}

@media screen and (max-width:768px) {
	.in_prod_list{width:49%;}
	.in_prod_list:nth-child(3){margin:10px 1.5% 10px 0;}
	.in_prod_list:nth-child(2n){margin:10px 0}
    .in_prod_list:nth-child(4n){margin:10px 0}
}

@media screen and (max-width:560px) {
	.in_pro_ml a{font-size:16px; width:31%; margin:2px 1px}
}

@media screen and (max-width:320px) {
	.in_title a{font-size:28px}
	.in_prod_list{width:100%;}
	.in_prod_list:nth-child(2n){margin:10px 0}

}




.in_title1{text-align:center; background:url(../images/in_title_bg.jpg) no-repeat center}
.in_title1 a{font:normal 22px/34px "微软雅黑"; color:#fff}
.in_title1 span{ font: normal 40px/44px Arial, Helvetica, sans-serif; color:#fff; margin:5px auto 15px auto; display:block}
.in_title1 p{ font-size:16px; color:#777}
/*workshop*/
.in_cj_bg{width:100%; height:auto; overflow:hidden; background:url(../images/in_cj_bg.jpg) no-repeat center #30678d;padding:50px 0; margin-top:60px}

.in_cj{ margin-top:30px}
.in_cj_list{width:23.5%; float:left; margin:10px 2% 10px 0; position:relative; background-color:#eee;}
.in_cj_list:nth-child(4n){margin:10px 0}

.in_cj_list a{width:100%; height:auto; overflow:hidden;display:block;}
.in_cj_list a img{width:100%; height:auto; overflow:hidden;display:block; position:relative}
.in_cj_list a img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.in_cj_list a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.in_cj_list p{background-color:#fff; width:100%; text-align:center; }


.in_cj_list p a{font-size:18px; padding:15px 0; color:#222}

@media screen and (max-width:768px) {
	.in_cj_list{width:49%;}
	.in_cj_list:nth-child(2n){margin:10px 0}

}










/*industry*/
.in_news{ height:auto; overflow: hidden; margin-bottom:60px}


.banner-box {width: 43%;float: left;position: relative;overflow: hidden;}
.banner-box .swiper-container {margin-left: auto;margin-right: auto;position: relative;z-index: 1}


.in_news_list{width:100%; height:auto; overflow:hidden; background-color:#00609b; }
.in_news_list a img{width:100%; height:auto; overflow:hidden; display:block}

.in_news_list h2{width:100%; margin:0 0; padding:5% 3%}
.in_news_list h2 span{float:right; font-size:14px; font-weight:normal; color:#fff}
.in_news_list h2 a{font-size:18px; color:#fff; font-weight:bold}

.banner-box .swiper-container-no-flexbox .swiper-slide {float: left}
.banner-box .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.banner-box .swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.banner-box .swiper-wrapper {}
.banner-box .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 50%;height: 100%;position: relative;padding: 0;}
.banner-box .swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 50px;margin-top: -25px;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.banner-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto}
.banner-box .swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.banner-box .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;margin: 0 5px;cursor: pointer;}
.banner-box .swiper-slide:hover {}

.banner-box .swiper-container {width: 100%;margin: 50px 0 0 0;}

.banner-box .swiper-slide { margin:70px 0x;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transform: scale(1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);}
.banner-box .swiper-slide a p{position:absolute; bottom:0; width:100%; height:auto; background:rgba(0,0,0,0.5); padding:10px 0; color:#fff; font-size:18px; text-align:center}
.banner-box .swiper-slide-active, .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1); z-index:999}

.banner-box .swiper-slide img {width: 100%; display: block; height:auto; overflow:hidden}
.banner-box .swiper-pagination {position: relative;margin-bottom: 0px;}
.banner-box .swiper-pagination-bullet-active {opacity: 1;background: rgba(0,0,0,.8);}

.in_news_r{width:54%; float:right; margin-top:50px}
.in_news_t{width:100%; height:auto; overflow:hidden}
.in_news_t a{width:18%; float:left; margin-right:15px; background-color:#00609b; display:block; text-align:center; padding:7px 0; color:#fff}
.in_news_t a:hover{background-color:#f7a100}

.in_news_b{width:100%; height:auto; overflow:hidden; margin-top:16px}
.in_news_r_list{width:100%; height:auto; overflow:hidden; margin-bottom:16px; line-height:26px;}

.in_news_r_list a img{width:26%; float:left; margin-right:15px}
.in_news_r_list span{font-size:15px; color:#666;display:block; text-align:right }
.in_news_r_list {}
.in_news_r_list a{font-size:18px; color:#222; font-weight:bold}
.in_news_r_list p{font-size:14px; color:#626262; font-weight:normal; margin-top:10px}

@media screen and (max-width: 1024px) {
.in_news_r_list p{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;}
  .in_news_r_list a:nth-child(2){display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;}
}


@media screen and (max-width: 768px) {
.banner-box {width: 100%;float: none;}
.in_news_r{width:100%; float:none;}
}


@media screen and (max-width: 668px) {
.banner-box .swiper-pagination {position: relative;margin-bottom: 20px;}
.banner-box .swiper-pagination-bullet-active {opacity: 1;background: rgba(0,0,0,.8);}
.banner-box .swiper-slide {width: 100%;}
.banner-box .swiper-container {}
.banner-box .swiper-slide-active, .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1); z-index:999}
}







.banner-arrow div:hover {background-color: #4a4a4a;}
.banner-box .swiper-button-prev {background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;left: 10px;}
.banner-box .swiper-button-next {background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;}
.banner-top {padding-top: 3.730928444707274%;}
.banner-title {padding: 5px 0;}
.banner-title h1 {text-align: center;letter-spacing: 5px;font-size: 45px;font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;font-weight: normal;color: rgb(68, 68, 68);padding-bottom: 14px;}
.banner-text {text-align: center;}
.banner-text p {font: 15px/1.5 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;-webkit-font-smoothing: antialiased;margin: 0;color: rgb(68, 68, 68);}
.banner-top-one {padding-top: 3.311649911295092%;}
.banner-button {width: 100%;vertical-align: middle;text-align: center;}
.banner-button a {display: inline-block;vertical-align: middle;text-align: center;height: auto;width: auto;line-height: 100%;padding: 15px 32px;position: relative;}
.banner-button-btn {color: #fff;font-weight: 400;margin: 0;line-height: 1.8em;font-size: 16px;font-family: 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;-webkit-font-smoothing: antialiased;background-color: #69ca72!important;border-radius: 100px;}
.banner-button-btn {background: #cedad0;display: inline-block;-webkit-transition: border-color .4s, color .4s;-moz-transition: border-color .4s, color .4s;transition: border-color .4s, color .4s;border: 0;vertical-align: middle;position: relative;z-index: 1;color: #fff;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.banner-button-btn, .banner-button-btn::before {-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);transition-timing-function: cubic-bezier(0.2, 1, .3, 1);}
.banner-button-btn::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: #1a7c29;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.7, 1, 1);-moz-transform: scale3d(0.7, 1, 1);-ms-transform: scale3d(0.7, 1, 1);-o-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition: -webkit-transform .4s, opacity .4s;-moz-transition: -moz-transform .4s, opacity .4s;
transition: transform .4s, opacity .4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);transition-timing-function: cubic-bezier(0.2, 1, .3, 1);}
.banner-button-btn:hover::before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.in_video{width:100%; position:relative}
.in_video span img{width:100%; height:auto; overflow:hidden}











@media screen and (max-width:480px){
	.in_qysl{width:100%; float:none;}
	.in_zh{width:100%; float:none; margin-top:20px}
}











/*footer*/

.footer_bg{width:100%; height:auto; overflow:hidden; background-color:#043c6e; padding:4em 0 0 0; }
.footer_t{width:100%; height:auto; overflow:hidden}
.footer dl{height:auto; overflow:hidden; display:block; float:left}
.footer dl:nth-child(1){width:30%; margin-right:5%}
.footer dl:nth-child(2){width:35%; margin-right:5%}
.footer dl:nth-child(3){width:25%;}


.footer dl dt, .footer dl dt a{font-size:20px; color:#fff; font-weight:bold; margin-bottom:1em}
.footer dl dd, .footer dl dd a{font-size:14px; line-height:34px; font-weight:normal; color:#fff; opacity:0.9}

.footer dl:nth-child(1) dd{width:32.33%; float:left; margin:0 1% 0 0; text-align:left; background:url(../images/footer_ic.png) no-repeat center left; padding-left:15px}

.footer dl:nth-child(3) dd{text-align:center}




.footer_b{font-size:14px; color:#fff; height:auto; overflow:hidden; border-top:1px solid #5c80a1; text-align:center; padding:25px 0; margin-top:40px}
.footer_b a{color:#fff; opacity:0.8}


@media (max-width: 1150px) {
	.dl1 dd:nth-child(2){font-size:30px;}
	.dl1 dd:nth-child(3){font-size:34px;}
	.footer dl dd, .footer dl dd a{font-size:13px;}
}


@media (max-width: 960px) {
	.footer dl:nth-child(1){width:30%; margin-right:2%}
	.footer dl:nth-child(3){width:27%}
	.footer dl:nth-child(3) dd{width:100%; float:left; margin-right:1%} 
	.footer dl:nth-child(4){ width:15%}
	.footer dl:nth-child(4) img{width:100%; height:auto; overflow:hidden}
}


@media (max-width: 768px) {
	.footer_bg{ padding:2em 0 0 0}
	.footer dl{width:100%; padding:2em 0; border-bottom:1px dashed #d5d5d5 }
	.footer .dl1 dd a{width:50%; float:left}

	.footer dl dd a{width:20%; float:left}
	.footer dl dd img{width:50%; margin:0 auto; height:auto; overflow:hidden}
	.footer dl:nth-child(1){width:100%; margin-right:0}
	.footer dl:nth-child(1){width:100%}
	.footer dl:nth-child(1) dd a{width:100%; float:left}
	.footer dl:nth-child(2){width:100%}
	.footer dl:nth-child(3){width:100%; border-bottom: none}
	.footer dl:nth-child(3) img{width:auto; height:auto; overflow:hidden}

}

@media (max-width: 600px) {
	.footer dl dd a{width:33.33%; float:left}


}
@media (max-width: 420px) {
	.footer .dl1 dd a{width:100%; float:none}
}


@media (max-width: 320px) {
	.footer dl dd a{width:33.33%; float:left}
	.footer dl dd p img{width:80%;}

}







.yjbd{display:none}

.yjbd{width:100%; height:4em; line-height:4em; position:fixed; z-index:999; bottom:0;}
.bd1 a{background:rgba(0,134,192,0.9)}
.bd2 a{background:rgba(250,165,2,0.9)}
.yjbd ul li{width:33.3%; float:left; list-style:none}
.yjbd ul li a{color:#fff; font-size:14px; text-align:center; display:block; line-height:4em}
.yjbd ul li:nth-child(2n) a{color:#222;}

 @media (max-width: 1023px) {
	 .yjbd{display:block}
	 .footer-line { padding: 20px 0 5em 0;}
 }







/*悬浮链接*/
.suspension{position:fixed;z-index:1000;right:0;bottom:50px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#007ac0;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ed7200;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;/*width:270px;*/background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{width:270px;top:0px;}
.suspension .d-qrcode{width:200px;top:34px;}
.suspension .d .inner-box{padding:8px 15px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle1{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;/*width:112px;*/line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
 .suspension .d-qrcode p a{font-size:16px;color:#93959c;}
 
@media (max-width: 1023px) {
	.suspension{bottom:30px;}
}