@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: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@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-weight: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: 1050px;}
.w1220{width: 1050px;}		
}
@media screen and (max-width: 1024px) {
.w1200{width: 995px;}
.w1220{width: 995px;}
}
@media screen and (max-width: 960px) {
.w1200 {idth:auto;max-width: 900px!important;padding-left:10px!important;padding-right:10px!important}  
.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:#0c55a4; height:40px; position: absolute; top:0}
.top_yd{color:#fff; line-height:40px}
.top_yd a{color:#fff; float:right; line-height:40px}

/*header pc-navbar*/
.pc-navbar{height:84px;background-color:#fff;border:0;margin:0 auto; width:100%;position:absolute;width:100%;top:40px;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:24%; height: auto; overflow:hidden;z-index:2;}
.pc-navbar .navbar-header a img{width:100%; height:auto; overflow:hidden; padding:26px 0 0 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:68%; 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:84px; width:12.5%; 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:inline-block; transition:all .3s; color:#123e66; vertical-align:middle; line-height:84px;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; /*bottom:-1px;*/z-index:1200;width:100%;/*background-color:#186bb9*/}
.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:#186bb9; position:relative}
.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 32px; 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 .navbar-header{width:21%;}
  /*.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:21%; float:left; padding:23px 0 0 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: 890px) {
.pc-navbar-m .navbar-logo{width:28%;}
}

@media screen and (max-width: 768px) {
.pc-navbar-m .navbar-logo{width:30%;}
.pc-navbar-m .navbar-logo {padding: 20px 0 0 0;}
}
@media screen and (max-width: 500px) {
.pc-navbar-m .navbar-logo{width:45%;}
}
@media screen and (max-width: 375px) {
.pc-navbar-m .navbar-logo{width:50%;}
}




/*banner*/
.banner{margin-top:130px}
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:10px;height:10px;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: 26px;}
.banner-container .control-btn {position: absolute;height: 128px;width: 64px;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:0; background-repeat:no-repeat;background-image:url(../images/banner-left.png); background-position:40% center;border-top-right-radius: 64px;border-bottom-right-radius: 64px;}
.banner-container .swiper-banner-next{background-size:30px;right:0;background-repeat:no-repeat;background-image:url(../images/banner-right.png); background-position:60% center;border-top-left-radius: 64px;border-bottom-left-radius: 64px;}

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


/*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:5px;height:5px;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:9px;}
}


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




/**产品展示**/
.in_title{width:100%;  height:auto; overflow:hidden; text-align:center; margin-top:50px}
.in_title font{display:block; color:#777; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.in_title a{font:bold 36px/42px "微软雅黑"; color:#000}
.in_title span{width:50px; height:3px; background-color:#d92528; display:block; margin:15px auto}

.in_pro_bg{ width:100%; height:auto; overflow:hidden; background-color:#f2f2f2; padding-bottom:60px; position:relative}
.in_pro{height:auto; overflow:hidden; margin-top:30px; margin-left:-2%; position:relative}
.in_pro ul li{width:23%; float:left; margin-left:2%; margin-bottom:20px; background-color:#fff; border:1px solid #e5e5e5}

.in_pro ul li h2{-webkit-box-sizing: border-box; overflow: hidden;position:relative; width:100%; height:auto}
.in_pro ul li h2 a img{width:100%; height:auto; overflow:hidden; display:block; cursor: pointer; transition: all .5s;}
.in_pro ul li h2 a:hover img{transform: scale(1.2)}
.in_pro ul li p{text-align:center; padding:20px 5px; width:100%;}
.in_pro ul li p a{color:#222; font-size:16px; line-height:30px; display:block; min-height:30px;word-break: break-all;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden;  }
.in_pro ul li:nth-child(4n+1){ clear:left}
/*indexprod*/

.indexprod{width:100%;overflow:hidden;position:relative; background-color:#fff; padding-top:60px}

@media screen and (max-width: 768px) {
	.in_pro ul li{width:48%;}
	.in_pro ul li p a{font-size:14px}
	.in_pro ul li:nth-child(2n+1){ clear:left}
}


/*about*/
.in_about{ height:auto; overflow:hidden; margin-top:60px}
.in_about_l{width:54%; float:left}
.in_about_l h2 a{font:bold 24px/32px "微软雅黑"; color:#0c55a4}
.in_about_l h2 span{width:50px; height:3px; background-color:#d92528; display:block; margin-top:15px}
.in_about_l p{margin-top:50px;}
.in_about_l h3{width:128px; text-align:center; margin-top:50px}
.in_about_l h3 a{ color:#434343; line-height:40px; display:block; border:1px solid #c1c1c1; font-weight:normal}
.in_about_r{width:42%; float:right}
.in_about_r a img{width:100%; height:auto; overflow:hidden}


.in_link{width:100%; height:auto; overflow:hidden; position:relative; margin-top:50px}
.in_link_list{width:33.33333333%; float:left; position:relative}
.in_link_list a{display:block; text-align:center; position:relative}
.in_link_list a h2{background-color:#000;-webkit-box-sizing: border-box; overflow:hidden;}
.in_link_list a h2 img{display:block; width:100%; height:auto; overflow:hidden; opacity:0.5}

.in_link_list a h2 img{ cursor: pointer; transition: all .5s;}
.in_link_list a:hover h2 img{transform: scale(1.2)}

.in_link_list a h3{position:absolute; top:25%; text-align:center; width:100%; height:auto; overflow:hidden}
.in_link_list a h3 img{width:17%; margin:0 auto; height:auto; overflow:hidden; display:block}
.in_link_list a h3 p{color:#fff; font-size:18px; font-weight:bold; margin-top:10px}

/*.in_title1{width:100%;  height:auto; overflow:hidden; text-align:center}
.in_title1 a{font:normal 36px/40px "微软雅黑"; color:#fff}
.in_title1 span{width:50px; height:5px; background-color:#0086c0; display:block; margin:15px auto}
.in_title1 p{ font-size:16px; color:#fff}*/


@media screen and (max-width: 1024px) {
.in_about_l p{margin-top:30px;word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; 
  overflow: hidden;}
  .in_about_l h3{margin-top:30px}
}
@media screen and (max-width: 768px) {
	.in_about_l{width:100%; float:none}
	.in_about_r{width:100%; float:none; margin-top:20px}
	.in_about_l p{ -webkit-line-clamp: 15; }
	.in_link_list{width:100%; float:none;}
	.in_link_list:nth-child(2){margin:20px 0}
}

















/*index-news*/
.indexNews{width:100%;overflow:hidden;padding-bottom:60px;/*background:url(../images/index-newsbg.jpg) center top repeat #fafafa;*/ background-size:100%; height:auto; overflow:hidden;position:relative;}
.indexNews .w1200{ position:relative;}
.indexNews .newsTit .more{font-size:18px; color:#123e66; display:none;}
.in_title h3{text-align:center; color:#222; font-size:16px}
.in_title h3 a{color:#222; font-size:16px; padding:0 10px}

.in_news{width:100%; height:auto; overflow:hidden; margin-top:25px}

.in_news_list{width:32.3333%; float:left;  height:auto; overflow:hidden; background-color:#f7f7f7}
.in_news_list:nth-child(2){margin:0 1.5%} 
.in_news_list h3 {padding:20px; border-bottom:3px solid #0c55a4;}
.in_news_list a{font-size:16px; font-weight:bold; color:#222}
.in_news_list a img{width:100%; height:auto; overflow:hidden}
.in_news_list:hover{ background-color:#0c55a4; color:#fff}
.in_news_list:hover a{color:#fff}
.in_news_list:hover p{color:#fff}
.in_news_list:hover span{color:#fff}
.in_news_list p{color:#626262; margin:15px 0; font-weight:normal}
.in_news_list span{font-size:13px; line-height:26px;color:#0c55a4; display:block; font-weight:normal}
/*.in_news_list span img{float:left; margin-right:8px; margin-top:5px}*/




@media screen and (max-width:1024px) {
	.in_news_list h3{padding:15px}
    
}
@media screen and (max-width:768px) {
	.in_news_list{width:100%; float:none; }
	.in_news_list:nth-child(2){margin:20px 0;}
}











/*footer*/

.footer_bg{width:100%; height:auto; overflow:hidden; background-color:#e7e7e7; padding:50px 0; border-top:1px solid #0c55a4}
.footer_l{width:28%; float:left; font-size:14px; color:#3e3e3e; line-height:30px}
.footer_l span{ font-size:32px; color:#d92528; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.footer_m{width:34%; float:left; margin:20px 4% 0 4%; height:auto; overflow:hidden; }
.footer_m a{width:33.33%; float:left; background:url(../images/footer_ico.png) no-repeat 0px 10px ; padding-left:20px; margin-top:15px; font-size:16px}
.footer_m a:hover{background:url(../images/footer_ico.png) no-repeat 0px -15px; color:#0c55a4}
.footer_r{width:30%; float:right; text-align:right; color:#777}
.footer_r img{float:right; margin-left:15px;}
.footer_r p{padding-top:70px}

.footer_b_bg{background-color:#0c55a4; padding:15px 0}
.footer_b{height:auto; overflow:hidden; text-align:center; color:#fff}
.footer_b a{color:#fff}




@media (max-width: 1150px) {
	.footer_r img{float:none; margin-left:0;}
	.footer_r p{padding-top:10px}
	.footer_l{width:34%;}
	.footer_m{width:36%;}
	.footer_m a{margin:10px 0}
	.footer_r{width:20%;}
}


@media (max-width: 768px) {
	.footer_l{width:100%; float:none}
	.footer_m{width:100%; float:none;  margin:20px 0; padding:20px 0; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc}
	.footer_r{width:100%; float:none; text-align:left}
}

@media (max-width: 600px) {

}
@media (max-width: 420px) {

}


@media (max-width: 320px) {

}







.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;}
  }
 

/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 40%;
	background: #0c55a4;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
	line-height: 16px;
}
.phonefooternav ul li:nth-child(2){
	width: 60%;
	background: #d61317;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
}
  @media (max-width: 1024px) {
.phonefooternav { display:block}
  }