@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;}	
/*img{display:block}*/

@media screen and (max-width: 1300px) {
body {min-width:320px;}
.w1200 {width: 1100px;}
.w1220{ width: 1160px;}	
}
@media screen and (max-width: 1150px) {
.w1200{width: 1024px;}
.w1220{width: 1024px;}		
}
@media screen and (max-width: 1024px) {
.w1200{width: 995px;}
.w1220{width: 995px;}
}
@media screen and (max-width: 960px) {
.w1200 {idth:auto;max-width: 100%!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_bg{width:100%; height:auto; overflow:hidden; background-color:#2d2d2d; padding:5px 0}
.top{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:94px;background-color:#fff;border:0;margin:0 auto; width:100%;/*position:absolute;*/ position:relative;width:100%;top:0;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:18px 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:94px; 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: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:#bd0b16*/}
.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:#bd0b16; 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;}
	.top_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:66px;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:19%; float:left; padding:10px 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; float:left}
.pc-navbar-m a.navbar-group-head .iconfont{float:right}
.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:22%;}
}

@media screen and (max-width: 768px) {
.pc-navbar-m .navbar-logo{width:24%;}
.pc-navbar-m .navbar-logo {padding: 15px 0 0 0;}
}
@media screen and (max-width: 640px) {
.pc-navbar-m .navbar-logo{width:28%;}
.pc-navbar-m .navbar-logo {padding: 10px 0 0 0;}
}
@media screen and (max-width: 500px) {
.pc-navbar-m .navbar-logo{width:40%;}
.pc-navbar-m .navbar-logo {padding: 15px 0 0 0;}
}

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




/*banner*/
.banner{/*margin-top:84px*/}
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:649px;}
.banner-container .ban2{background:url(../images/2.jpg) no-repeat center; height:649px;}
.banner-container .ban3{background:url(../images/3.jpg) no-repeat center; height:649px;}
.banner-container .ban4{background:url(../images/4.jpg) no-repeat center; height:649px;}


