body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { padding: 0; margin: 0;}
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease }
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
BODY {FONT-SIZE: 12px; color:#000; font-family:"微软雅黑" }
samp{font-family:"微软雅黑"}
img{ vertical-align:bottom}
input[type="text"],input[type="hidden"],input[type="password"],input[type="radio"],input[type="button"],input[type="submit"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
body,div,ul,li,p,input,h1,h2,h3,h4,select,textarea,h5,h6.form,p,span,em,strong,a,img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.wow:first-child {visibility: hidden; }

/*加载字体*/
@font-face{font-family:'bahnschrift'; src: url('../fonts/bahnschrift.ttf');}
@font-face{font-family:'dinpro'; src: url('../fonts/DINPro-Regular.otf');}
@font-face{font-family:'dinblack'; src: url('../fonts/DINPro-Black.otf');}


/*线性粒子*/
.large-header{position:fixed; left:0!important; top:0!important; right:0!important; bottom:0!important; height:100%!important; visibility:hidden; opacity:0}
.large-header.in{visibility:visible; opacity:1;}

/*header*/
.header{width:100%;position:absolute;left:0px; top:0px; z-index:123456; padding:0px 2.5%; height:90px;transition:all 0.4s ease}
.header .logo{ float:left; margin-top:21px; width:159px; height:48px; background:url(../images/logo1.svg) no-repeat center; background-size:100%}
.header .logo a{ display:block; width:100%; height:100%}
.header .header-right{ float:right;margin-top:29px}
.header .header-form{ float:left; width:202px; height:34px; background:#fff; position:relative }
.header .header-form .txt{ float:left; width:150px; height:34px; margin:0px; padding:0px; background:none; border:none; padding-left:14px}
.header .header-form .button{ float:right; width:38px; background:url(../images/icon-2.svg) no-repeat center; height:34px; cursor:pointer; border:none;background-size: 52%;}
.header-search{ width:100%; overflow:hidden; position:absolute;left:0px;top:29px; z-index:234; display:none;box-shadow:0px 5px 4px 2px rgba(0,0,0,0.2)}
.header-search .search-res{ float:left; width:100%; overflow:hidden; background:#fff;border-radius:2px; margin-top:4px}
.header-search .search-res span{ float:left; width:100%; overflow:hidden; line-height:30px;  font-size:14px; color:#666}
.header-search .search-res span a{ color:#666; display:block;padding-left:15px;}
.header-search .search-res span a:hover{ background:#eee; color:#333}
.header .header-norl{ float:left; width:auto; line-height:34px; font-size:14px}
.header .header-norl a{ color:#fff; margin-left:30px}
.header .header-norl a:hover{ color:#0069d1}
.header .header-reg{ float:left; background:url(../images/icon-20.svg) no-repeat left center; width:auto; display:inline; margin-left:30px; font-size:14px; background-size:1px}
.header .header-reg a{ float:left; width:auto; height:36px; line-height:36px; display:inline; margin-left:30px; color:#fff}
.header .header-reg a:hover{color:#0069d1}
.header .header-reg a:last-child{ width:120px; text-align:center; background:#ffc04f;border-radius:18px}
.header .header-reg a:last-child:hover{ color:#fff;box-shadow:0px 0px 4px 2px rgba(0,104,207,0.7)}

.header ul{ float:left; width:auto; overflow:hidden; font-size:16px; color:#fff; display:inline; margin-left:43px; margin-top:22px }
.header ul .col{ float:left; width:auto; display:inline; margin-left:0;padding-right: 39px;}
.header ul .col:first-child{margin-left:39px;}
.header ul .col a{ color:#fff; padding-right:15px; background:url(../images/icon-1.svg) no-repeat right center; line-height:50px; display:block}
.header .subnav{ width:100%; position:absolute;left:0px;top:60px; z-index:23424; display:none}
.header .sub-content{ width:100%; overflow:hidden; background:#fff; margin-top:30px; border-top:1px #ddd solid; padding-bottom:40px}
.header .change a{ color:#6b9ade}
.header .sub-form{ float:left; width:500px; display:inline; margin-left:2%; margin-top:58px; background:#f5f5f5; height:34px; position:relative}
.header .sub-form .txt{ float:left; width:436px; height:34px; margin:0px; padding:0px; background:none; border:none; padding-left:14px}
.header .sub-form .button{ float:right; width:50px; background:url(../images/icon-2.svg) no-repeat center; height:34px; cursor:pointer; border:none;background-size: 42%;}
.header .sub-form .header-search .search-res span a{ background:none; color:#666; height:30px; line-height:30px}
.header .sub-form .header-search .search-res span a:hover{ color:#222; background:#eee}
.header .sub-col{ float:left; display:inline; width:12%; margin-left:2%; margin-top:30px}
.header .sub-col h3{ float:left; width:100%; overflow:hidden; border-bottom:1px #dfe1e6 solid; line-height:50px; font-size:16px; color:#0069d1; padding-bottom:5px}
.header .sub-col h3 a{ color:#ddd;color:#0069d1; background:none}
.header .sub-col ul{ float:left; width:100%; overflow:hidden; margin-top:15px; margin-left:0px}
.header .sub-col ul li{ float:left; width:100%; overflow:hidden; line-height:20px; margin-top:5px; margin-left:0px; background:none}
.header .sub-col ul li a{ color:#1c2736; font-size:14px; line-height:20px; background:none}
.header .sub-col ul li a:hover{ color:#0069d1}

/*pay*/
.pay{ background:#000; padding-bottom:20px}
.pay .header-form{ background:#262626;}
.pay .header-form .txt{ color:#fff}

.scroll{ background:#333; position:fixed; height:60px}
.scroll .logo{ height:36px; margin-top:10px; width:132px;}
.scroll ul{ margin-top:3px}
.scroll .header-right{ margin-top:12px}
.scroll .subnav{top:30px}

.show{ background:#fff;}
.header ul .change .subnav{ display:block}
.show ul .col a{ color:#1c2736;background: url(../images/icon-34.svg) no-repeat right center}
.show ul .change a{background: url(../images/icon-33.svg) no-repeat right center; color:#0069d1}
.show ul .change h3 a{ background:none}
.show .header-form{ float:left; width:202px; height:34px; background:#f5f5f5; }
.show .header-norl a,.show .header-reg a{ color:#1c2736;}
.show .header-reg{background:url(../images/icon-35.svg) no-repeat left center; background-size:1px }
.show .header-reg a:last-child{ background:#0069d1; color:#fff}
.show .logo{background:url(../images/logo2.svg) no-repeat center;background-size:100%}
.header .subnav2,.header .subnav3{width:120px; position:absolute;left:320px;top:76px; z-index:23424; padding-left:2.5%; overflow:hidden; height:0px}
.header .subnav3{left:430px; width:200px}
.header .subnav3{left:300px; width:200px}
.header .subnav2{ width:200px;}
.header .subnav2 span,.header .subnav3 span{ float:left; width:100%; margin-top:15px; overflow:hidden; background:#fff;}

.header .subnav2 span a,.header .subnav3 span a{ width:90%; overflow:hidden; display: block; margin:0px auto; text-align:center; color:#333; font-size:14px; border-bottom:1px #aaa solid; background:none; padding:0px}
.header .subnav2 span a:hover,.header .subnav3 span a:hover{ color:#0069d1}
.header .subnav2 span a:last-child,.header .subnav3 span a:last-child{ border:none}
.header ul .change .subnav2{ height:380px; }
.header ul .change .subnav3{ height:174px; }
.headermask{ width:100%; overflow:hidden;height:100%; position:fixed;left:0px;top:0px; z-index:-1; background:rgba(0,0,0,0);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.loadmask{ background:rgba(0,0,0,0.6); z-index:1}
.hamburger{ display:none}
.subm{ display:none}
.scroll .subnav2,.scroll .subnav3{top:46px}
.scroll .subnav2{left:300px}
/*.scroll .subnav3{left:410px}*/
.scroll .subnav3{left:300px}
.header .sub1{ width:9%}
.header .sub2{ width:14%}
.header .sub3{ width:14%}


/*底部*/
.footer{ background:#1e2835; width:100%; overflow:hidden}
.footer-head{ width:1444px; margin:20px auto 0px; overflow:hidden; border-bottom:1px #353e4a solid; padding-bottom:12px}
.footer-left{ float:left; width:456px; border-right:1px #353e4a solid; padding-bottom:40px}
.footer-left img{ float:left; width:200px; height:auto}
.footer-left h3{ float:left; width:100%; font-size:16px; color:#fff; margin-top:20px}
.footer-left p{ float:left; width:100%; font-size:36px; color:#eb1329; margin-top:15px; font-family:bahnschrift}
.footer-left p a{ color:#eb1329}
.footer-left span{ float:left; width:100%; font-size:16px; color:#fff; margin-top:5px}
.footer-left em{ float:left; width:100%; font-size:14px; color:#a9abae; margin-top:5px}
.footer-c1{ float:left; display:inline; width:290px; margin-left:120px}
.footer-c1 a{ color:#a9abae}
.footer-c1 h3{ float:left; width:100%; font-size:16px; color:#fff; margin-top:20px}
.footer-c1 span{ float:left; width:25px;height:20px; margin-top:20px; border-top:2px #eb1329 solid}
.footer-c1 p{ float:left; width:100%; font-size:14px; color:#a9abae; margin-top:0px; padding-bottom:17px}
.footer-c2{ float:left; width:188px; overflow:hidden;border-right:1px #353e4a solid; padding-bottom:81px}
.footer-c2 h3{ float:left; width:100%; font-size:16px; color:#fff; margin-top:20px}
.footer-c2 span{ float:left; width:25px;height:20px; margin-top:20px; border-top:2px #eb1329 solid}
.footer-c2 p{ float:left; width:100%; font-size:14px; margin-top:0px;}
.footer-c2 p a{ display:block; color:#a9abae; padding-bottom:17px}
.footer-c2 p a:hover{ color:#0069d1}
.footer-right{ float:right; width:270px; }
.footer-right h3{ float:left; width:100%; font-size:16px; color:#fff; margin-top:20px}
.footer-right samp{ float:left; width:25px;height:20px; margin-top:20px; border-top:2px #eb1329 solid}
.footer-right ul{ float:left; width:100%}
.footer-right ul li{ float:left; width:32px; height:32px; display:inline; margin-right:12px; cursor:pointer}
.footer-right ul li a{ display:block; width:32px; height:32px}
.footer-right ul .icon1 a{ background:url(../images/icon-23.svg) no-repeat 0px 0px}
.footer-right ul .icon2 a{ background:url(../images/icon-24.svg) no-repeat 0px 0px}
.footer-right ul .icon3 a{ background:url(../images/icon-25.svg) no-repeat 0px 0px}
.footer-right ul .icon1 a:hover{ background:url(../images/icon-23.svg) no-repeat 0px -32px}
.footer-right ul .icon2 a:hover{ background:url(../images/icon-24.svg) no-repeat 0px -32px}
.footer-right ul .icon3 a:hover{ background:url(../images/icon-25.svg) no-repeat 0px -32px}
.footer-wx{ float:left; width:100%; overflow:hidden; background:url(../images/icon-26.png) no-repeat right center; height:121px; margin-top:22px}
.footer-wx img{ float:left; margin-top:16px}
.footer-wx span{ float:right; width:59%; overflow:hidden; font-size:16px; color:#fff; margin-top:36px}
.footer-wx em{ float:right; width:59%; overflow:hidden; font-size:14px; color:#a9abae; margin-top:10px}
.flink{ width:1444px; margin:0px auto; overflow:hidden; line-height:26px; padding:20px 0px; font-size:14px; color:#a9abae}
.flink a{ color:#a9abae; margin-right:33px;}
.flink a:hover{ color:#0069d1}
.footer-bottom{ width:100%; margin:0px; overflow:hidden; background:#171f29; padding:15px 0px}
.footer-bottom p{ width:1444px; margin:0px auto; overflow:hidden; font-size:14px; color:#a7a9ab}
.footer-bottom p a{ color:#a7a9ab}
.footer-bottom p span{ margin:0px 14px}

/*右飘*/
.right-float{ width:60px; position:fixed;right:2px;top:50%; z-index:2343465}
.right-float a{ display:block; float:left; width:100%; height:100%}
.right-float span{ float:left; width:100%; height:68px; background:url(../images/icon-31.svg) no-repeat; text-align:center}
.right-float span img{ display:inline-block; margin-top:16px}
.right-float span a:hover{ background:url(../images/icon-31-1.svg) no-repeat}
.right-float em{ width:100%; display:block; font-size:10px; color:#fff; margin-top:4px}
.right-float p{ float:left; width:100%; height:68px; background:#1e2835;text-align:center}
.right-float p i{ width:100%; overflow:hidden; height:22px; display:block; background:url(../images/icon-28.svg) no-repeat center; background-size:20px auto; margin-top:19px}
.right-float p samp{ width:100%; overflow:hidden; height:22px; display:block; background:url(../images/icon-29.svg) no-repeat center; background-size:20px auto; margin-top:9px}
.right-float p a:hover i{background:url(../images/icon-32-2.svg) no-repeat center}
.right-float p a:hover samp{background:url(../images/icon-33-2.svg) no-repeat center}
.right-float .top{ float:left; width:100%; height:36px;text-align:center; margin-top:4px;border-radius:2px; overflow:hidden; cursor:pointer}
.right-float .top a{ display:block;background:#1e2835 url(../images/icon-30.svg) no-repeat center}
.right-float .top a:hover{ background-color:#0069d1}

/*微信二维码*/
.weixin{ width:260px; overflow:hidden; height:324px; position:fixed;left:50%;top:150%;border:1px #ddd solid; background:#fff; font-size:12px; color:#555; padding-bottom:16px; z-index:242423; margin-left:-130px; margin-top:-162px}
.weixin span{ float:left; color:#222; font-weight:bold; padding:12px 12px 0px}
.weixin em{ float:right; width:20px; height:20px; font-size:20px; cursor:pointer}
.weixin samp{ float:left; width:100%; overflow:hidden; margin-top:20px; text-align:center; padding-bottom:15px}
.weixin samp img{ width:200px; height:200px}
.weixin p{ float:left; width:100%; line-height:22px; padding-left:12px}
.wxshow{top:50%}

.sj-float{ display:none}
.bottom-fixed{display: none;}


.header .sub-content{
  padding: 0 60px 40px;
}

@media screen and (max-width:1660px){
	
/*底部*/
.footer-left img{ width:160px}
.footer-head{ width:1240px;}
.footer-left{ width:410px;}
.footer-c1{ width:260px; margin-left:80px}
.footer-c1 h3{ float:left; width:100%; font-size:16px; color:#fff; margin-top:20px}
.footer-c2{ width:158px;}
.flink{ width:1240px; }
.footer-bottom p{ width:1240px; }
}


@media screen and (max-width:1440px){
/*头部*/
.header ul{  margin-left:20px;}
.header .sub3{ width:14%}
.header ul li{  margin-left:20px;}
.header .header-norl a{  margin-left:20px}
.header .header-reg{ margin-left:20px;}
.header .header-reg a{  margin-left:20px;}
.header .subnav3{left:410px;}
.header .subnav2{ left:300px;}
.header .subnav3{left:410px;}
.scroll ul{ font-size:14px}
.scroll .header-norl,.scroll .header-reg{ font-size:12px}
.scroll .header-form,.scroll .header-form .txt,.scroll .header-form .button{ line-height:28px; height:28px}
.scroll .header-search{top:23px; }
.scroll .header-search .search-res span{font-size:12px}
.scroll .header .header-reg a{ height:30px; line-height:30px;}
.scroll .header .header-reg a:last-child{ width:90px;}
.header .sub-content{ padding-bottom:20px}
.header .sub-form{ margin-top:18px}
.header .sub-col{ margin-top:0px}
.header .sub-col h3{ font-size:14px; padding-bottom:0px; line-height:30px}
.header .sub-col ul{ margin-top:6px}
.header .sub-col ul li{ margin-top:4px}
.header .sub-col ul li a{ font-size:12px; padding-right:0px;}
.header .subnav2 span a, .header .subnav3 span a{ font-size:12px; line-height:34px; height:34px}
.scroll .subnav2{ left:270px; width:176px}
.scroll .subnav3{left: 384px;width: 160px;}

.scroll .subnav3{ left:270px; width:176px}

/*底部*/
.footer-head{ width:1000px;}
.footer-left img{ width:140px;}
.footer-left{ width:360px;}
.footer-c1{ width:240px; margin-left:50px}
.footer-c2{ width:98px;}
.footer-right{ width:220px; }
.footer-wx span{  width:54%; font-size:16px;}
.footer-wx em{ width:54%;}
.flink{ width:1000px; }
.footer-bottom{padding:24px 0px}
.footer-bottom p{ width:1000px; }
}

@media screen and (max-width:1366px){
/*header*/
.header .logo{ width:140px; height:40px}
.header .sub3{ width:14%}
.header ul{ font-size:14px; margin-top:18px}
.header .header-form{height:28px; width:170px}
.header .header-form .txt{ width:130px; height:28px; line-height:28px; font-size:12px}
.header .header-form .button{ height:28px; }
.header-search{ top:20px;}
.header-search .search-res span{ font-size:12px;}
.header .header-norl,.header .header-reg{ font-size:12px}
.header .header-reg a:last-child{ width:95px; height:28px; line-height:28px; margin-top:5px}
.header .subnav3{left:370px;}
.header .subnav2{ left:260px;}
.header .subnav3{left:260px;}
.scroll ul{ margin-top:7px}
.scroll .header-right{ margin-top:15px}

/*底部*/
.footer-head{margin:30px auto 0px;padding-bottom:20px}
.footer-left{ padding-bottom:46px}
.footer-left img{ width:120px;}
.footer-left h3{font-size:14px;margin-top:10px}
.footer-left p{ font-size:30px; margin-top:12px;}
.footer-left span{ font-size:14px;}
.footer-left em{font-size:12px;}
.footer-c1 h3,.footer-c2 h3,.footer-right h3{font-size:14px; margin-top:10px}
.footer-c1 span,.footer-c2 span,.footer-right samp{margin-top:15px;}
.footer-c1 p{font-size:14px;padding-bottom:12px}
.footer-c2{ padding-bottom:70px}
.footer-c2 p a{padding-bottom:12px}
.footer-wx{ height:111px; margin-top:16px}
.footer-wx img{ float:left; width:70px; height:auto; margin-top:20px}
.footer-wx span{ font-size:14px;}
.footer-wx em{font-size:12px;}
.flink{ padding:12px 0px; font-size:12px;}
.flink a{ margin-right:30px;}
.footer-bottom{ padding:13px 0px}
.footer-bottom p{ font-size:12px;}
}

@media screen and (max-width:1240px){
/*头部*/
.header .logo{width:120px; height:36px; }
.header ul{ margin-top:16px }
.header ul .col{ margin-left:20px; }
.header .header-norl a{ margin-left:12px}
.header .header-reg{margin-left:12px;}
.header .header-reg a{  margin-left:12px;}
.header .subnav3{left:300px;}
.header .subnav2{ left:200px;}
.header .subnav3{left:200px;}
.scroll ul{ margin-top:4px}
.header .sub-col{ margin-left:2%; width:12%}
.header .sub1{ width:10%}
.header .sub2{ width:15%}
.header .sub3{ width:12%}
/*底部*/
.footer-head{ width:900px; margin:50px auto 0px; padding-bottom:22px}
.footer-left{width:246px; border-right:1px #353e4a solid; padding-bottom:40px}
.footer-left p{font-size:30px;}
.footer-left em{width:90%;}
.footer-c1{width:230px; margin-left:30px}
.footer-c2{width:110px;padding-bottom:60px}
.footer-right{ width:250px; }
.flink{ width:900px;}
.flink a{margin-right:23px;}
.footer-bottom{ padding:20px 0px}
.footer-bottom p{ width:900px;} 
}

@media screen and (max-width:960px){
.large-header.in{ top:60px!important}	
/*头部*/
.header{position:fixed;background:#1e2835; height:60px}
.nav{ height:100%}
.header .logo{ float:left; margin-top:11px; padding-left:30px}
.header ul{ float:left; width:auto; overflow:hidden; font-size:16px; color:#fff; display:inline; margin-left:43px; margin-top:36px }
.header ul .col{ float:left; width:auto; display:inline; margin-left:39px; padding-right:15px; background:url(../images/icon-1.svg) no-repeat right center}
.header ul .col a{ color:#fff}
.header .header-right{ display:none}
.subm{ display:inline}
.hamburger { float:right;padding:15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; margin-right:5px; margin-top:4px }
.hamburger:hover {opacity: 0.7; }
.hamburger-box {width:30px;height:20px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:30px;height:3px;background-color: #fff;border-radius: 4px;position: absolute;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--squeeze .hamburger-inner {transition-duration: 0.1s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
.header  ul{ width:100%; position:fixed; height:100%; margin:0px; padding:0px 20px;left:-100%;top:60px; z-index:2345; background:#333; padding-top:100px; overflow-y:scroll;box-sizing:border-box;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.header .prop{left:0%}
.header  ul .col{ width:100%; margin:0px; border-top:1px #888 solid; background:none}
.header  ul .col:nth-child(3){ border-bottom:1px #888 solid}
.header  ul .col a{ float:left; width:100%; overflow:hidden; line-height:50px;background: url(../images/icon-3.svg) no-repeat right center; height:50px}
.header ul .change a{ background: url(../images/icon-1.svg) no-repeat right center}
.headermask{ display:none}
.header .subnav{ display:inline; position: static;}
.header .sub-form{  width:100%; position:absolute;left:0px;top:-10px; display:none; z-index:3456; margin:0px; padding:20px 20px 0px; background:none; height:auto}
.header .sub-form .txt{ width:90%; background:#fff;box-sizing:border-box}
.header .sub-form .button{ width:10%; background-color:#fff}
.header .subm{ width:100%;position:absolute;left:0px;top:45px; display:block; z-index:3456;  padding:0px 20px}
.header .subm p,.header .subm span{ float:left; width:auto; line-height:24px; font-size:12px;}
.header  ul li .subm p a{ float:none; width:auto; color:#eee; margin-right:12px; background:none; display:inline}
.header .subm span{ float:right; display: none;}
.header  ul li .subm span a{float:none; width:auto; color:#eee; margin-left:12px; background:none; display:inline}
.header .sub-col ul{ position: static;margin:0px; padding:0px; background:none;}
.kong{ width:100%; height:100px; overflow:hidden}
.header .sub-content{ background:none; border:none}
.header .sub-col{ width:100%; margin:0px; display:none;}
.header .sub-col h3{ border-bottom:1px #888 solid}
.header ul .col .sub-col h3 a{ background:none;}
.header ul .col .sub-col ul li a{ line-height:40px; color:#ddd;background:none; padding-left:25px}
.header ul .col .sub-col ul li{ border:none; border-bottom:1px #888 solid}
.header .sub-content{ padding:0px; border:none}
.header-search{top:48px; padding:0px 20px}
.header .subnav2,.header .subnav3{ float:left;width:100%; position: static;left:0px;top:px;padding-left:0%; height:0px}
.header .subnav2 span,.header .subnav3 span{ float:left; width:100%; margin-top:15px; overflow:hidden; background:rgba(255,255,255,0.9);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.header .subnav2 span a,.header .subnav3 span a{ width:100%; overflow:hidden; display: block; margin:0px auto; text-align:center; color:#333; font-size:14px; border-bottom:1px #aaa solid; background:none}
.header .subnav2 span a:hover,.header .subnav3 span a:hover{ color:#0069d1}
.header ul .change .subnav2{ height:380px; }
.header ul .change .subnav3{ height:174px; }

.header-search{box-shadow:none}
.header ul .col:first-child{ margin-left:0px}
.show .logo {background: url(../images/logo1.svg) no-repeat center; background-size:100%}
.header .subnav2 span, .header .subnav3 span{ background:none;}
.header .subnav2 span a, .header .subnav3 span a{ color:#fff; text-align:left; padding-left:25px; font-size:12px}

/*底部*/
.footer-head{ width:92%; margin:30px auto 0px;  padding-bottom:12px; border:none}
.footer-left{width:100%; border-right:none; border-bottom:1px #dddd solid; padding-bottom:10px}
.footer-left img{ width:120px;}
.footer-c1{ width:50%; margin-left:0px}
.footer-c2{ float:right; width:40%;border-right:none; padding-bottom:0px}
.footer-c2 p a{padding-bottom:12px}
.footer-right{ float:left; width:100%; border-top:1px #dddd solid; position:relative}
.footer-right ul{ width:auto; position:absolute;left:60px;top:20px}
.footer-wx{ margin-top:0px}
.flink{ display:none}
.footer-bottom{  padding:10px 20px}
.footer-bottom p{ width:100%;  font-size:12px; line-height:22px}
.footer-bottom p span{ margin:0px 10px}

/*右飘*/
.right-float{top:20%;}
.pay{ padding-bottom:0px}
}
@media screen and (max-width:768px){
/*header*/
.header ul li .subm p a{ margin-right:1px}
.header ul li .subm p a.mobile-a{ display: none;}
.header  ul li .subm span a{ margin-left:5px;}
.header .logo{ width:100px; height:30px; margin-top:16px}
.hamburger{ margin-right:0px}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{ width:27px; height:2px}
.hamburger-inner::before {top: -8px;}
.hamburger-inner::after {bottom: -8px;}
.header .subnav2 span, .header .subnav3 span{ margin-top:0px}

/*float*/
.right-float{ display:none}
.sj-float{ width:160px; display:block; height:60px; background:#00AEF3 url(../images/iconWord0.png) no-repeat center;  position:fixed;right:2px; top:60%; z-index:2345;border-radius:4px}
.sj-float a{ width:100%; height:100%; overflow:hidden; display:block; cursor:pointer}

/*底飘*/
.footer{ padding-bottom:40px}
.bottom-fixed{ width:100%; overflow:hidden; position:fixed;left:0px;bottom:0px; background:#1e2835; z-index:34556346; display:block}
.bottom-fixed ul{ float:left; width:100%; overflow:hidden}
.bottom-fixed ul li{ float:left; width:25%; overflow:hidden; height:40px; line-height:40px; text-align:center; border-right:1px rgba(255,255,255,0.3) solid;box-sizing:border-box; font-size:14px}
.bottom-fixed ul li:last-child{border:none}
.bottom-fixed ul li a{ color:#fff; display:block; cursor:pointer}
}

.hot-img{
  margin-left: 10px;
  height: 18px;
  vertical-align: top;
}


.right-add{ position:relative; float:left; width:100%; height:68px}
  .right-drop{width:auto;position:absolute;right:56px;bottom:0px; z-index:234234; display:none}
  .right-menu{width:285px; overflow:hidden; background:#fff;box-shadow:0 0 30px rgba(0, 0, 0, 0.15);border:1px #e6e6e6 solid; cursor:pointer; margin-right:12px	}
  .right-menu .right-h3{ float:left;width:70%; padding:15px 0px 0px 30px; font-size:20px; font-weight:bold; color:#4b494a}
  .right-phone{ float:left; width:80%; padding:1px 0px 9px 30px; font-size:32px; color:#eb1329;font-family:dinpro;}
  .right-zj{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:12px; color:#4b494a; background:#f5f5f5; padding-left:30px}
  
  
  
/*AI 2023-08-28 css*/
.ai_page img{max-width:100%; height:auto}
.weixin-prop{ width:172px; height:240px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-86px 0px 0px -120px; z-index:2345667}
.weixin-close{ width: 20px; height: 20px; position: absolute; right: 2px; top: 14px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; background: url(../images/close-2.png) no-repeat; background-size:12px auto; }
.weixin-img{ float:left; width:160px; margin:38px 0px 0px 10px}
.weixin-img canvas{width:150px;height:150px}
.weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:13px; text-align:center; color:#222; line-height:28px;}

.ai_con2{ padding: 5vw 0; background: url(../images/ai_c2bg.jpg) no-repeat center center; background-size:cover; }
.ai_con2 .ai_pt{color:#fff;}
.m2pt_c3dl{ margin: 2.6vw -10px 0px;display:flex; flex-wrap:wrap; }
.m2pt_c3dl dd{ width:calc(50% - 20px); margin:0 10px 20px;}
.m2pt_c3item{background: #fff; border: 1px solid #C8CDE1; border-radius: 0.6em; position: relative; padding: 0px 50px 0px 190px; transition:all 0.5s ease; }
.m2pt_c3ico{ height: 160px; width: 160px; position: absolute; top: 50%; left: 12px; margin-top: -80px; transition:all 0.5s ease; }
.m2pt_c3txt{ height:200px;display:flex; flex-direction:column; justify-content:center;}
.m2pt_c3txt strong{ font-size: 26px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 32px; }
.m2pt_c3txt p{ font-size: 17px; letter-spacing:1px; margin-top:10px; line-height: 28px; color: #747774; -webkit-line-clamp:3;}
.m2pt_c3dl dd:hover .m2pt_c3ico{transform:rotateY(180deg);}
.m2pt_c3dl dd:hover .m2pt_c3item{transform:translateY(-6px); box-shadow:0 5px 20px rgba(0,0,0,0.1);}
@media (max-width:1799px){
.m2pt_c3txt strong{font-size:22px; line-height:26px;}
.m2pt_c3txt p{font-size:14px; line-height:24px;}
.m2pt_c3item{ padding: 0px 28px 0px 155px;}
.m2pt_c3ico{ height: 120px; width: 120px; margin-top: -60px; }
.m2pt_c3txt{ height:160px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2pt_c3txt p{font-size:13px;}
}
@media (max-width:993px){
.m2pt_c3dl dd{width:100%;}
}
@media (max-width:767px){
.m2pt_c3item{padding-left:15px; padding-right:15px;}
.m2pt_c3ico{position:relative; display:block; left:auto; top:auto; margin-top:0; top:20px; margin:0 auto;}
.m2pt_c3txt strong{text-align:center;}
.m2pt_c3dl{margin-top:25px;}
.m2pt_c3dl dd:hover .m2pt_c3item{transform:translateY(0)!important;}
.ai_con2{padding:30px 0 50px;}
}


.ai_con3{ background: url(../images/ai_c3bg.png) no-repeat center bottom; background-size: cover; position: relative; z-index: 3; padding: 5vw 0 }
.hmc4dls{display:flex; justify-content:space-between; margin-top:2.6vw; border-radius:1.6em; overflow:hidden;}
.hmc4dls dd{ width:16.2%; position:relative; transition:all 0.5s ease;}
.hmc4dls dd.on{ width:80%;}
.hmc4dls dd .bgImg{ height:640px;}
.hmc4dls dd .bgImg:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; background:rgba(0,68,171,0.8); z-index:1;}
.hmc4dls dd .bgImg:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s ease; background: url(../images/ai_c3sbg1.png) no-repeat left top; opacity:0; z-index:1; background-size:cover;}
.hmc4dls dd.on .bgImg img{z-index:0;}
.hmc4dls dd.on .bgImg:before{ opacity:0;}
.hmc4dls dd.on .bgImg:after{ opacity:1;}
.hmc4dnm{ position:absolute; left:0; top:0; right:0; bottom:0; text-align:center;display:flex; flex-direction:column; justify-content:center; z-index:2; transition:all 0.5s ease;}
.hmc4dnm span{ display:block; width:60px; height:60px; margin:0 auto}
.hmc4dnm p{ font-size: 24px; line-height: 36px; letter-spacing: 2px; display: block; margin-top: 20px; color:#fff;}
.hmc4layer{ position:absolute; left:0; top:0; bottom:0; width:76.65%; padding-left:6.51%;display:flex; flex-direction:column; justify-content:center; color:#fff; z-index:3; opacity:0; transform:translateY(50px)}
.on .hmc4layer{opacity:1; transition-delay:0.3s; transform:translateY(0)}
.hmc4layer strong{ font-size: 32px; line-height: 32px; letter-spacing: 1px; display: block; font-weight:normal}
.hmc4tags{ max-width: 615px; margin: 12px 0px 45px; }
.hmc4layer .hmc4tags:last-child{margin-bottom:0!important;}
.hmc4tags span{ font-size: 16px; letter-spacing: 1px; background: url(../images/hmc4ico.png) no-repeat left center; padding-left: 27px; line-height: 36px; display: inline-block; margin-right:25px; white-space:nowrap;}
.hmc4m{ margin-top:40px; opacity: 0.1; transition:all 0.5s ease; opacity:0; transform:translateY(50px);}
.hmMore{ font-size: 14px; line-height: 40px; text-align: center; padding: 0px 32px; min-width: 120px; border: 1px solid #FFF; color: #FFF; display: inline-block; border-radius:2em; }
.hmMore:hover,.hmMoreWpr:hover .hmMore{ color: #166ef4; background: #FFF; transform:translateY(-5px);}
.hmc4dls dd.on .hmc4dnm{transform:translateY(80px); opacity:0;}
@media (max-width:1799px){
.hmc4dls dd .bgImg{height:450px;}
.hmc4dnm span{width:42px; height:42px;}
.hmc4dnm p{font-size:22px; line-height:32px; margin-top:12px;}
.hmMore{line-height:36px; font-size:13px;}
.hmc4layer strong{ font-size:24px; line-height: 30px; letter-spacing: 1px;}
.hmc4tags{ max-width:500px; margin:10px 0px 30px;}
.hmc4tags span{ font-size: 12px; padding-left: 24px; line-height: 30px; width: 120px; }
.hmc4m{ margin-top:20px;}
.hmc4dls dd .bgImg:after{background-size:auto 120%;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc4layer strong{font-size:21px;}
}
@media (max-width:993px){
.hmc4layer{width:auto; padding-left:25px; padding-right:25px;}
.hmc4dnm p{font-size:20px;}
.hmc4dls dd .bgImg{height:400px;}
.hmc4layer p{line-height:24px;}
.hmc4tags{margin:6px 0px 20px;}
}
@media (max-width:767px){
.ai_con3{padding:12vw 0;}
.hmc4dls{margin-top:25px; display:block}
.hmc4dnm{transform:translateY(80px); opacity:0;}
.hmc4layer h4{opacity:0.2; transform:translateY(0); transition-delay:0.2s;}
.hmc4layer strong{opacity:1; transform:translateY(0); transition-delay:0.35s;}
.hmc4layer p{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.hmc4layer .hmc4tags{opacity:1; transform:translateY(0); transition-delay:0.65s;}
.hmc4layer .hmc4m{opacity:1; transform:translateY(0); transition-delay:0.8s;}
.hmc4dls dd{ width:100%;}
.hmc4dls dd .bgImg img{z-index:0;}
.hmc4dls dd .bgImg:before{ opacity:0;}
.hmc4dls dd .bgImg:after{ opacity:1;}
.hmc4layer h4{font-size:60px;}
.hmc4layer strong{font-size:24px; line-height:26px;}
.hmc4dls dd .bgImg{height:450px;}
.hmc4layer{display:block; padding-top:25px;}
.hmc4dls .slick-dots{bottom:30px;}
.hmc4dls .slick-dots li button{display:none;}
.hmc4dls .slick-dots li { background:rgba(255,255,255,0.3); display: inline-block; height: 7px; width: 7px; margin: 0px 5px; border-radius:50%;}
.hmc4dls .slick-dots li.slick-active{ background: #fff;}
.ai_page{padding-top:60px;}
.hmc4layer strong{font-size:20px; line-height:22px;}
}


.nfooter{ background:#1e2835;}
.nfoot_top{display:flex; justify-content:space-between;}
.nftlx{ padding:60px 0 65px; border-right:1px solid #29333F;width:24.47vw; padding-right:2vw;}
.nft_logo{}
.nft_logo img{ height:63px;}
.nft_lx1{ line-height: 26px; margin-top: 25px; font-size: 18px; color: #7d8593;  }
.nft_tel{ font-size: 34px; line-height: 40px; color: #FFF; margin-top: 9px; font-family:'DINPro-Regular'; }
.nft_info{ padding-top: 10px;}
.nft_info p{ font-size: 16px; color: #7d8593; line-height: 24px; margin-top: 8px; position: relative; padding-left: 26px; }
.nft_info p:nth-child(1){ background: url(../images/ai_foot_ico1.png) no-repeat left 2px; }
.nft_info p:nth-child(2){ background: url(../images/ai_foot_ico2.png) no-repeat left 2px; }
.nftmx{ border-right:1px solid #29333F; padding-left:6.25vw; padding-top:90px; width:32.29vw;}
.nftmx dl{}
.nftmx dl dt,.nftrx dl dt{ font-size: 18px; color: #ecf0f7; line-height: 60px; position: relative; }
.nftmx dl dt:after,.nftrx dl dt:after{ content: ""; background: #255DBC; height: 2px; width: 16px; position: absolute; left: 0px; bottom: 0px; }
.nftmx dl dd{ font-size:16px; color:#7d8593; line-height:34px; margin-top:15px;}
.nft_a1{ color: #7d8593; display: inline-block; width: 8.07vw; }
.nft_a1:hover{ color: #9BA2AC; }
.nftrx{ width:26.82vw; padding-left:5.2vw; padding-top:90px;}
.nftrx dd{ margin-top: 15px; padding: 14px 0; background: url(../images/foot_line.png) repeat-y left top; display: flex; }
.nft_wx{}
.nft_wx img{ width:92px; height:92px; display:block;}
.nftrx dd p{ padding-left: 22px; display: flex; flex-direction: column; justify-content: center; font-size: 16px; line-height: 24px; color: #FFF; }
.nfoot_bom{}
.nflx{}
.nflx span{}
.nfrx{}
.nfoot_bom{ padding:35px 0; overflow:hidden; overflow:hidden; color:#7d8593; border-top:1px solid #29333F;}
.nfoot_bom a,.nfoot_bom a:hover{color:#7d8593;}
.nfblx{ float: left; font-size: 16px; line-height: 34px; }
.nfblx span{ display:inline-block; margin-right:20px;}
.nfbrx{ float:right;}
.foot_sa{ display: inline-block; cursor:pointer; height: 34px; width: 34px; border: 1px solid #FFF; margin-left: 7px; border-radius:50%; opacity:0.2;}
.foot_sa:hover{ opacity:0.5}
.foot_sa1{ background: url(../images/foot_i1.png) no-repeat center center; }
.foot_sa2{ background: url(../images/foot_i2.png) no-repeat center center; }
.foot_sa3{ background: url(../images/foot_i3.png) no-repeat center center; }
@media (max-width:1799px){
.nftlx{ padding:40px 0 45px;}
.nft_logo img{ height:50px;}
.nft_lx1{ margin-top: 20px; font-size: 16px; }
.nft_tel{ font-size: 28px; line-height: 30px; margin-top: 8px;}
.nft_info{ padding-top: 8px;}
.nft_info p{ font-size: 14px; margin-top: 6px;}
.nftmx{ padding-top:70px}
.nftmx dl dt,.nftrx dl dt{ font-size: 16px; line-height: 54px;}
.nftmx dl dd{ font-size:15px; line-height:32px; margin-top:12px;}
.nftrx{padding-top:70px;}
.nftrx dd{ margin-top:14px;}
.nft_wx img{ width:86px; height:86px; display:block;}
.nftrx dd p{ padding-left: 15px; font-size: 15px; line-height: 22px; }
.nfoot_bom{ padding:25px 0;}
.nfblx{ font-size: 14px; line-height: 34px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.nftmx{padding-left:3.2vw;}
.nftrx{padding-left:3vw;}
.nftlx{padding-right:2vw;}
.nftlx{width:34vw;}
}
@media (max-width:993px){
.nfooter{padding-bottom:40px;}
.nfoot_bom{padding:15px 0; border-bottom:1px solid #29333F;}
.nfblx span{margin-right:10px;}
.nftrx dd p{font-size:13px;}
}
@media (max-width:767px){
.nfoot_top{display:block;}
.nftlx{width:100%; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0}
.nftmx{width:100%; padding-left:0; padding-right:0; padding-top:0}
.nftrx{width:100%; padding-left:0; padding-right:0; padding-top:0px}
.nft_logo{display:block; text-align:center;}
.nft_lx1,.nft_tel{text-align:center;}
.nft_a1{width:30%;}
.nfblx{width:100%; text-align:center; line-height:22px;}
.nfbrx{width:100%; text-align:center; margin-top:8px;}
}


.bgImg{position:relative; height: 100%;}
.bgImg img{display:block!important; width:100%; height:100%; object-fit: cover;}
.container{width:84vw; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;}
.ai_banner{ position:relative;}
.ai_banner .bgImg{ height:39.58vw;}
.ban_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding-top:50px;}
.ban_txt strong{ font-size: 48px; line-height: 58px; display: block; font-weight: normal; letter-spacing:4px; }
.ban_txt p{ font-size: 24px; line-height: 36px; letter-spacing: 2px; margin-top: 15px; }
.ban_tags{ margin-top: 35px; color:#666 }
.ban_tags span{ display: inline-block; background: url(../images/ai_ban_ico.png) no-repeat left center; padding-left: 27px; font-size: 16px; margin-right: 25px; }
.ai_con1{ background: #f5f7fa; padding:5vw 0}
.ai_pt{ font-size: 44px; line-height: 44px; letter-spacing: 3px; text-align: center; }
.ai_c1ul{display:flex; flex-wrap:wrap; margin:2.6vw -12px 0}
.ai_c1ul li{ width:calc(25% - 24px); margin:0 12px 24px; position:relative; border-radius:0.8em; box-shadow:0 3px 18px rgba(0,0,0,0.1); overflow:hidden; transition:all 0.5s ease;}
.ai_c1ul li:hover{transform:translateY(-8px); box-shadow:0 10px 25px rgba(0,103,205,0.3);}
.ai_c1dx{ display: block; height: 258px; text-align: center; padding: 48px 35px 0px; position:relative; background:#fff; }
.ai_c1dx strong{ font-size: 26px; font-weight: normal; letter-spacing: 4px; display: block; line-height: 32px; margin-top: 28px; color:#333; }
.ai_c1dx p{ font-size: 14px; color: #888d9e; line-height: 30px; letter-spacing: 1px; }
.ai_c1ico{ display:inline-block; width:80px; height:80px;}
.ai_c1hx{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-repeat:no-repeat; padding: 60px 35px 0px; color: #FFF; opacity:0; transition:all 0.5s ease;}
.ai_c1hx strong{ font-size: 26px; line-height: 36px; font-weight: normal; letter-spacing: 1px; display: block; margin-bottom:10px; }
.ai_c1hx p{ font-size: 15px; line-height: 24px; margin-top: 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden }
.ai_c1btn{ text-align:center; margin-top:25px;}
.ai_c1ul li:hover .ai_c1hx{ opacity:1;}
.ai_c1ul li:hover .ai_c1dx{ opacity:0;}
.ai_c1more{ line-height: 48px; text-align: center; display: inline-block; width: 178px; font-size: 18px; color: #FFF; background: #0069D1; letter-spacing: 1px; transition:all 0.5s ease; border-radius:2em; }
.ai_c1more:hover{transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,103,205,0.3);}
@media (max-width:1799px){
.container{width:86vw;}
.ban_txt strong{ font-size: 38px; line-height: 48px; letter-spacing:3px; }
.ban_txt p{ font-size: 21px; line-height: 32px; letter-spacing: 1px; margin-top: 12px; }
.ban_tags{ margin-top: 30px;}
.ban_tags span{ padding-left: 24px; font-size: 15px; margin-right: 20px; background-size:18px auto; }
.ai_pt{ font-size:32px; line-height: 32px; letter-spacing: 2px;}
.ai_c1ul{ margin:2.6vw -8px 0}
.ai_c1ul li{ width:calc(25% - 16px); margin:0 8px 16px;}
.ai_c1dx{ height: 228px; padding:45px 20px 0px; }
.ai_c1dx strong{ font-size: 22px; letter-spacing:2px;line-height:28px; margin-top:15px; }
.ai_c1dx p{ font-size: 14px; line-height: 28px; }
.ai_c1ico{width:60px; height:60px;}
.ai_c1hx{ padding: 36px 20px 0px; }
.ai_c1hx strong{ font-size: 22px; line-height: 30px; margin-bottom:8px; }
.ai_c1hx p{ font-size: 14px; line-height: 22px; margin-top: 5px;-webkit-line-clamp:5; }
.ai_c1more{ line-height: 46px; width: 170px; font-size: 16px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.container{width:94vw;}
.ai_c1dx strong{font-size:18px;}
.ai_c1hx strong{font-size:18px;}
.ai_c1hx p{font-size:12px;}
.ai_pt{font-size:24px;}
.ban_txt strong{ font-size: 30px; line-height: 40px; letter-spacing:2px; }
.ban_txt p{ font-size: 18px; line-height: 28px;}
.ban_tags{ margin-top: 25px;}
.ban_tags span{font-size:13px;}
}
@media (max-width:993px){
.ai_c1ul li{ width:calc(33.33% - 16px);}
.container{width:100%;}
}
@media (max-width:767px){
.ai_banner .bgImg{height:200px;}
.ban_txt{padding-top:0;}
.ban_txt strong{font-size:20px; line-height:24px;}
.ban_txt p{font-size:16px; line-height:26px; margin-top:6px;}
.ban_tags{margin-top:10px;}
.ban_tags span{font-size:12px; margin-right:12px; margin-bottom:4px;}
.ai_pt{font-size:22px; letter-spacing:0}
.ai_con1{padding:30px 0 50px;}
.ai_c1ul{margin-top:20px;}
.ai_c1ul li {width: calc(100% - 16px);}
.ai_c1ul li:hover{transform:translateY(0)!important;}
.ai_c1dx strong{font-size:20px;}
}


.ai_con4{ background: url(../images/ai_c4bg.jpg) no-repeat center center; padding: 5.5vw 0px 5vw; color: #FFF; text-align:center; background-size:cover;}
.ai_c4btn{ margin-top:38px; text-align:center}
.ai_askBtn{ line-height: 48px; text-align: center; display: inline-block; width: 178px; font-size: 18px; color: #0069D1; background: #FFF; letter-spacing: 1px; transition:all 0.5s ease; border-radius:2em; cursor:pointer; }
.ai_askBtn:hover{transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,103,205,0.3);}
@media (max-width:1799px){
.ai_c4btn{margin-top:30px;}
.ai_askBtn{ line-height: 46px; width: 162px; font-size: 16px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.ai_con4{padding:50px 0;}
.ai_c4btn{margin-top:20px;}
}


.ai_con5{ padding: 5vw 0px; }
.ai_c5lst{ display: flex; flex-wrap: wrap; margin: 2.6vw -17px 0px; }
.ai_c5lst dd{ width:calc(33.33% - 34px); margin:0 17px; position:relative; border-radius:0.8em; overflow:hidden; transition:all 0.5s ease;}
.ai_c5item{ display:block;}
.ai_c5item .bgImg{ height:17.7vw; max-height:340px;}
.ai_c5nm{ font-size: 18px; line-height: 56px; padding: 0px 25px; color: #FFF; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 0px; background:rgba(32,41,69,0.6); height:56px; overflow:hidden; }
.ai_c5layer{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,105,209,0.8);display:flex; flex-direction:column; justify-content:center; color:#fff; padding:0 40px; color:#fff; transition:all 0.5s ease; opacity:0}
.ai_c5layer strong{ font-size: 26px; line-height: 38px; font-weight: normal; letter-spacing: 1px; display: block; transition:all 0.5s ease; opacity:0; transform:translateY(30px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden }
.ai_c5layer p{ text-align: justify; font-size: 16px; line-height: 30px; margin-top: 12px; transition:all 0.5s ease; opacity:0; transform:translateY(30px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden; }
.ai_c5lst dd:hover {transform:translateY(-10px); box-shadow:0 10px 25px rgba(0,103,205,0.3);}
.ai_c5item:hover .ai_c5layer{ opacity:1;}
.ai_c5item:hover .ai_c5layer strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.ai_c5item:hover .ai_c5layer p{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
@media (max-width:1799px){
.ai_c5lst{margin: 2.6vw -12px 0px; }
.ai_c5lst dd{ width:calc(33.33% - 24px); margin:0 12px;}
.ai_c5nm{ font-size: 16px; line-height: 50px; height:50px; padding: 0px 20px;}
.ai_c5layer{padding:0 20px;}
.ai_c5layer strong{ font-size: 21px; line-height: 30px; }
.ai_c5layer p{font-size: 14px; line-height: 24px; margin-top: 10px;-webkit-line-clamp:4;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.ai_c5item .bgImg{height:20vw;}
}
@media (max-width:993px){
.ai_c5layer strong{font-size:14px;}
.ai_c5layer p {font-size: 12px;line-height: 20px;margin-top: 2px;-webkit-line-clamp: 5;}
}
@media (max-width:767px){
.ai_con5{padding:30px 0 50px;}
.ai_c5lst{margin-top:25px;}
.ai_c5lst dd:hover{transform:translateY(0);}
.ai_c5lst dd {width: calc(100% - 24px);margin: 0 12px; margin-bottom:15px;}
.ai_c5item .bgImg{height:56vw;}
.ai_c5layer strong{font-size:18px;}
.ai_c5layer p{font-size:14px; margin-top:10px; line-height:22px;}
}