html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

/* body{margin:0;max-width:1920px;margin:0 auto;} */

body{margin:0;margin:0 auto;overflow-x:hidden;}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block}

audio:not([controls]){display:none;height:0}

progress{vertical-align:baseline}

[hidden],template{display:none}

a{background-color:transparent;-webkit-text-decoration-skip:objects}

a:active,a:hover{outline-width:0}

abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}

b,strong{font-weight:inherit}

b,strong{font-weight:bolder}

dfn{font-style:italic}

h1{font-size:2em;margin:.67em 0}

mark{background-color:#ff0;color:#000}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sub{bottom:-.25em}

sup{top:-.5em}

img{border-style:none}

svg:not(:root){overflow:hidden}

code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

figure{margin:1em 40px}

hr{box-sizing:content-box;height:0;overflow:visible}

button,input,select,textarea{font:inherit;margin:0}

optgroup{font-weight:700}

button,input{overflow:visible}

button,select{text-transform:none}

[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}

fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}

legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}

textarea{overflow:auto}

[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

::-webkit-input-placeholder{color:inherit;opacity:.54}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}



html{font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-text-size-adjust:none;}

html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}

a{text-decoration: none;color:#666;}

ul,ol{list-style: none;}

table{border-collapse: separate;border-spacing: 0;}

a,img{-webkit-touch-callout: none;}

a,input,button{outline:0;border:none;}

*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}

body{background:#fff;margin:0 auto;font-size:14px;}

html{margin: 0 auto;color:#666;}

img{display:block;max-width:100%;}



a{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}



@font-face {

    font-family:'BEBAS';

    src: url('../fonts/BEBAS.eot');

    src: url('../fonts/BEBAS.eot?#iefix') format('embedded-opentype'),

    url('../fonts/BEBAS.woff2') format('woff2'),

    url('../fonts/BEBAS.woff') format('woff'),

    url('../fonts/BEBAS.ttf') format('truetype'),

    url('../fonts/BEBAS.svg#en') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family:'Acrom';

    src: url('../fonts/Acrom.eot');

    src: url('../fonts/Acrom.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Acrom.woff2') format('woff2'),

    url('../fonts/Acrom.woff') format('woff'),

    url('../fonts/Acrom.ttf') format('truetype'),

    url('../fonts/Acrom.svg#en') format('svg');

    font-weight: normal;

    font-style: normal;

}



body{font-family:'Acrom';transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}



.clearfix{*zoom:1;}

.clearfix::before{display:table;content:"";}

.clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}



.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}



.w1200{max-width:1200px;margin:0 auto;}

.w1400{max-width:1400px;margin:0 auto;}



@media screen and (max-width:1400px){.w1400{padding:0 80px;}}

@media screen and (max-width:1025px){.w1400{padding:0 15px;}}

@media screen and (max-width:1200px){.w1200{padding:0 15px;}}



.overh{overflow:hidden;}



.height10{height:10px;clear:both;}

.height20{height:20px;clear:both;}

.height30{height:30px;clear:both;}



.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}

.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}

.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}



.bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}



.bg-cover{background-size:cover;}

.bg-repeat{background-repeat:no-repeat;}

.bg-cc{background-position:center center;}



.page{/*padding-top:120px;*/}

.page.fixed{padding-top:50px;}



