@import "font-awesome.min.css";

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{color:#222324;line-height:1.5;font-size:14px;font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
*{margin:0;padding:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;padding:0;border:0;background:0}
button:focus,input:focus,optgroup:focus,select:focus,textarea:focus{text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
address , caption , cite , code , dfn , em ,i , th , var { font-style:normal; font-weight:normal;}
textarea{resize:none}
img{border:0;vertical-align:bottom;max-width:100%}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;color:#222324}
a:hover{color:#2e65ef}
a,a:active,a:focus,a:hover,a:link,a:visited{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;text-decoration:none}
li,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-variant:normal}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix::after{clear:both;overflow:hidden}
[class*=col-]{float:left}
.row::after{content:"";display:block;clear:both;overflow:hidden}
.fl { float: left; } 
.fr { float: right; }
.col-1{width:8.33333333%}
.col-2{width:16.66666667%}
.col-3{width:25%}
.col-4{width:33.33333333%}
.col-5{width:41.66666667%}
.col-6{width:50%}
.col-7{width:58.33333333%}
.col-8{width:66.66666667%}
.col-9{width:75%}
.col-10{width:83.33333333%}
.col-11{width:91.66666667%}
.col-12{width:100%}
.md-show,.sm-show,.xs-show{display:none}
.Container-wrapper{width: 100%;}
.w1440{width: 1440px;margin: 0 auto;}
.contain,.w1200{width: 1200px;margin: 0 auto;}
.relative{ position:relative;}

.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.mt45{ margin-top:45px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mb45{ margin-bottom:45px;}
.mb70{ margin-bottom:70px;}
.mb100{ margin-bottom:100px;}

 
 #banner { margin-top: 70px; } 
/*图片预览放大*/
.dd-preview { background: #000; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; overflow: hidden; } 
.dd-preview__pagination { position: fixed; left: 0; width: 100%; height: 32px; line-height: 32px; top: 0; text-align: center; color:#fff; z-index: 11; background:rgba(0,0,0,0.5) } 
.dd-preview .swiper-zoom-container img { max-width: 100%; max-height: 100%; position: relative; z-index: 10; } 

/*头部*/
.dd-header {background-color: #F8F9FC; height: 70px; position: fixed; width: 100%; left:0; top:0; z-index: 99; } 
.dd-header .dd-container { max-width: 1440px; position: relative; z-index: 2; height: 100%; width: inherit; min-width: 1220px; margin:0 auto; } 
.dd-header-logo { position:absolute; left:0; top:10px; } 
.dd-header-logo img { height: 100%;} 
.dd-header-logo a{ float:left;display:inline-block; }
.dd-header-logo span{ display:inline-block; font-size:12px; float:left; padding-left:8px; padding-top:8px; font-family:"Microsoft Yahei"}
.dd-header-logo .dd-header-logo__black { display: none; } 
.dd-header-right { float: right; } 
.dd-header .dd-menu { float: left; } 
.dd-header-accout { float: right; margin:17px 0 0 45px; } 
.dd-header-accout .dd-button { padding:0 30px; font-weight: bold; height: 36px; line-height: 34px; } 
.dd-header-accout .dd-button--primary { background-color: #fff; color:#0087f2; border-color: #fff; } 
.dd-header-accout .dd-button--plain { border-color:#fff; color:#fff; } 
.dd-header-bg { background-color: #F8F9FC; width: 100%; height: 100%; position: absolute; left:0; top:0; opacity: 0; transition: .1s; z-index: 1; } 

.dd-header-normal .dd-menu .dd-menu-item__link a,
.dd-header--white .dd-menu .dd-menu-item__link a { color:#666; } 
.dd-menu-item__arrow { display: inline-block; width: 12px; height: 12px; background: url(../image/icon_more01.png) no-repeat center; background-size: 12px; margin-left: 3px; } 
.dd-menu-item.hover .dd-menu-item__link .dd-menu-item__arrow { background: url(../image/icon_more02.png) no-repeat center; } 
.dd-header-normal .dd-header-logo__black,
.dd-header--white .dd-header-logo__black { display: block; } 
.dd-header-normal .dd-header-logo__white,
.dd-header--white .dd-header-logo__white { display: none; } 
.dd-header-normal .dd-header-accout .dd-button--primary,
.dd-header--white .dd-header-accout .dd-button--primary { background-color: #0087f2; border-color: #0087f2; color:#fff; } 
.dd-header-normal .dd-header-accout .dd-button--plain,
.dd-header--white .dd-header-accout .dd-button--plain { border-color: #0087f2; color:#0087f2; } 
.dd-header-normal { height: 70px; } 
.dd-header-normal .dd-header-bg { opacity: 1 !important; } 

@media screen and (min-width:1025px){
 .dd-header:hover .dd-header-bg { opacity: 1 !important; } 
 .dd-header:hover .dd-header-logo__white { display: none; } 
 .dd-header:hover .dd-header-logo__black { display: block; } 
 .dd-header:hover .dd-menu .dd-menu-item__link a { color:#666; } 
 .dd-header:hover .dd-header-accout .dd-button--primary { background-color: #0087f2; border-color: #0087f2; color:#fff; } 
 .dd-header:hover .dd-header-accout .dd-button--plain { border-color: #0087f2; color:#0087f2; } 
 }

/*头部抽屉下拉项*/
.dd-drawer { height: 400px; background-color: #fff; position: fixed; left:0; width: 100%; top:70px; padding-top: 30px; display: none; } 
.dd-drawer--product { box-sizing: border-box; } 
.dd-drawer-item__right { width: 140px;  float: left; padding-left: 50px; box-sizing: border-box; } 
.dd-drawer__right__title { font-size: 18px; font-weight: 400; color: #444; line-height: 36px; border-bottom: 1px solid #f4f4f4; } 
.dd-drawer__right__title i { font-size: 22px; color: #2E65EF; margin-right: 7px; float: left; } 
.dd-drawer__right__title i img{vertical-align: middle;margin-bottom:3px;}
.dd-drawer__right__content { line-height: 24px; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; padding: 6px 30px 6px; margin-top: 5px; color: #333; } 
.dd-drawer__new { background:url(../image/label_new.png) no-repeat left top #FAFAFA; } 
.dd-drawer__right__content:hover { color: #2E65EF; cursor:pointer; } 
.dd-drawer__right__content span{
 font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 16px; margin-top:0; } 
.dd-drawer-item { width: 320px; float: left;border-left:1px solid #f4f4f4; padding-left:50px; box-sizing: border-box; } 
.dd-drawer-item--big { width: 240px; } 
.dd-drawer-item__title { height: 46px; line-height: 45px; color: #777; } 
.dd-drawer-item ul { margin-top: 15px; } 
.dd-drawer-item li { line-height: 40px; font-size: 16px; } 
.dd-drawer-item li a { color:#444; } 
.dd-drawer-item li a:hover { color:#2E65EF; } 
.dd-drawer-item a.highlight { color:#2E65EF; } 
.dd-drawer-item .iconfont { color:#2E65EF; font-size: 22px; margin-right: 7px; float: left; } 
.dd-drawer-item__info { line-height: 22px; color:#999; margin-top: 5px; } 
.dd-drawer-item__info p { padding-top: 0; } 
.dd-drawer-item__info p a { color:#0087f2; } 

.dd-drawer--product .dd-drawer-item:first-child { border-right: 1px solid #e9e9e9; height: 317px; } 
.dd-drawer--product .dd-drawer-item:first-child li { font-size: 14px; } 

.dd-drawer--case .dd-drawer-item { width: 19.5%; box-sizing: border-box; padding:0; text-align:center; }
.dd-drawer--case .dd-drawer-item img.switch-ib{ width:50px;}
.dd-drawer--case .dd-drawer-item__title { font-size: 18px; color:#333; } 
.dd-drawer--offer .dd-service-item:hover { background-color: #FFF !important; } 
.dd-drawer-item__subitem { line-height: 22px; color:#999; } 
.dd-drawer--offer .dd-service-item { width: 16.66666% !important; box-sizing: border-box;  text-align: center; line-height: 30px; } 
.dd-service-item { float: none; display: inline-block; } 
.dd-service-box { text-align: center; } 
.dd-drawer--offer .dd-drawer-item { width: 20%; box-sizing: border-box; padding:0 30px; text-align: center; line-height: 30px; } 
.dd-drawer--offer .dd-drawer-item .iconfont { display: block; font-size: 36px; margin: 0 auto; float: inherit; color:#666; } 
.dd-drawer--offer .dd-drawer-item:hover { background-color: #F9FAFD; border-radius: 6px; } 
.dd-drawer--offer .dd-drawer-item a { color:#666; } 
.dd-drawer--offer .dd-drawer-item h4 { font-weight: normal; font-size: 16px; } 
.dd-drawer--offer .dd-drawer-item a:hover .iconfont,
.dd-drawer--offer .dd-drawer-item a:hover { color:#0087f2; } 

.dd-drawer--offer .right_list .rtit{ font-size:18px; font-weight:bold; padding:15px 0 0 30px; color:#0087f2; line-height:normal;}
.dd-drawer--offer .right_list .dd-service-item{ width:auto !important; border:none;}
.dd-drawer--offer .right_list .dd-service-item h4{ padding:5px 15px; font-size:16px;}

/*菜单*/
.dd-menu-item { float: left; height: 70px; line-height: 70px; position: relative; } 
.dd-menu-item__link a { padding: 0 24px; font-size: 16px;  } 
.dd-menu-item.hover,
.dd-menu-item.active { color:#0087f2; position:relative; } 
.dd-menu-item.active a:before{content:" "; position:absolute; width:60%; height:2px; top:55px; left:50%; margin-left:-30%; background-color:#0087f2;  }
.dd-menu-item.hover .dd-menu-item__link a,
.dd-menu-item.active .dd-menu-item__link a { color:#0087f2 !important; font-weight: bold; } 
.dd-menu-item.hover .dd-sub-munu { display: block; } 
.dd-sub-munu { width: 100%; position: absolute; background-color: #fff; padding:10px 0; left:0; top:70px; display: none; border-radius: 0 0 6px 6px; box-shadow: 0 3px 3px rgba(0,0,0,0.06); } 
.dd-sub-munu li { text-align: center; line-height: 44px; font-size: 14px; } 
.dd-sub-munu li a { display: block; color:#444; } 
.dd-sub-munu li a:hover { background-color: #f6f6f6; } 
/*灰色遮罩层*/
.dd-mask { width: 100%; height: 100%; position: fixed; left:0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 90; } 

.dd-menu-item .left_con{ width:35%; height:180px; background:url(../image/bg06.png) no-repeat 50% center; float:left;}
.dd-menu-item .right_list{ width:64%; float:left; border-left:1px solid #f4f4f4;}
.dd-menu-item .left_con h3{ text-align:right; padding-right:10%; padding-top:50px; font-size:20px; color:#666;}
/*.dd-drawer--offer .right_list .dd-service-item{ width:245px !important; border:none;}*/
.dd-drawer--offer .right_list .dd-service-item h4{ background-color:#FAFAFA;}

.dd-menu-item .dd-service-box .left_con{ height:80px;background:url(../image/bg07.png) no-repeat 60% 0;}
 .dd-menu-item .dd-service-box .left_con h3{ padding-top:5px;}

/*底部*/
.footer{ background-color:#121728; color:#bfbfbf;}
.foot{  padding-top:35px; padding-bottom:30px; overflow:hidden;}
.foot a{color:#bfbfbf}
.foot .fnav{ width:65%;}
.foot .flx{ width:30%; }
.foot .fnav dl{ width:165px; float:left; }
.foot .fnav dl dt{ padding-bottom:10px;}
.foot .fnav dl dt h3{ font-size:18px; font-weight:bold; color:#FFF;}
.foot .fnav dl dd ul li{ padding-top:15px;}
.foot .fnav dl dd ul li a{ font-size:14px; }
.foot .fnav dl dd ul li a:hover{ color:#1572da;}
.foot .flx .ftel{ margin-top:20px;}
.foot .flx .ftel .ttxt{ font-size:14px;font-family:"DIN Medium";}
.foot .flx .ftel .ftel-con{ font-size:22px; color:#FFF; font-family:"DIN Medium";}
.foot .flx .fwx{ padding:0 30px; overflow:hidden;}
.foot .flx .fwx p{ float:left; margin-right:30px;text-align:center;}
.foot .flx .fwx p img{ width:110px !important;}
.foot .flx .fwx p span{ display:block; padding:5px 0; }
.footer-copyright{ background-color:#121728; border-top:1px solid #121728;color:#bfbfbf; overflow:hidden;}
.footer-copyright a{color:#bfbfbf;}
.footer-copyright{ padding:15px 0; text-align:center; font-size:13px;}

 .reservation { height: 200px; background-color: #222324; margin-top: 70px; text-align: center; color:#fff; overflow: hidden; position: relative; } 
 .reservation h2 { font-size: 30px; padding-top: 35px; position: relative; z-index: 1; } 
 .reservation .ks-button { width: 160px; height: 44px; line-height: 44px; font-weight: bold; font-size: 16px; padding:0px; margin-top: 20px; position: relative; z-index: 1; } 
 .reservation .ns-bg { position: absolute; left:0; top:0; transform: translateY(-35%); width: 100%; } 
 .ks-button--primary { background-color: #4265fb; color:#fff; border:0px; } 
.ks-button--plain { background: none; } 
.ks-button--primary.ks-button--plain { border-width: 1px; border-style: solid; border-color: #4265fb; color:#4265fb; } 
.ks-button::after { content: ""; background: rgba(0,0,0,0.1); display: block; position: absolute; border-radius: 50%; padding-top: 240%; padding-left: 240%; margin-top: -120%; margin-left: -120%; opacity: 0; transition: all 1s; } 
 
.ks-button:active::after { padding-top: 0; padding-left: 0; margin-top: 0; margin-left: 0; opacity: 1; transition: 0s; }
.ks-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden; } 
.ks-button--primary::after { background-color: rgba(255,255,255,0.3); } 
.ks-button--small { padding:9px 16px; }

.home-footer-link { background-color:#121728; color:#bfbfbf; line-height: 40px; text-align: left; } 
.home-footer-link span,.home-footer-link a { font-size: 12px; color: #C6C7C9; } 
.home-footer-link a { margin-right: 10px; }