/*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; margin-top:50px; display:block; text-align:center}
/*.in_title{float:left}*/
.in_title a{font: normal 36px/40px "微软雅黑"; color:#000}
.in_title p{ font-size:15px; color:#666; display:block;}
.in_title span{ width:55px; height:3px; background-color:#db0707; display: block; margin:10px auto}


.in_pro_bg{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-bottom:60px; position:relative}
.in_pro{ width:100%; height:auto; overflow:hidden; margin-top:30px; position:relative}



.in_prolist{width:32%; float:left; margin:15px 2% 0 0; position:relative; /*border:1px solid #e1e1e1*/}
.in_prolist:nth-child(3n){margin:15px 0 0 0}
/*.in_prolist a{width:100%; height:auto; overflow:hidden; display:block;background-color:#000; display:block}*/
.in_prolist a img{width:100%; height:auto; overflow:hidden; display:block; position:relative; }

.in_prolist p{width:100%; height:auto; overflow:hidden; position:relative; background-color:#eee; padding:40px 0 50px 0; display:block}

.in_prolist p a{width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; /*display:none;*/ color:#222 }

.in_prolist span{width:60px; height:60px; border-radius:50px; border:3px solid #eee; display:block; margin:0 auto; position:relative; z-index:9; margin-top:-30px; background-color:#fff; text-align:center}
.in_prolist span a{text-align:center; line-height:60px; display:block}

.in_prolist:hover p{background-color:#bd0b16}
.in_prolist:hover p a{color:#fff}
.in_prolist:hover span{border:3px solid #bd0b16}
.in_prolist:hover span a{color:#bd0b16}

@media (max-width:768px) {

	.in_prolist{width:49%; float:left; margin:15px 0 0 0}
	.in_prolist:nth-child(2n){margin:15px 0 0 2%}
	

}
@media (max-width:520px) {
	.in_prolist{width:100%; }
	.in_prolist:nth-child(2n){margin:15px 0 0 0}
}


/*youshi*/
.in_ys_bg{width:100%; height:auto; overflow:hidden; background:url(../images/in_ys_bg.jpg) no-repeat center fixed #272429; padding:80px 0; margin-top:40px}

.in_ys_list{width:23.5%; float:left; margin:0 2% 0 0; background-color:#fff; padding:3% 2%; text-align:center}
.in_ys_list:nth-child(4){margin:0}

.in_ys_list h2{font-size:22px; font-weight:bold; color:#222; margin:15px 0}
.in_ys_list p{color:#666; font-size:15px}



@media (max-width:768px) {
	.in_ys_list{width:49%;margin:10px 2% 10px 0;padding:4% 3%;}
	.in_ys_list:nth-child(2n){margin:10px 0}
	.in_ys_list:nth-child(2n+1){clear:left}
}

@media (max-width:400px) {
	.in_ys_list{width:100%;margin:10px 0;padding:4% 3%;}

}

.in_pro_l{width:49%; float:left}
.in_pro_r{width:49%; float:right}

.in_zyj_list{width:100%; float:left; position:relative}
.in_pro_img{width:100%; height:auto; overflow:hidden; position:relative}
.in_pro_img img{width:100%; height:auto; overflow:hidden;}
.in_zyj_nr{ width:100%; height:auto; overflow:hidden; position:absolute; top:15%; padding:0 40px 70px 40px; color:#fff}
.in_zyj_nr img{ position:absolute; right:3%; padding-top:10%; width:54%}
.in_zyj_nr h2 a{color:#fff; font-size:30px; font-weight:bold}
.in_zyj_nr p{margin-top:30px; width:50%; font-size:13px; line-height:28px}
.in_zyj_nr span{margin-top:50px; display:block}
.in_zyj_nr span a{color:#fff; background:url(../images/in_pro_ic1.png) no-repeat center left; padding-left:30px}


.in_jc_list{width:100%; float:left; position:relative; margin-top:20px}
.in_pro_img{width:100%; height:auto; overflow:hidden; position:relative}
.in_pro_img img{width:100%; height:auto; overflow:hidden;}
.in_jc_nr{ width:100%; height:auto; overflow:hidden; position:absolute; top:15%; padding:0 40px 20px 40px;}
.in_jc_nr img{ position:absolute; right:3%; width:36%}
.in_jc_nr h2 a{color:#065eb8; font-size:30px; font-weight:bold}
.in_jc_nr ul{margin-top:30px; width:100%; height:auto; overflow:hidden;}
.in_jc_nr ul li{width:19%; float:left}
.in_jc_nr ul li a{border:1px solid #d1d1d1; display:block; padding:5px 0; margin-right:8px; text-align:center; font-size:16px}
.in_jc_nr ul li a:hover{background-color:#065eb8; color:#fff; border:1px solid #065eb8}
.in_jc_nr span{margin-top:40px; display:block}
.in_jc_nr span a{color:#434343; background:url(../images/in_pro_ic1.png) no-repeat center left; padding-left:30px; color:#434343;}



.in_zd_list{width:100%; float:left; position:relative}
.in_pro_img{width:100%; height:auto; overflow:hidden; position:relative}
.in_pro_img img{width:100%; height:auto; overflow:hidden;}
.in_zd_nr{ width:100%; height:auto; overflow:hidden; position:absolute; top:15%; padding:0 40px 20px 40px; color:#434343}
.in_zd_nr img{ position:absolute; right:10%; padding-top:3%; width:34%}
.in_zd_nr h2 a{color:#065eb8; font-size:30px; font-weight:bold}
.in_zd_nr p{margin-top:30px; width:55%; font-size:13px; line-height:28px}
.in_zd_nr span{margin-top:50px; display:block}
.in_zd_nr span a{color:#434343; background:url(../images/in_pro_ic1.png) no-repeat center left; padding-left:30px}


.in_jjzj_list{width:100%; float:left; position:relative; margin-top:20px}
.in_pro_img{width:100%; height:auto; overflow:hidden; position:relative}
.in_pro_img img{width:100%; height:auto; overflow:hidden;}
.in_jjzj_nr{ width:100%; height:auto; overflow:hidden; position:absolute; top:15%; padding:0 40px 20px 40px; color:#fff}
.in_jjzj_nr img{ position:absolute; right:8%;  width:33%}
.in_jjzj_nr h2 a{color:#fff; font-size:30px; font-weight:bold}
.in_jjzj_nr p{margin-top:30px; width:60%; font-size:13px; line-height:28px}
.in_jjzj_nr span{margin-top:50px; display:block}
.in_jjzj_nr span a{color:#fff; background:url(../images/in_pro_ic2.png) no-repeat center left; padding-left:30px}

/*indexprod*/

.indexprod{width:100%;overflow:hidden;position:relative; background-color:#fff; padding-top:60px}
@media screen and (max-width: 1299px) {
	.in_zd_nr p{margin-top:20px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;/*显示几行*/
	overflow: hidden;}
	.in_zd_nr span{margin-top:20px; }
	.in_jjzj_nr p{margin-top:20px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;/*显示几行*/
	overflow: hidden;}
	.in_jjzj_nr span{margin-top:20px;}
	
	.in_jc_nr ul{margin-top:20px}
	.in_jc_nr span{margin-top:20px;}
	.in_jc_nr ul li{width:21%;}
	.in_zyj_nr p{margin-top:20px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;/*显示几行*/
	overflow: hidden;}
	.in_zyj_nr span{margin-top:20px; }
	
	.in_zyj_nr{padding:0 20px 70px 20px; top:10%}
	.in_jc_nr{padding:0 20px 20px 20px; top:10%}
	.in_zd_nr{padding:0 20px 20px 20px; top:10%}
	.in_jjzj_nr{padding:0 20px 20px 20px; top:10%}
}

@media screen and (max-width: 960px) {
	.in_jc_nr ul li a{ font-size:14px}
	.in_zyj_nr p{-webkit-line-clamp:3;/*显示几行*/}
}
@media screen and (max-width: 768px) {
	.in_pro_bg{padding-bottom:20px;}
	.in_pro_l{width:100%; float:none}
	.in_pro_r{width:100%; float:none}
	
	.in_zyj_nr p{margin-top:40px;}
	.in_zyj_nr span{margin-top:40px; }
	
	.in_jc_nr ul{margin-top:40px;}
	.in_jc_nr span{margin-top:40px; }
	
	.in_zd_list{margin-top:20px}
	.in_zd_nr p{margin-top:40px;}
	.in_zd_nr span{margin-top:40px; }
	
	.in_jjzj_nr p{margin-top:40px;}
	.in_jjzj_nr span{margin-top:40px; }
	
	.in_zyj_nr{padding:0 40px 70px 40px; top:15%}
	.in_jc_nr{padding:0 40px 20px 40px; top:15%}
	.in_zd_nr{padding:0 40px 60px 40px; top:15%}
	.in_jjzj_nr{padding:0 40px 30px 40px; top:15%}
}

@media screen and (max-width: 600px) {
	.in_zyj_nr p{margin-top:30px;}
	.in_zyj_nr span{margin-top:30px; }
	
	.in_jc_nr ul{margin-top:20px;}
	.in_jc_nr span{margin-top:20px; }
	
	.in_zd_list{margin-top:20px}
	.in_zd_nr p{margin-top:20px;}
	.in_zd_nr span{margin-top:20px; }
	
	.in_jjzj_nr p{margin-top:20px;}
	.in_jjzj_nr span{margin-top:20px; }
	
	.in_zyj_nr{padding:0 40px 70px 40px; top:15%}
	.in_jc_nr{padding:0 40px 20px 40px; top:15%}
	.in_zd_nr{padding:0 40px 60px 40px; top:15%}
	.in_jjzj_nr{padding:0 40px 30px 40px; top:15%}
}

@media screen and (max-width: 480px) {
	.in_zyj_nr p{-webkit-line-clamp:2}
	.in_jc_nr ul{margin-top:10px}
	.in_jc_nr ul li a{ padding:3px 0; font-size:13px }
	.in_jc_nr span{margin-top:10px; }
	.in_zd_nr p{-webkit-line-clamp:2}
	.in_jjzj_nr p{-webkit-line-clamp:2}
	.in_zyj_nr{padding:0 20px 70px 20px; top:10%}
	.in_jc_nr{padding:0 20px 20px 20px; top:10%}
	.in_zd_nr{padding:0 20px 20px 20px; top:10%}
	.in_jjzj_nr{padding:0 20px 20px 20px; top:10%}
	
	
	
	
	.in_zyj_nr h2 a{font-size:24px}
	.in_jc_nr h2 a{font-size:24px}
	.in_zd_nr h2 a{font-size:24px}
	.in_jjzj_nr h2 a{font-size:24px}
	
}
@media screen and (max-width: 480px) {
	.in_zyj_nr p{margin-top:20px;}
	.in_zyj_nr span{margin-top:20px; }
	
	.in_jc_nr ul{margin-top:10px;}
	.in_jc_nr span{margin-top:10px; }

	.in_zd_nr p{margin-top:10px;}
	.in_zd_nr span{margin-top:10px; }
	
	.in_jjzj_nr p{margin-top:10px;}
	.in_jjzj_nr span{margin-top:10px; }
}



/*in_gg_bg*/
.in_gg_bg{width:100%; height:auto; overflow:hidden; background:url(../images/in_gg_bg.jpg) no-repeat center top}
.in_gg{height: auto; overflow:hidden; padding:40px 0}

.in_gg_l{width:50%; float:left; color:#fff}
.in_gg_l h2{ background:url(../images/in_gg_01.png) no-repeat top left; padding-left:45px; font-size:32px; color:#fff; line-height:52px}
.in_gg_l p{font-size:28px; font-weight:bold; color:#fff; margin-top:15px; line-height:45px; overflow:hidden; display:block}
.in_gg_l span{ font-size:18px; display:inline-block; margin-top:15px; padding:10px 15px; border:1px dashed #fff}
.in_gg_r{width:30%; float:right; margin-top:15px}
.in_gg_r h2{ width:100%; height:auto; overflow:hidden;display:block;}
.in_gg_r h2 a { color:#fff}
.in_gg_r h2 a img{float:left; margin-right:10px}
.in_gg_r h2 a span{font-size:40px; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block}
.in_gg_r p{display:inline-block; margin-top:20px; margin-left:90px}
.in_gg_r p a{background-color:#f8920d; padding:10px 20px; font-size:15px; color:#fff}


@media screen and (max-width: 1299px) {
	.in_gg_r h2 a span{font-size:36px; }
}
@media screen and (max-width: 1024px) {
	.in_gg_l p{font-size:24px}
	.in_gg_r{width:35%;}
	.in_gg_r h2 a img{width:20%; height: auto; overflow:hidden}
	.in_gg_r h2 a span{font-size:32px; }
	 .in_gg_r p{margin-left:85px}
}
@media screen and (max-width: 768px) {
	.in_gg_bg{display:none}
}

/*about*/


.in_a_title{width:100%;  height:auto; overflow:hidden; padding-bottom:40px}
.in_a_title a{font: normal 36px/40px "微软雅黑"; color:#fff}
.in_a_title span{ margin-top:5px; font-size:15px; color:rgba(255,255,255,0.8); display:block}



.in_about_bg{ height:auto; overflow:hidden; margin-top:60px; background-color:#f3f3f3; padding:70px 0}
.in_about{ width:100%; height:auto; overflow:hidden; /*background-color:#fff; padding:3%*/}
.in_about_l{width:50%; float:left}
.in_about_l h2 a{font:bold 26px/40px "微软雅黑"; color:#000}
.in_about_l h2 a span{ width:55px; background-color:#db0707; height:3px; display:block; margin-top:10px}

.in_about_l p{ margin-top:40px}
.in_about_l p a{width:130px; height:50px; font-size:16px; color:#222; border:1px solid #db0707; display:block; text-align:center; line-height:50px;}


.in_about_r{width:45%; float:right; display:block}
.in_about_r a img{width:100%; height:auto; overflow:hidden}




@media screen and (max-width: 1024px) {
/*.in_about_l p{word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8; 
  overflow: hidden;}*/

}
@media screen and (max-width: 768px) {
	.in_about{margin-top:0;}
	
	.in_about_l{width:100%; float:none}
	.in_about_r{width:100%; float:none; margin-top:20px}

	
}


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

}






#m4{position: relative; z-index: 2; background: #fff; /*padding: 0 0 100px 0;*/ overflow: hidden;}
#m4 .w1200{position: relative;}
#m4 .main-tit{border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between;}
#m4 .main-tit .tit-container{padding-bottom: 30px;}
#m4 .qr{height: 78px; padding-top: 71px;}
#m4 .qr>img{height: 100%; float: right;}
#m4 .qr>div{float: right; padding-top: 23px; font-size: 1.4rem; color: #bbb; padding-right: 10px; line-height: 1.4; text-align: right;}

@media (max-width:1439px){ /*1366*/
  #m4 .qr>div{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m4{/*padding: 0 0 60px 0;*/}
  #m4 .main-tit{display: block;}
  #m4 .qr{display: none;}
}

#m4 .swiper-container{margin-top: 60px; padding:10px;/*margin-left: 170px;*/}
#m4 .swiper-slide{/*background-color:#fff; box-shadow:0px 0px 10px 0px #bfbfbf; transition: box-shadow 0.3s, transform 0.3s;transition: all 0.4s ease-in-out 0s;*/position: relative;}
#m4 .swiper-slide a{display: block; position:relative}
#m4 .swiper-slide a img{width:100%; height:auto; overflow:hidden; position:relative}
#m4 .swiper-slide a p{ width:100%; padding:20px 0; line-height:30px; text-align:center; font-size:18px; color:#fff;position:absolute; background-color:rgba(0,0,0,0.5); bottom:0}
#m4 .swiper-slide a .img{height: 0; padding-bottom: 65%; background: #eee; position: relative; overflow: hidden;}
#m4 .swiper-slide a .img>.focus{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .55s; background: #eee no-repeat center/cover;}
#m4 .swiper-slide a:hover .img>.focus{transform: scale(1.09);}
#m4 .swiper-slide a .box .date{/*position: absolute; left: 0; right: 0; bottom: -55px; height: 55px;*/ /*background: #1f53be; margin: auto; text-align: center; line-height: 55px;*/ color: #999; font-size: 14px; font-weight: 300; transition: all .35s; letter-spacing: 1px; margin-top:5px}
/*#m4 .swiper-slide a:hover .box .date{bottom: 0;}*/
/*#m4 .swiper-slide a:hover .box .date:hover{background: #1f53be;}*/
#m4 .swiper-slide a .box .date::before{display: inline-block; content: '\e697'; font-family: 'iconfont'; margin-right: 8px; font-size: 14px;}
#m4 .swiper-slide a .box{ padding:25px}
#m4 .swiper-slide a .box .tit{color: #222; font-size: 16px; font-weight: bold; line-height: 30px; /*height: 48px;*/ transition: all .25s;}
#m4 .swiper-slide a:hover .box .tit{color: #bd0b16;}
#m4 .swiper-slide a .box .desc{line-height: 1.8; margin-top: 10px; font-size: 13px; font-family: 'Microsoft YaHei'; color: #777;}

#m4 .swiper-slide a .more{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#323232; border:1px solid #ccc; border-radius:5px; margin-top:35px; width:95px; text-align:center}




#m4 .pagination{position: absolute; left: 0; top: 280px; color: #bbb; font-size: 24px; font-family: 'Microsoft YaHei'; font-weight: 700; display:none}
#m4 .swiper-pagination-current{font-size: 24px; color: #1f53be; display: inline-block; width: 32px;}
#m4 .right{position: absolute; right: -40px; top: 55%;  /*background: #d6d6d6; width: 38px; height: 38px; text-align: center; line-height: 36px;*/ cursor: pointer; transition: all .3s; z-index:9;text-align:right}
#m4 .right::after{content: '\e622'; font-family: 'iconfont'; font-size: 3.5rem; color: #999; /*transform: rotate(-180deg);*/ display: block; /*width: 38px; height: 38px;*/ }
#m4 .left{position: absolute; left: -40px; top: 55%;  /*background: #d6d6d6; width: 38px; height: 38px; text-align: center; line-height: 38px;*/ cursor: pointer; transition: all .3s; z-index:9}
#m4 .left::after{content: '\e623'; font-family: 'iconfont'; font-size: 3.5rem; color: #999;}
#m4 .right:hover, #m4 .left:hover{/*background: #1f53be;*/ color:#1f53be;}


@media (min-width:1280px){ 
  #m4 .swiper-slide a .box .tit{font-size: 18px;}
  #m4 .swiper-slide a .box .desc{font-size: 13px;}
}

@media (max-width:768px){
	#m4 .right{right: 0px}
	#m4 .left{left: 0px}
  #m4 .left, #m4 .right{/*display: none;*/}
  #m4 .swiper-container{margin: 20px 20px 50px 20px;}

  #m4 .pagination{position: relative; left: unset; top: unset; text-align: center; font-size: 1.6rem;}
  #m4 .swiper-pagination-current{font-size: 1.6rem; width: auto;}
}


/*新闻*/
.in_news_t{width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px}
.in_news_list{width:32%; float:left; margin-right:2%; position:relative}
.in_news_list:nth-child(3){margin-right:0}
.in_news_list a{position:relative}
.in_news_list a img{width:100%; height:auto; overflow:hidden}
.in_news_list a p{ position:absolute; bottom:-5px; width:100%; line-height:30px; padding:20px 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); display:block; text-align:center; color:#fff; font-size:18px}



.in_news_b{width:100%; height:auto; overflow:hidden; position:relative; margin-top:20px}
.in_xw_list{width:24.25%; float:left; margin-right:1%; position:relative; background-color:#f3f3f3; padding:1.5%}
.in_xw_list:nth-child(4){margin-right:0}
.in_xw_list span{font-size:13px; color:#db0707; font-family:Arial, Helvetica, sans-serif; display:block}
.in_xw_list a{font-size:16px; color:#222; font-weight:bold; display:block}
.in_xw_list p{font-size:13px; color:#666; margin-top:15px;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制为3行 */
  overflow: hidden;
  text-overflow: ellipsis;}



@media (max-width:768px){
	.in_news_list a p{font-size:16px}
	.in_xw_list{width:49%; margin-right:2%; margin-bottom:10px}
	.in_xw_list:nth-child(2n){margin-right:0}
}

@media (max-width:600px){
	.in_news_list{width:100%; margin-top:10px; margin-right:0}
}

@media (max-width:500px){
	.in_news_list a p{font-size:18px}
	.in_xw_list{width:100%; margin-right:0; padding:3% }
}







#foot{padding: 60px 0; background: #4a4a4a; position: relative; z-index: 2; border-top: 1px solid #e7e9f2; margin-top:60px}
#foot .w1200{}
.foot_top{width:100%; height:auto; overflow:hidden; display:block}


.footer_list{ width:18%; float:left; color:#fff}
.footer_list h2{font-size:18px; font-weight:bold}
.footer_list ul{margin-top:20px;}
.footer_list ul li a{line-height:34px}

.footer_contact{width:32%; float:left; color:#fff}
.footer_contact h2{font-size:18px; font-weight:bold}
.footer_contact p{margin-top:20px; line-height:34px}
.footer_ewm{width:14%; float:right; text-align:center}
.footer_ewm img{max-width:100%; height:auto; overflow:hidden}
.footer_ewm p{color:#fff; text-align:center; margin-top:10px}

.foot_bottom{width:100%; height:auto; overflow:hidden; margin-top:25px; padding-top:25px; border-top:1px solid #666; text-align:center}


.foot_bottom{color:#fff; width:100%; height:auto; overflow:hidden}

@media (max-width:1280px){ /*1440*/
  #foot{padding: 80px 0;}

}

@media (max-width:1024px){ /*MP*/
  #foot{padding: 50px 0;}
  #foot .w1200{display: block;}

}
@media (max-width:768px){
	#foot .footer_l{width: 100%; float:none}
	#foot .footer_r{width: 100%; float:none; margin-top:50px}
	#foot .footer_r img{display: block; width: 30%; float:left; margin-left:0%; margin-right:5%}
	#foot .footer_r .item p{text-align: left; padding-top:20%}
}
@media (max-width:600px){
	.footer_list{width:100%; border-bottom:1px solid #666; padding:15px 0}
	.footer_list ul li{width:33.333%; float:left}
	.footer_contact{width:100%; padding:15px 0; border-bottom:1px solid #666; }
	.footer_ewm{width:100%; padding:15px 0; }
}

@media (max-width:520px){
	#foot .c{width: 100%;}
}
@media (max-width:400px){
	#foot .footer_r img{width: 45%;}
	#foot .footer_l .tit-1 a{width:25%}
}

/* 只显示一行 */
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 只显示两行 */
.ellipsis-line-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 只显示三行 */
.ellipsis-line-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}





.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{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;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;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: #065eb8;
	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: #f8920d;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
	margin:0 auto
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
}
  @media (max-width: 1024px) {
.phonefooternav { display:block}
  }