.header{background:#fff;color:#fff;width:100%;z-index:999;height:120px;position:relative;left:0;top:0;width:100%;}

.header .logo{margin-top:40px;}

.header .menu{width:50px;height:50px;background:url(../images/menu.png) no-repeat center center;display:none;}

.header .menu.active{background:url(../images/close.png) no-repeat center center;}

.header .nav{float:right;margin-top:50px;}

.header .nav > ul{}

.header .nav > ul > li{position:relative;float:left;margin-right:25px;height:55px;}

.header .nav > ul > li.lang{display:none;}

.header .nav > ul > li > a{color:#333;text-transform:uppercase;padding-bottom:10px;border-bottom:3px solid transparent; font-size:20px;}

.header .nav > ul > li.active > a,.header .nav > ul > li:hover > a{border-bottom:3px solid #ff5801;}

/*.header .nav > ul > li.product .drowdown .box .row .col > a:hover,.header .nav > ul > li .drowdown ul li a:hover{color:#ff5801;}*/

.header .nav > ul > li .drowdown{position:absolute;width:200px;top:55px;/*border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/margin-left:-60px;padding-top:0;z-index:2;display:none;        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.header .nav > ul > li .drowdown .box{position:relative;background:#fff;/*border-radius:5px;padding-top:1px;*/}

/*.header .nav > ul > li .drowdown .box:before{position:absolute;content:'';border-bottom:25px solid #fff;top:-15px;border-left:25px solid transparent;border-right:25px solid transparent;left:50%;margin-left:-25px;}*/

.header .nav > ul > li .drowdown ul{/*border-radius:5px;*/padding:0px 0;}

.header .nav > ul > li .drowdown ul li{border-bottom:1px solid #cdcdcd; position:relative; z-index:9;}

.header .nav > ul > li .drowdown ul li a{display:block;text-align:center;font-family:Arial;font-size:16px;color:#333;line-height:45px;}

.header .nav > ul > li .drowdown ul li a:hover{background:#ff5801; color:#fff;}

.header .nav > ul > li .drowdown > ul > li > a:hover{ background:#ff5801;color:#fff;}

.header .nav > ul > li .drowdown ul li:last-child{border-bottom:none;}

.header .nav > ul > li .drowdown ul li:hover > a{ background:#ff5801; color:#fff;}



.header .nav > ul > li .drowdown ul li a.mdown{ background:url(../images/menu_right.png) no-repeat 96% 50% #fff;}

.header .nav > ul > li .drowdown ul li:hover a.mdown{ background:url(../images/menu_right_on.png) no-repeat 96% 50% #ff5801; color:#fff;}

.header .nav > ul > li .drowdown ul li dl{ position:absolute; z-index:10; left:200px; top:0;/*border-radius:5px;*/padding:0px 0; background:#fff; width:200px; display:none;}

.header .nav > ul > li .drowdown ul li dl dd{ border:0;border-bottom:1px solid #cdcdcd;}

.header .nav > ul > li .drowdown ul li dl dd:last-child{border-bottom:none;}



@media screen and (min-width:1025px) {

.header .nav > ul > li:hover .drowdown{ display:block;}

}

.header .nav > ul > li .drowdown ul li:hover dl{ display:block;}

.header .nav > ul > li .drowdown ul li dl dd a{ font-size:13px; font-style:normal;}

.header .nav > ul > li .drowdown ul li dl dd a:hover{background:#ff5801; color:#fff;}





.header .nav > ul > li.product .drowdown{width:1000px;left:-480px;}

.header .nav > ul > li.product .drowdown .box{padding-bottom:45px;}

.header .nav > ul > li.product .drowdown .box:before{left:50%;margin-left:70px;}

.header .nav > ul > li.product .drowdown .box .row{margin-top:55px;}

.header .nav > ul > li.product .drowdown .box .row .col{width:33.33%;float:left;padding:0px 30px;}

.header .nav > ul > li.product .drowdown .box .row .col > a{padding-bottom:15px;border-bottom:1px solid #b3b3b3;color:#333;display:block;font-size:18px;font-family:Arial;font-weight:bold;}

.header .nav > ul > li.product .drowdown .box .row .col ul{margin-top:10px;padding:0;}

.header .nav > ul > li.product .drowdown .box .row .col ul li{border-bottom:none;}

.header .nav > ul > li.product .drowdown .box .row .col ul li a{font-family:Arial;position:relative;padding-left:10px;text-align:left;font-weight:normal;font-size:14px;line-height:30px;}

.header .nav > ul > li.product .drowdown .box .row .col ul li a:before{position:absolute;content:'';top:50%;margin-top:-2px;width:4px;height:4px;border-radius:100%;background:#8a8a8a;left:0;}



.page .header .nav > ul > li .drowdown{top:50px;}

.page .header .nav > ul > li.product .drowdown{left:-290px;}

.page .header .nav > ul > li.product .drowdown .box:before{left:50%;margin-left:-110px;}



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

    .header .nav > ul > li.product .drowdown{width:1150px;left:-565px;}

    .header .nav > ul > li.product .drowdown .box:before{margin-left:15px;}

    .header .nav > ul > li.product .drowdown .box{padding-bottom:20px;}

    .header .nav > ul > li.product .drowdown .box .row{margin-top:30px;}

    .header .nav > ul > li.product .drowdown .box .row .col{padding:0px 20px;}



    .page .header .nav > ul > li.product .drowdown{left:-420px;}

    .page .header .nav > ul > li.product .drowdown .box:before{margin-left:-65px;}

}



.header .search-box{position:relative;margin-top:45px;height:75px;}

.header .search-box .icon{width:38px;height:38px;background:url(../images/icon001.png) no-repeat center center;cursor:pointer;}

.header .search-box .box{position:absolute;width:0;height:45px;right:0;margin-top:20px;overflow:hidden;z-index:2;}

.header .search-box .box input{height:45px;}

.header .search-box .box input[type=text]{background:#fff;border-radius:3px;height:45px;width:100%;padding:0px 10px;padding-right:55px;}

.header .search-box .box input[type=submit]{position:absolute;width:45px;height:45px;right:0;top:0;background:url(../images/icon01-grary.png) no-repeat center center;cursor:pointer;}

.header .search-box:hover .box{width:375px;}



.header.fixed{background:#fff;height:102px; position:fixed;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.header.fixed .logo{margin-top:30px;}

.header.fixed .logo img{max-width:90%;}

.header.fixed .nav{margin-top:35px;}

.header.fixed .search-box{margin-top:31px;}

.header.fixed .nav > ul > li.active > a,.header.fixed .nav > ul > li:hover > a{color:#333;}



.index-header{height:155px;background:none;}

.index-header .logo{margin-top:63px;}

.index-header .nav{margin-top:70px;}

.index-header .search-box{margin-top:60px;height:100px;}

.index-header .nav > ul > li.active > a,.index-header .nav > ul > li:hover > a{border-bottom:3px solid #ff5801;}

/*.index-header .nav > ul > li.active > a,.index-header .nav > ul > li:hover > a,.index-header .nav > ul > li .drowdown ul li a:hover,.index-header .nav > ul > li.product .drowdown .box .row .col > a:hover{color:#ff5801;}*/



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

    .header .nav > ul > li{margin-right:40px;}

}

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

    body{/*padding-top:50px !important;*/}

    .header{height:50px;background:#fff;}

    .header .menu{display:block;}

    .header .index-content{padding-right:10px;}

    .header .logo{margin-top:15px;}

    .header .logo img{max-width:50%;}

    .header .nav{margin-top:0px;position:fixed;left:0;top:50px;height:100%;background:#fff;display:none;-webkit-transition:0ms ease-out;}

    .header .nav > ul{padding:0px 10px;}

    .header .nav > ul > li{width:100%;margin:0;height:auto;border-bottom:1px solid #c3c3c3;}

    .header .nav > ul > li > a{width:100%;display:block;color:#333;padding:0px 15px;line-height:45px;padding-bottom:0;border-bottom:none !important;background:url(../images/icon04.png) no-repeat right center; font-size:14px;}

    .header .nav > ul > li > a.active{background:url(../images/icon05.png) no-repeat right center;}

    .header .nav > ul > li.lang{color:#333;display:block;}

    .header .nav > ul > li.lang span{margin:0px 10px;}

    .header .nav > ul > li.lang > a{width:100%;display:inline-block;color:#333;width:auto;background:none;}



    .header .nav > ul > li .drowdown{position:static;width:100%;margin-left:0;padding-top:0;box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);}

    .header .nav > ul > li .drowdown .box{border-radius:0;}

    .header .nav > ul > li .drowdown .box:before{display:none;}

    .header .nav > ul > li .drowdown ul{border-top:1px solid #c3c3c3;width:100%;border-radius:0;padding:0;}

    .header .nav > ul > li .drowdown ul li{}

    .header .nav > ul > li .drowdown ul li a{text-align:left;font-weight:normal;font-size:14px;padding-left:30px;line-height:45px;}



    .header .nav > ul > li.product .drowdown{width:100%;}

    .header .nav > ul > li.product .drowdown .box{padding-bottom:0;border-top:1px solid #c3c3c3;}

    .header .nav > ul > li.product .drowdown .box .row{margin-top:0;}

    .header .nav > ul > li.product .drowdown .box .row .col{width:100%;padding:0;}

    .header .nav > ul > li.product .drowdown .box .row .col > a{padding-bottom:0;line-height:45px;font-size:14px;font-weight:normal;padding-left:30px;}

    .header .nav > ul > li.product .drowdown .box .row .col ul{display:none;}

    .header .nav > ul > li.product .drowdown .box .row:last-child .col:last-child > a{border-bottom:none;}



    .header .search-box{margin-top:6px !important;display:none;}

}





.footer-itme01{background:#00859b;color:#fff;}

.footer-itme01 a{color:#fff;}

.footer-itme01 .item01{padding-top:95px;margin-left:5%;}

.footer-itme01 .item01 .tit{font-size:30px;}

.footer-itme01 .item01 .txt{margin-top:45px;font-size:18px;line-height:30px;}

.footer-itme01 .item02{padding-top:95px;margin-left:20%;}

.footer-itme01 .item02 .tel{font-size:24px;}

.footer-itme01 .item02 .tel i{width:50px;height:50px;border-radius:100%;background:#fff url(../images/icon03.png) no-repeat center center;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:15px;}

.footer-itme01 .item02 > a{width:275px;height:55px;line-height:55px;margin-top:40px;text-align:center;color:#ff5801;background:#fff;border-radius:30px;display:block;font-size:16px;}



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

    .footer-itme01 .item02{margin-left:8%;}

}

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

    .footer-itme01 .item01{margin-left:2%;}

    .footer-itme01 .item02{margin-left:20px;}

}

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

    .footer-itme01{padding:40px 15px;text-align:center;}

    .footer-itme01 .img{display:none;}

    .footer-itme01 .item01,.footer-itme01 .item02{width:100%;margin-left:0;}

    .footer-itme01 .item01{padding-top:0;}

    .footer-itme01 .item01 .tit{font-size:22px;}

    .footer-itme01 .item01 .txt{font-size:14px;line-height:22px;margin-top:20px;}

    .footer-itme01 .item02{padding-top:25px;}

    .footer-itme01 .item02 .tel{font-size:20px;}

    .footer-itme01 .item02 .tel i{width:40px;height:40px;margin-right:5px;}

    .footer-itme01 .item02 > a{margin:0 auto;margin-top:20px;width:180px;height:35px;line-height:35px;font-size:14px;}

}





.footer-item02{padding:95px 0;}

.footer-item02 .contxt{color:#333;margin-left:10%;}

.footer-item02 .contxt .txt{font-size:18px;line-height:30px;}

.footer-item02 .foot-nav{margin-left:10%;}

.footer-item02 .foot-nav a{color:#333;font-size:18px;line-height:30px;display:block;}

.footer-item02 .foot-nav a:hover{color:#ff5801;}

.footer-item02 .share{margin-left:12%;width:175px;}

.footer-item02 .share .tit{font-size:18px;color:#ff5801;}

.footer-item02 .share a{width:44px;height:44px;float:left;display:block;margin-top:20px;margin-right:20px;}

.footer-item02 .share a:last-child{margin-right:0;}

.footer-item02 .share a.icon01{background:url(../images/icon-facebook.png) no-repeat center center;}

/*.footer-item02 .share a.icon02{background:url(../images/icon-twitter.png) no-repeat center center;}

.footer-item02 .share a.icon03{background:url(../images/icon-linkin.png) no-repeat center center;}

.footer-item02 .share a.icon01:hover{background:url(../images/icon-facebook-h.png) no-repeat center center;}

.footer-item02 .share a.icon02:hover{background:url(../images/icon-twitter-h.png) no-repeat center center;}

.footer-item02 .share a.icon03:hover{background:url(../images/icon-linkin-h.png) no-repeat center center;}*/

.footer-item02 .share a.icon02{background:url(../images/icon-youtube.png) no-repeat center center;}

.footer-item02 .share a.icon03{background:url(../images/icon-whatsapp.png) no-repeat center center; position:relative; z-index:9;}

.footer-item02 .share a.icon01:hover{background:url(../images/icon-facebook-h.png) no-repeat center center;}

.footer-item02 .share a.icon02:hover{background:url(../images/icon-youtube-h.png) no-repeat center center;}

.footer-item02 .share a.icon03:hover{background:url(../images/icon-whatsapp-h.png) no-repeat center center;}

.footer-item02 .btn{}

.footer-item02 .btn a{display:block;width:215px;height:60px;line-height:60px;border-radius:30px;box-shadow:0px 0px 15px rgba(0,0,0,0.1);text-align:center;margin-bottom:20px;color:#333;}

.footer-item02 .btn a:last-child{margin-bottom:0;}

.footer-item02 .btn a:hover{background:#ff5801;color:#fff;}



.footer-item02 .share a.icon03 .ewm{ width:110px; height:110px; position:absolute; z-index:10; top:50px; left:-40px; display:inline-block; max-width:auto; display:none;}

.footer-item02 .share a.icon03:hover .ewm{ display:block;}



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

    .footer-item02 .contxt,.footer-item02 .foot-nav,.footer-item02 .share{margin-left:5%;}

}

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

    .footer-item02{padding:40px 0;}

    .footer-item02 .logo,.footer-item02 .contxt,.footer-item02 .foot-nav{display:none;}

    .footer-item02 .share{width:100%;text-align:center;margin:0;float:none;}

    .footer-item02 .share a{display:inline-block;float:none;margin-top:15px;}

    .footer-item02 .btn{width:100%;float:none;margin-top:25px;}

    .footer-item02 .btn a{width:200px;height:35px;line-height:35px;margin:0 auto;font-size:14px;margin-top:15px;}

}





.footer-item03{padding:30px 0;background:#1b2e3a;color:#768289;}

.footer-item03 a{color:#768289;}

.footer-item03 a:hover{color:#fff;}

.footer-item03 .fl{}

.footer-item03 .fl span{margin:0px 10px;}



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

    .footer-item03{text-align:center;padding:20px 0;}

    .footer-item03 .fl{display:none;}

    .footer-item03 .fr{float:none;}

}





.page-banner{position:relative;padding-top:20%;z-index:1;}

.page-banner .content{position:absolute;top:50%;transform:translateY(-50%);}

.page-banner .content .title{font-size:60px;color:#fff;}

.page-banner .content .line{width:30px;height:5px;border-radius:3px;background:#ff5801;margin-top:21px;}



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

    .page-banner{height:180px;}

    .page-banner .content .title{font-size:18px;}

    .page-banner .content .line{margin-top:5px;}

}



.position{text-align:right;font-weight:bold;text-transform:uppercase;line-height:75px;}

.position span{margin:0px 8px;}

.position a{font-weight:bold;text-transform:uppercase;}



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

    .position{display:none;}

}



.paging{margin:60px 0px 100px 0;text-align:right;}

.paging *{width:48px;height:48px;line-height:48px;border-radius:100%;font-family:Arial;display:inline-block;font-size:24px;margin:0px 5px; text-align:center;}

.paging a.prev{background:#333 url(../images/page-icon-l.png) no-repeat center center;}

.paging a.next{background:#333 url(../images/page-icon-r.png) no-repeat center center;}

.paging a.on{background:#333;color:#fff;}



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

    .paging{margin:40px 0;}

    .paging *{display:none;}

    .paging a.prev,.paging a.next{display:inline-block;margin:0px 40px;width:35px;height:35px;}

}



.onlineservice_box {

	position: fixed;

	right: 0;

	bottom: 200px;

	z-index: 999;

}



.onlineservice_box li.onlineservice_li {

	width: 48px;

	height: 48px;

	position: relative;

	text-align: center;

	margin-bottom: 5px;

	list-style: none;

}



.onlineservice_box li.onlineservice_li .onlineservice_icon {

	color: #fff !important;

	font-size: 24px;

	height: 100%;

	background-color:#333;

	display: flex;

	align-items: center;

	justify-content: center;

}



.onlineservice_box li.onlineservice_li .onlineservice_icon:hover {

	background-color: #525252;

}



.onlineservice_box .onlineservice_tips {

	padding: 5px 8px;

	background-color: #fff;

	border: 1px solid #ccc;

	border-radius: 4px;

	position: absolute;

	right: 58px;

	top: 6px;

	-webkit-transform: rotateX(90deg);

	transform: rotateX(90deg);

	-webkit-transition: all .4s;

	transition: all .4s;

}



.onlineservice_box .onlineservice_tips:after {

	content: "";

	display: inline-block;

	width: 10px;

	height: 10px;

	border: 1px solid #ccc;

	border-color: transparent #ccc #ccc transparent;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	position: absolute;

	right: -6px;

	top: 10px;

	background-color: #fff;

}



.onlineservice_box .onlineservice_tips .ewm{ width: 110px;

    height: 110px;}



.onlineservice_box > li:hover .onlineservice_tips {

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

}



.onlineservice_box .onlineservice_tips li {

	width: auto;

	height: auto;

	white-space: nowrap;

	list-style: none;

}



.onlineservice_box .onlineservice_tips li a {

	display: block;

	min-height: 22px;

	text-align: center;

	line-height: 22px;

	color: #737578;

	margin: 4px 0;

	font-size: 15px;

}



.onlineservice_box .onlineservice_tips li a:hover {

	color: var(--main-theme-color);

}



.page-inquiry-form > .row > div {

	margin-top: 20px;

}



.page-inquiry-form > .row > div > label {

	margin-bottom: 10px;

}



.page-inquiry-form > .row > div > input {

	margin-left: 15px;

}



.page-inquiry-form > .row > div > textarea {

	margin-left: 15px;

}



.checkboxBox > div > span {

	margin-right: 70px;

	display: inline-block;

	margin-top: 20px;

	font-size: 14px;

	color: #595959;

}



.sahjkdhaskd {

	margin-left: 15px;

	margin-top: 20px;

}



.alices {

	fill: white;

	animation: alcsi 2s infinite;

}



@keyframes alcsi {

	0% {

		transform: scale(.5);

	}

	50% {

		transform: scale(1);

	}

	100% {

		transform: scale(.5);

	}

}



.top_scroll { visibility:hidden; opacity:0;  width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px; background-color: var(--main-theme-color); border-radius: 10px 0 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 99; }



.top_scroll i { font-size: 25px; position: relative; color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



.onlineservice_box {

	position: fixed;

	right: 0;

	bottom: 200px;

	z-index: 999;

}



.onlineservice_box li.onlineservice_li {

	width: 48px;

	height: 48px;

	position: relative;

	text-align: center;

	margin-bottom: 5px;

	list-style: none;

}



.onlineservice_box li.onlineservice_li .onlineservice_icon {

	color: #fff !important;

	font-size: 24px;

	height: 100%;

	background-color:#333;

	display: flex;

	align-items: center;

	justify-content: center;

}



.onlineservice_box li.onlineservice_li .onlineservice_icon:hover {

	background-color: #525252;

}



.onlineservice_box .onlineservice_tips {

	padding: 5px 8px;

	background-color: #fff;

	border: 1px solid #ccc;

	border-radius: 4px;

	position: absolute;

	right: 58px;

	top: 6px;

	-webkit-transform: rotateX(90deg);

	transform: rotateX(90deg);

	-webkit-transition: all .4s;

	transition: all .4s;

}



.onlineservice_box .onlineservice_tips:after {

	content: "";

	display: inline-block;

	width: 10px;

	height: 10px;

	border: 1px solid #ccc;

	border-color: transparent #ccc #ccc transparent;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	position: absolute;

	right: -6px;

	top: 10px;

	background-color: #fff;

}



.onlineservice_box .onlineservice_tips .ewm{ width: 110px;

    height: 110px;}



.onlineservice_box > li:hover .onlineservice_tips {

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

}



.onlineservice_box .onlineservice_tips li {

	width: auto;

	height: auto;

	white-space: nowrap;

	list-style: none;

}



.onlineservice_box .onlineservice_tips li a {

	display: block;

	min-height: 22px;

	text-align: center;

	line-height: 22px;

	color: #737578;

	margin: 4px 0;

	font-size: 15px;

}



.onlineservice_box .onlineservice_tips li a:hover {

	color: var(--main-theme-color);

}





/* Footer */ 

#footer {

  position: relative;

  z-index: 1;

  background: #434343;

  color: #fff;

}

#footer .breadcrumb-wrap {

  background: #f1f1f1;

}

#footer > * {

  vertical-align: middle;

}

#footer .flow-wrap {

  background: #f8f8f8;

}

#footer .flow-wrap .g-title {

  display: inline-block;

  text-align: left;

  width: 200px;

  vertical-align: middle;

}

#footer .flow-wrap .list {

  vertical-align: middle;

  display: inline-block;

  width: calc( 100% - 200px );

}

#footer .flow-wrap .list .box {

  position: relative;

  display: inline-block;

  width: 20%;

  text-align: center;

}

#footer .flow-wrap .list .box:not(:last-child)::after {

  content: url(../images/flow_icon_aw.png);

  position: absolute;

  right: 0;

  top: 50px;

}

#footer .flow-wrap .list .box .icon {

  width: 109px;

  height: 109px;

  line-height: 109px;

  border-radius: 50%;

  background: #b3b3b3;

  margin: 0 auto 10px;

}

#footer .flow-wrap .list .box .icon img {

  display: inline-block;

  line-height: 109px;

}

#footer .flow-wrap .list .box .ti {

  font-size: 16px;

  color: #444444;

  letter-spacing: 2px;

}

#footer .logo-box {

  width: 216px;

  margin-right: 30px;	

  height: auto;

  display: inline-block;

  vertical-align: middle; font-size:16px; color:#fff; line-height:35px;

}

#footer .logo-box img{ max-width:60%; margin-bottom:5px;}



#footer .wrap {

  padding-top: 3%;

  padding-bottom: 3%; display:flex;

}

#footer .left-box,

#footer .right-box {

  vertical-align: top;

}

#footer .left-box {

  width: calc( 100% - 216px - 30px - 350px );

}

#footer .right-box {

  width: 350px;

  padding-left: 20px;

  border-left: 1px solid #777777;

}

#footer .social-wrap {

  display: inline-block;

}

#footer .social-wrap > ul {

  display: block;

  font-size: 0;

}

#footer .social-wrap > ul li {

  display: inline-block;

  vertical-align: middle;

  width: 30%; margin-right:3%;

  text-align: center;

}

#footer .social-wrap > ul li a {

  color: #fefefe;

  width: auto;

  font-size: 14px;

  line-height: 2;

  display: inline-block;

  width: 100%;

}

#footer .social-wrap > ul li a img {

  width: 100%;

}

#footer .menu-list {

  letter-spacing: 2px;

  line-height: 30px;

}

#footer .menu-list > li {

  line-height: 15px;

  position: relative;

  margin-bottom: 10px;

  display: inline-block;

  padding: 0 2%;

  vertical-align: top;

}

#footer .menu-list > li:first-child::after {

  content: "";

  display: inline-block;

  width: 1px;

  position: absolute;

  left: 0;

  top: 0;

  height: 15px;

  vertical-align: top;

  background: #fcfaf6;

  opacity: 0.3;

}

#footer .menu-list > li::before {

  content: "";

  display: inline-block;

  width: 1px;

  position: absolute;

  right: 0;

  top: 0;

  height: 15px;

  vertical-align: top;

  background: #fcfaf6;

  opacity: 0.3;

}

#footer .menu-list a {

  color: #ededed;

  font-size: 16px;

  display: block;letter-spacing: 2px;

  transition: color 0.5s easeInOutCubic;

}

#footer .footer-info{ margin:20px auto; display:flex;}

#footer .footer-info > div {display:flex;

  margin-bottom: 10px;justify-content: center;

    align-items: center;

}

#footer .footer-info > div:not(:last-child) {

  margin-right: 10px;

}

#footer .footer-info > div > span {

  display: inline-block;

  text-align: center;

  margin-right: 10px;

}

#footer .footer-info > div a {

  font-size: 15px;

  color: #fefefe;

}

#footer .copyright {

  font-size: 15px;

  color: #fefefe;

}

#footer .copyright a {

  color: #fefefe;

}

#footer .copyright .grnet {

  display: inline-block;

}



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

  #footer .right-box > .ul-list {

    margin-bottom: 5%;

  }

  #footer .right-box > .ul-list > li {

    width: calc( 100%/4);

  }

}

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

  #footer .logo-box {

    display: block;

    margin: 20px auto 10px;

  }

  #footer .left-box {

    width: 100%;

    display: block;

    border-bottom: 1px solid rgba(237, 238, 233, 0.2);

    margin-bottom: 10px;

    padding-bottom: 10px;

    text-align: center;

  }

  #footer .left-box .social-wrap {

    float: right;

  }

  #footer .left-box .social-wrap > ul li {

    margin-right: 10px;

  }

  #footer .left-box .footer-info > div:not(:last-child) {

    margin-right: 15px;

  }

  #footer .right-box {

    padding: 0;

    border: 0;

    display: block;

    text-align: center;

    margin: 10px auto;

  }

}

@media only screen and (min-width: 992px) {

  #footer .left-box .social-wrap > ul li a:hover {

    opacity: 0.8;

  }

  #footer .left-box .footer-info a:hover {

    text-decoration: underline;

  }

  #footer .right-box a:hover {

    color: #fff;

    text-decoration: underline;

  }

}

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

  #footer .flow-wrap .g-title {

    width: 150px;

  }

  #footer .flow-wrap .list {

    width: calc( 100% - 150px );

  }

  #footer .flow-wrap .list .box:not(:last-child)::after {

    top: 35px;

    right: -8px;

    transform: scale(0.8);

  }

  #footer .flow-wrap .list .box .icon {

    width: 70px;

    height: 70px;

    line-height: 70px;

  }

  #footer .flow-wrap .list .box .icon img {

    width: 30px;

    line-height: 70px;

  }

  #footer .left-box .social-wrap {

    float: none;

    display: block;

    text-align: center;

  }

  #footer .left-box .footer-info {

    display: block;

    text-align: center;

  }

  #footer .right-box {

    width: 200px;

  }

  #footer .right-box > .ul-list > li {

    width: calc( 100%/4);

  }

}

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

	#footer .logo-box{ font-size:14px; line-height:25px;}

  #footer .flow-wrap .g-title {

    text-align: center;

    width: 100%;

    display: block;

  }

  #footer .flow-wrap .list {

    width: 100%;

    display: block;

    text-align: center;

  }

  #footer .flow-wrap .list .box {

    width: 33.33%;

    margin: 0 0 10px 0;

  }

  #footer .flow-wrap .list .box:not(:last-child)::after {

    top: 30px;

  }

  #footer .flow-wrap .list .box .icon {

    width: 70px;

    height: 70px;

    line-height: 70px;

  }

  #footer .flow-wrap .list .box .icon img {

    width: 25px;

    ine-height: 70px;

  }

  #footer .wrap{ display:block;}

  #footer .logo-box {

    width: 100%;

    height: 40px;

    margin: 20px auto; text-align:center;

  }

  #footer .logo-box img{ display:inline-block; width:50%;}

  #footer .left-box .footer-info {

	  width:100%; margin:0 auto;

    font-size: 14px;

  }

  #footer .left-box .footer-info > div > span {

    width: 20px;

  }

  #footer .menu-list a{ font-size:13px;}

  #footer .footer-info > div a{ font-size:13px;}

  #footer .left-box .footer-info > div > span img {

    max-width: 100%;

  }

  #footer .right-box > .ul-list > li {

    vertical-align: top;

    width: calc( 100%/2);

  }

  #footer .right-box > .ul-list > li:last-child > a {

    display: inline-block;

    width: calc( 50% - 4px );

  }

  #footer .copyright {

    font-size: 14px;

    line-height: 23px;

    opacity: 0.6;

    text-align: center;

  }

  #footer .social-wrap > ul li a{ font-size:12px;}

  

}



.container-1500 {

  max-width: 1540px;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0 auto;

}