@charset "utf-8";
/* CSS Document public*/
@font-face {
    font-family: 'MiSans-Bold.ttf';
    src: url(../font/MiSans-Bold.ttf);
}

@font-face {
    font-family: 'MiSans-Demibold.ttf';
    src: url(../font/MiSans-Demibold.ttf);
}

@font-face {
    font-family: 'MiSans-ExtraLight.ttf';
    src: url(../font/MiSans-ExtraLight.ttf);
}

@font-face {
    font-family: 'MiSans-Heavy.ttf';
    src: url(../font/MiSans-Heavy.ttf);
}

@font-face {
    font-family: 'MiSans-Light.ttf';
    src: url(../font/MiSans-Light.ttf);
}

@font-face {
    font-family: 'MiSans-Medium.ttf';
    src: url(../font/MiSans-Medium.ttf);
}

@font-face {
    font-family: 'MiSans-Normal.ttf';
    src: url(../font/MiSans-Normal.ttf);
}

@font-face {
    font-family: 'MiSans-Regular.ttf';
    src: url(../font/MiSans-Regular.ttf);
}

@font-face {
    font-family: 'MiSans-Semibold.ttf';
    src: url(../font/MiSans-Semibold.ttf);
}

@font-face {
    font-family: 'MiSans-Thin.ttf';
    src: url(../font/MiSans-Thin.ttf);
}

@font-face {
    font-family: "iconfont";
    /* Project id 4830605 */
    src: url('../font/ico/iconfont.woff2') format('woff2'),
        url('../font/ico/iconfont.woff') format('woff'),
        url('../font/ico/iconfont.ttf') format('truetype');
}

*{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; vertical-align:top}
html{ overflow-x:hidden; }
body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;line-height: 1; font-size:14px;}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur()); outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());outline-style:none;} 
ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,.h3,.h4,.h5,.h6,form,p{padding:0;margin:0; font-weight:normal;}
.h3,.h4,.h5{ font-weight:normal;}
.h4 a:hover,.h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:2.5px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:2.5px; background:#d4042c}
input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}
textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}
.w100{width:100%}
.w1200{width:1200px;margin:0 auto}
.h5 a{ display:inline-block; max-width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.ar_article td,
.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}
.ar_article table tr:not(:first-child) td{ background:none !important}
.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }
.ar_article{font-size:0.9375rem;color: #7a7a7b;line-height: 1.875rem; margin-bottom: 1.75rem;}
.ar_article p{font-size:0.9375rem;color: #7a7a7b;line-height: 1.875rem; margin-bottom: 1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article .h3,.ar_article .h4,.ar_article .h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article .h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article .h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article .h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article .h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}
.ar_article img{ display:inline-block;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}
/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../image/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide {display: block !important;}
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,.h3,.h4,.h5,.h6{font-weight:400}.layui-edge,.layui-header,.layui-inline,.layui-main{position:relative}.layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label{text-overflow:ellipsis;white-space:nowrap}.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle}.layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}blockquote,body,button,dd,div,dl,dt,form,h1,h2,.h3,.h4,.h5,.h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}.h4,.h5,.h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body{}hr{height:1px;margin:10px 0;border:0;clear:both}a{color:#333;text-decoration:none}a:hover{color:#777}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-inline{*display:inline;*zoom:1}.layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;overflow:hidden}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-elip{overflow:hidden}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}@font-face{font-family:layui-icon;src:url(../font/iconfont2.eot);src:url(../font/iconfont2.eot#iefix) format('embedded-opentype'),url(https://www.fgkj.cc/font/iconfont.svg?v=240#iconfont) format('svg'),url(../font/iconfont1.woff) format('woff'),url(../font/iconfont2.ttf) format('truetype')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-main{width:1140px;margin:0 auto}.layui-header{z-index:1000;height:60px}.layui-header a:hover{transition:all .5s;-webkit-transition:all .5s}.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden}.layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden}.layui-body{position:absolute;left:200px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow:hidden;overflow-y:auto;box-sizing:border-box}.layui-layout-body{overflow:hidden}.layui-layout-admin .layui-header{background-color:#23262E}.layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden}.layui-layout-admin .layui-body{top:60px;bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px}.layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#eee}.layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px}.layui-layout-admin .layui-header .layui-nav{background:0 0}.layui-layout-left{position:absolute!important;left:200px;top:0}.layui-layout-right{position:absolute!important;right:0;top:0}.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1600px;}.layui-container01{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1630px;}.layui-container02{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1780px;}.layui-container03{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1410px;}.layui-container04{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1470px;}.layui-container05{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1355px;}.layui-fluid{position:relative;margin:0 auto;padding:0 15px}.layui-row:after,.layui-row:before{content:'';display:block;clear:both}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}.layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%}.layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.layui-container{}.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.layui-container{}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.layui-container{}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%}}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space3{margin:-1.5px}.layui-col-space3>*{padding:1.5px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space8{margin:-3.5px}.layui-col-space8>*{padding:3.5px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}.layui-img-responsive{max-width:100%;}
@font-face{ font-family:MISTRAL; src:url(../font/MISTRAL.TTF);}
@font-face{ font-family:bahnschrift; src:url(../font/bahnschrift.ttf);}
@font-face{ font-family:impact; src:url(../font/impact.ttf);}
/*@font-face{ font-family:Helvetica; src:url(../font/Helvetica-Condensed-Light-Light.otf);}*/
@font-face{ font-family:Helvetica; src:url(../font/tt0248m.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0; overflow-x:hidden}
.section{ overflow:hidden;}
header{position:  fixed;height:6.25rem;background:#fff;left: 0;z-index: 1000;width: 100%;box-shadow:0 3px 6px rgba(0,0,0,0.1);}
header .fl{height:6.25rem;line-height:6.25rem;position: relative;}
/*header .fl a{display:block;position:  absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;}*/
/*header .fl embed{width: 13.375rem;display: inline-block;vertical-align: middle;}*/
/*header .fl embed.wap{ display:none}*/
/*#header .logo{ display:none;}*/
#header nav{ display:inline-block; height:6.25rem; line-height:6.25rem;}
#header nav ul{ font-size:0}
#header nav ul li{ display:inline-block; *display:inline; *zoom:1; margin-left:3rem;}
#header nav ul li a{ font-size:1.2rem; color:#474749; display:block; position:relative; height:6.25rem; line-height:6.25rem}
#header nav ul li a:before{ content:""; position:absolute; bottom:0; right:0; height:2px; width:0; background:#d4042c; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#header nav ul li:hover a:before,#header nav ul li.on a:before{ left:0; width:100%}
header .tel{ display:inline-block; height:6.25rem; line-height:6.25rem; margin-left:1.875rem; position:relative;}
header .tel:before{ content:""; position:absolute; left:0; top:50%; margin-top:-7.5px; width:1px; height:15px; background:#c0c0c1}
header .tel img{ margin:-3px 9px 0 1.625rem;}
header .tel{ font-size:1.35rem; color:#555555; font-weight:700}
/*banner*/
.banner_box{position:relative;overflow:hidden;margin-top: 6.25rem; height:100vh}
.banner_box01{ height:600px;}
.banner_box .banner{height: 600% !important;}
.banner_box .banner ul,
.banner_box .banner li { height: 100%; overflow: hidden; position: relative; background:#000}
.banner_box .banner li {position: absolute;top: 0;left: 0;width: 100%;height: 600px;overflow: hidden;z-index: 1;display: none;}
.banner_box .banner li .fullbg {-webkit-transition: transform 3.2s;-moz-transition: transform 3.2s;-ms-transition: transform 3.2s;transition: transform 3.2s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);width: 100% !important;height: 100% !important;margin-left: 0 !important;}
.banner_box .banner li:nth-child(1){ display:block;}
.banner_box .banner li:nth-child(1) .fullbg{ display:block; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.banner_box .banner li .misu { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner_box .banner li:first-child .misu{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.banner_box .banner li.current { z-index: 2; }
.banner_box .banner li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.banner_box .banner li.current .misu { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.banner_box .banner .cont {position: absolute;top: 0;left: 0;width: 100%;color: #fff;text-align: center;height: 600px;}
.banner_box .banner .cont h1 {font-size: 5.3125rem;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;font-family: MISTRAL;}
.banner_box .banner .cont .intro {letter-spacing: 10px;font-size: 1.5rem;padding: 0;-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;transition-delay: 0.6s;font-family: qy;}
.banner_box .banner .cont .intro img{max-width:90%;margin-top: -30px;}
.banner_box .banner .cont .view { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.banner_box .banner .cont .view a { background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px; }
.banner_box .banner .cont .view a:after { content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
.banner_box .banner .cont .view a:hover:after { left: 0; }
.banner_box .banner .cont .view span { position: relative; z-index: 1; }
.banner_box .banner .scrolltips { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20; }
.banner_box .banner .scrolltips .pic .icon { width: 24px; height: 43px; background-image: url(https://www.fgkj.cc/images/icon-mouse.png); }
.banner_box .banner .scrolltips .pic .icon:after { content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite; }
.mouseIco{width: 21px;height: 36px;display: block;margin: 0px auto;border-radius: 6px;position: absolute;left: 50%;margin-left: -11px;bottom: 15px;z-index:900;}
.mouseIco i{width: 1px;height: 36px;border-radius: 1px;display: block;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
from { opacity: 0; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
from { opacity: 0; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.scrool{height: 28px;width:150px;position:absolute;left:50%;margin-left:-75px;bottom:30px;text-align:center;z-index:1000;text-transform:uppercase;}
.scrool a{ font-size:12px; color:#fff}
.wap_nav{ display:none}
#container {
position:  fixed;
width:  100%;
height:  100%;
top: 0;
left: 0;
display: none;
z-index: 100000;
}
@media (min-width: 768px) {
#container {
padding: 0
}
}
#container .header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
padding: 2rem
}
.error404 .header {
display: none
}
@media (max-width: 767px) {
#container .header {
transition: background-color .2s ease-in-out
}
}
@media (min-width: 768px) {
#container .header {
padding: 6.25vh 12.5vw 6.25vh 6.25vw
}
}
#container .header nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #d4042c;
}
@media (min-width: 1025px) {
#container .header nav {
position: relative;
z-index: 5;
float: right;
background: none;
width: auto
}
}
#container .header .logo {
display: block;
float: left;
transition: opacity .2s ease-in-out
}
#container .header .logo p,#container .header .logo img {
float: left
}
#container .header .logo img {
width: 9rem
}
#container .header .logo p {
display: inline-block;
margin: 0;
line-height: 4.4rem;
margin-left: 3rem
}
@media (max-width: 767px) {
#container .header.solid {
background-color: #555a8c
}
}
.menu-opener {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%) translateX(20%);
transform: translateY(-50%) translateX(20%);
right: 1rem;
cursor: pointer;
}
.menu-opener .menu-label {
color: #000;
font-size: 1rem;
display: inline-block;
line-height: 30px;
margin-right: 0.5em;
vertical-align: top;
font-family: "Matter SQ",sans-serif;
}
@media (min-width: 768px) {
.solid .menu-opener .menu-label {
color: #555a8c
}
}
.menu-opener .menu-icon {
height: 30px;
width: 30px;
border: 1px dotted #000;
border-radius: 15px;
display: inline-block;
vertical-align: top;
}
@media (min-width: 768px) {
.solid .menu-opener .menu-icon {
border-color: #555a8c
}
}
.menu-opener .menu-icon i {
display: block;
width: 11px;
height: 2px;
top: 13px;
left: 9px;
background-color: #000;
position: relative;
transition: all .2s ease-in-out;
}
@media (min-width: 768px) {
.solid .menu-opener .menu-icon i {
background-color: #555a8c
}
}
.menu-opener .menu-icon i:after,.menu-opener .menu-icon i:before {
display: block;
width: 5px;
height: 2px;
background-color: #000;
content: '';
left: 3px;
position: absolute;
}
@media (min-width: 768px) {
.solid .menu-opener .menu-icon i:after,.solid .menu-opener .menu-icon i:before {
background-color: #555a8c
}
}
.menu-opener .menu-icon i:before {
top: -3px;
transition: all 0.3s
}
.menu-opener .menu-icon i:after {
top: 3px;
transition: all 0.3s;
transition-delay: 0.05s
}
.menu-opener:hover i:after {
width: 7px;
left: 0
}
.menu-opener:hover i:before {
width: 8px;
left: 0
}
.menu-opener.opened .menu-label {
pointer-events: none
}
.menu-opener.opened .menu-icon {
transition: transform 0.3s
}
.menu-opener.opened .menu-icon i {
top: 13px;
left: 9px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.menu-opener.opened .menu-icon i:before {
opacity: 0
}
.menu-opener.opened .menu-icon i:after {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 11px;
top: 0px;
left: 0px
}
.menu-opener.opened .menu-icon:hover {
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.menu-opener.opened .menu-icon:hover i {
left: 8px
}
.primary-menu {
margin: 0;
}
@media (max-width: 1024px) {
.primary-menu {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
}
.primary-menu li {
text-align: center
}
@media (max-width: 1024px) {
.primary-menu li {
margin-bottom: 0;
}
.primary-menu li:last-child {
margin-bottom: 0
}
}
.primary-menu .current-page-ancestor a,.primary-menu .current-menu-item a {
position: relative
}
.primary-menu .current-page-ancestor a:after,.primary-menu .current-menu-item a:after {
height: .4rem;
width: .4rem;
background-color: #feeeff;
position: absolute;
border-radius: 50%;
left: 50%;
bottom: 0rem;
content: '';
margin-left: -0.2rem
}
.solid .primary-menu .current-page-ancestor a:after,.solid .primary-menu .current-menu-item a:after {
background-color: #555a8c
}
.primary-menu a {
padding: 1em;
display: block;
color: #fff;
font-size: 1.25rem;
}
.primary-menu li.on a{color: #fff;background: #d8042d;}
@media (min-width: 1025px) {
.primary-menu {
position: static;
-ms-transform: none;
transform: none;
display: inline-block;
width: auto;
background: none;
float: left;
transition: all .2s ease-in-out
}
.primary-menu li {
float: left;
text-align: left;
margin-left: 4.5rem
}
.primary-menu a {
padding: 0;
line-height: 4.4rem;
color: #fff
}
.solid .primary-menu a {
color: #555a8c
}
}
.language-chooser {
margin: 0
}
@media (max-width: 1024px) {
.language-chooser {
position: absolute;
left: 50%;
bottom: 3rem;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 1025px) {
.language-chooser>li {
margin-left: 4.5rem
}
}
.language-chooser>li.active {
display: none
}
.language-chooser>li a {
color: #fff;
text-transform: uppercase;
font-size: 16px;


line-height: 4.2rem;
}
.language-chooser>li a span{ display:inline-block}
.language-chooser>li a span img{ margin:-3px 10px 0 0}
@media (min-width: 768px) {
.solid .language-chooser>li a {
color: #555a8c
}
}
@media (min-width: 1025px) {
.language-chooser {
float: right
}
}
.img-stellar {
position: absolute;
width: 4.4rem;
display: none
}
@media (min-width: 768px) {
.img-stellar {
display: block
}
}
.floor {
position: relative;
transition: opacity .4s ease-in-out
}
.floor.animated {
opacity: 1
}
.bg {
background: #605ecc;
background: linear-gradient(#292375, #373094, #605ecc, #bb9cda);
background-size: 100% 200%;
animation: sky 30s ease infinite;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.bg.morning {
background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}
.bg.daytime {
background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}
.bg.evening {
background-image: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}
.bg.night {
background-image: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}
.preloader {
transition: background 1s ease-out;
background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}
.preloader.morning {
background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}
.preloader.daytime {
background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}
.preloader.evening {
background: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}
.preloader.night {
background: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}
#container .menu-opener{right: calc(1rem + 15px);}
#container .menu-opener .menu-label{ color:#fff}
#container .menu-opener .menu-icon{ border:#fff 1px solid}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before{ background:#fff}
.container01{background: #fff;padding: 6.25rem 0 6rem;width: 100%;overflow: hidden;}
.container01 .title{text-align:center;margin-bottom: 5rem;}
.container01 .title h2{font-size:2.5rem;color: #d4042c;font-weight:bold;}
.container01 .title .h4{font-size:1.35rem;color: #504f54;margin:1.25rem 0 1.25rem;}
.container01 .title .h6{font-size:12px;color: #b2b2b3;color: #b2b2b3;text-transform:uppercase;transform:scale(0.9); display: none;}
.container01 .fl01{ margin-bottom:3.75rem}
.container01 .fl01 ul{ font-size:0; text-align:center}
.container01 .fl01 ul li{ display:inline-block; *display:inline; *zoom:1; width:20%; text-align:center}
.container01 .fl01 ul li .box{ display:inline-block; width:8.125rem; height:8.125rem; position:relative}
.container01 .fl01 ul li .box span.y1{position:absolute;top:0;left:0;display:inline-block;width:8.125rem;height:8.125rem;border: #dbdbdb 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .box span.y2{position:absolute;top:0;left:0;display:inline-block;width:8.125rem;height:8.125rem;border: #dbdbdb 1px solid;background:#ffffff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;transform: scale(0.7);-webkit-transform: scale(0.7);visibility: hidden;}
.container01 .fl01 ul li .h5{font-size:1.2rem;color: #545454;margin-bottom:0.875rem;margin-top:1.875rem;}
.container01 .fl01 ul li .h6{ font-size:1rem; color:#caccce; text-transform:uppercase; transform:scale(0.9);}
.container01 .fl01 ul li .icon{ display:inline-block; width:8.125rem; height:8.125rem; line-height:8.125rem; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-bottom:1.25rem; position:relative; overflow:hidden; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl02{ margin-bottom:3rem}
.container01 .fl02 ul{ font-size:0; text-align:center}
.container01 .fl02 ul li{ display:inline-block; *display:inline; *zoom:1; width:4.125rem; text-align:center}
.container01 .fl02 ul li .h3 .img{display:inline-block;position:relative;border: #dbdbdb 1px solid;border-radius: 50%;}
.container01 .fl02 ul li .h3 .img:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
top: -3px;
left: -3px;
padding: 3px;
box-shadow: 0 0 0 2px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
}
.container01 .fl02 ul li .h3 .img:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0.4;
}
.container01 .fl02 ul li .h3 img{height:2.8125rem;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity: 0.5;}
.container01 .fl02 ul li span{line-height:30px;color: #333;font-size:0.875rem;text-align:center;display:block;opacity:0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;margin: 0 -0.5rem;}
.container01 .fl02 ul li:hover span{ opacity:1;}
.container02{background: #f7f7f8;width: 100%;overflow: hidden;}
.container02 .title{text-align:center;margin-bottom: 4rem;margin-top: 6rem;}
.container02 .title h2{ font-size:2.5rem; color:#d4042c; font-weight:bold;}
.container02 .title .h4{font-size:1.35rem;color:#504f54;margin:1.25rem 0 1.25rem;line-height: 1.5;}
.container02 .slider-nav{max-width: 650px;margin: 0 auto;margin-bottom: 3.875rem; text-align:center;}
.container02 .slider-nav .miso-slide .h5{display:inline-block;padding: 0 1.875rem;height: 2.87rem;line-height: 2.875rem;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;cursor:pointer;background: #fff;}
.container02 .slider-nav .h5{font-size:1rem;color: #333;height: 38px;}
.container02 .slider-nav .miso-slide.miso-current .h5{background: #d4042c;color: #fff;}
.container02 ul.ul{ font-size:0; text-align:center; overflow:hidden}
.container02 ul.ul li{display:inline-block; *display:inline; *zoom:1;float:left;width: 20%;text-align:center;position: relative;overflow: hidden;background: #000;}
.container02 ul.ul li .a{overflow:hidden;}
.container02 ul.ul li .a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container02 ul.ul li .a .img{ overflow:hidden; width:100%; position:relative; padding-bottom:65.02% !important}
.container02 ul.ul li .a .img>img{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height:100%;object-fit: cover;}
.container02 ul.ul li .a .img:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li .a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .container02 ul.ul li .a .img:after{filter:none;}/*for IE9*/
.container02 ul.ul li .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.container02 ul.ul li .con .table>a{ display:none}
.container02 ul.ul li .con .h3, .container02 ul.ul li .a .con .h3 img{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li .con .h3 img{ max-width:80%}
.container02 ul.ul li .con .h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li .con .h5 span{ display:inline-block; font-size:1rem; color:#fff; margin:0 0.5rem}
.container02 ul.ul li .con .h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8D4042C', endColorstr='#D8D4042C');background:rgba(212,4,44,0.85); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .container02 ul.ul li .con:before{filter:none;}/*for IE9*/
.container02 ul.ul li:nth-child(21){ display:none}
.container03{padding: 8.357rem 0 6.5rem;width: 100%;overflow: hidden;}
.container03 .title{ text-align:center; margin-bottom:6rem}
.container03 .title h2{ margin-bottom:1.75rem}
.container03 .title h2{ font-size:1.35rem; color:#504f54;}
.container03 .title .h4 .ar_wap{ display:none}
.container03 ul{font-size:0;text-align:center;overflow:hidden;padding-bottom: 3rem;}
.container03 ul .con02{ display:block}
.container03 ul .miso-slide li,.container03 ul li{display:inline-block; *display:inline; *zoom:1;float:left;width:16.666667%;text-align:center;margin-bottom:2.8125rem; -moz-user-select:text; -khtml-user-select: text; user-select:text; transition: .5s;}
.container03 ul .miso-slide li .img img,.container03 ul li .img img{display: inline-block; transition: .7s; width: 11rem;}
.container03 ul .miso-slide li .h5,.container03 ul li .h5{font-size:1rem;color:#504f54;margin-top:0.25rem;line-height: 1.5rem;height: 3rem;}
.container03 ul li{ width:16.666667%; display:inline-block;transition: .5s ease; position: relative; top: 0;}
.container03 .more{ text-align:center}
.container03 .more a{ font-size:0.875rem; color:#d4042c; text-decoration:underline}
.container03 .more a font{ text-align:right; display:inline-block; width:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; overflow:hidden}
.container03 .more a:hover font{ width:1.5rem;}
.container03 ul.miso-dots{margin-bottom:0;bottom: 0;padding-bottom: 0;}
.container03 ul.miso-dots li{width: 3rem;height: 2px;background:#e5e5e5;margin: 0 0.5rem;}
.container03 ul.miso-dots li.miso-active{ background:#d4042c;}
.container04{background:#d4042c;padding: 5rem 0 4.75rem;width: 100%;overflow: hidden;}
.container04 .title{text-align:center;margin-bottom: 4rem;}
.container04 .title h2{ font-size:2.5rem; color:#fff; font-weight:bold;}
.container04 .title .h4{ font-size:1.35rem; color:#fff; margin:1.25rem 0 1.25rem}
.container04 .slider-nav{max-width: 650px;margin: 0 auto;margin-bottom: 3.875rem; text-align:center; font-size:0}
.container04 .slider-nav .btn_c3{ width:20%; display:inline-block}
.container04 .slider-nav .btn_c3 .h5{display:inline-block;padding: 0 1.875rem;height: 2.87rem;line-height: 2.875rem; -moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;cursor:pointer; background: #d4042c; transition:.6s; font-size:1rem;color: #fff;}
/*.container04 .slider-nav .btn_c3.on .h5{ background:#fff; color: #d4042c;}*/
.container04 .slider-nav .btn_c3.miso-current .h5{ background:#fff; color: #d4042c;}
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.container04 .slider-for{ margin-bottom:3.125rem}
.container04 .slider-for .tc_c3{}
.container04 .slider-for .tc_c3.act{display: block !important;}
.container04 .slider-for ul{ font-size:0; margin:0 -1.5rem}
.container04 .slider-for ul li{ display:inline-block; *display:inline; *zoom:1; width:33.333333%; padding:0 1.5rem; margin-bottom:1.625rem; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
.container04 .slider-for ul li a{background:#fff;overflow:hidden;padding: 2rem 1.875rem 2rem 2rem;transition:.6s; display:block}
.container04 .slider-for ul li .box .fl{width:18%;}
.container04 .slider-for ul li .box .fl .time{color:#000;text-align:right;float:left;width: 4.375rem;}
.container04 .slider-for ul li .box .fl .time .h4{ font-size:1.125rem;}
.container04 .slider-for ul li .box .fl .time .h2{font-size:1.6875rem;margin: 0.35rem 0 1rem;font-weight:700;}
.container04 .slider-for ul li .box .fl .dot{float:left;width:100%;overflow:hidden;width: 4rem;padding-left: 1.5rem;}
.container04 .slider-for ul li .box .fr{width: 77.5%;}
.container04 .slider-for ul li .box .fr h2{font-size:1.25rem;color:#232323;font-weight:bold;margin: 0 0 0.75rem;line-height: 1.5rem;transition: .6s;}
.container04 .slider-for ul li .box .fr .h5 a{ color:#232323; height:1.35rem; line-height:1.35rem}
.container04 .slider-for ul li .box .fr p{font-size: 12px;color:#6c6868;line-height: 1.5rem;height: 3rem;overflow:hidden;}
.more00{ text-align:center;}
.more00 a{ display:inline-block; width:39px; height:39px; border:#e5e5e5 1px solid;}
.more00 a dl{font-size:0;width: 22px;display:  inline-block;margin: 8px 0;}
.more00 a dl dd{ display:inline-block; *display:inline; *zoom:1; margin:1.5px;}
.more00 a dl dd span{ display:block; width:4px; height:4px; position:relative}
.more00 a dl dd span:before{ content:""; position:absolute; left:0; top:0; width:4px; height:4px; background:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.more00 a:hover dl dd:nth-child(2) span:before{top: 0;}
.more00 a:hover dl dd:nth-child(1) span:before{left: 7px;}
.more00 a:hover dl dd:nth-child(3) span:before{top: 7px;}
.more00 a:hover dl dd:nth-child(4) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(6) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(7) span:before{top: -7px;}
.more00 a:hover dl dd:nth-child(9) span:before{left: -7px;}
.more00 a .dl{font-size:0;width: 22px;display:  inline-block;margin: 8px 0;}
.more00 a .dl .dd{ display:inline-block; *display:inline; *zoom:1; margin:1.5px;}
.more00 a .dl .dd span{ display:block; width:4px; height:4px; position:relative}
.more00 a .dl .dd span:before{ content:""; position:absolute; left:0; top:0; width:4px; height:4px; background:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.more00 a:hover .dl .dd:nth-child(2) span:before{top: 0;}
.more00 a:hover .dl .dd:nth-child(1) span:before{left: 7px;}
.more00 a:hover .dl .dd:nth-child(3) span:before{top: 7px;}
.more00 a:hover .dl .dd:nth-child(4) span:before{left: 0;}
.more00 a:hover .dl .dd:nth-child(6) span:before{left: 0;}
.more00 a:hover .dl .dd:nth-child(7) span:before{top: -7px;}
.more00 a:hover .dl .dd:nth-child(9) span:before{left: -7px;}
.container05{ padding:9rem 0 8rem; overflow:hidden; background:#1d1b1b; background-size:cover; position:relative}
.container05 .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.container05 .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes play{
0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(360deg);
}
}
@keyframes play{
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
.container05 .title{ text-align:center; margin-bottom:6rem}
.container05 .title h2{font-size: 2.5rem;color:#fff;font-weight:bold;text-transform: uppercase;letter-spacing: 0.75rem;}
.container05 .title .h4{ font-size:1.35rem; color:#fff; margin:1.25rem 0 1.25rem}
.container05 ul{font-size:0;text-align:center;overflow:hidden;margin:0 -6.5625rem; width: 1600px;}
.container05 ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:20%; text-align:center; padding:0 0.5625rem}
.container05 ul li .img{height:7.5rem;line-height:7.5rem;bac;}
.container05 ul li .img img{ opacity:0.5; max-width:70%; max-height:5rem}
/* HIGHLIGHT */
.button01{ position:relative; display:inline-block; width:10.25rem; height:3rem; line-height:3rem; background:#d4042c; text-align:center; -moz-border-radius:3rem; -webkit-border-radius:3rem; border-radius:3rem; overflow:hidden; font-size:1.1rem; color:#fff}
.button01.ar_wap{ display:none}
.button01:before{
content: "";
position: absolute;
top: -30px;
left: -100px;
height: 110px;
width: 70px;
background: rgba(255, 255, 255, .6);
transform: rotate(20deg);
}
.button01:hover:before{
left: 250px;
transition: all 0.6s;
}
.button01:hover{ color:#fff}
.container06{ padding:8.875rem 0 4.6875rem; text-align:center}
.container06 .con{ display:inline-block; *display:inline; *zoom:1}
.container06 .con.left{ text-align:left}
.container06 .con.left .h3{ font-family:MISTRAL; font-size:3.75rem; color:#1d1b1b; margin-bottom:5.25rem;text-transform: uppercase;}
.container06 .con.left h2{ overflow:hidden}
.container06 .con.right{ margin-left:15rem; text-align:left; position:relative} 
.container06 .con.right h2{font-size:1.25rem;color:#373739;line-height: 1.75;}
.container06 .con.right .h3{font-size:2.5rem;color:#373739;margin:1.5rem 0 3.25rem; font-weight:lighter}
.container06 .con.right .h3 a{ color:#373739; font-family: bahnschrift;}
.container06 .con.right p{ font-size:1.05rem; color:#373739; line-height:1.875rem;}
.container06 .con.right .weixin{ position:absolute; bottom:0; right:0; text-align:center}
.container06 .con.right .weixin img{ width:6.25rem; height:6.25rem}
.container06 .con.right .weixin .h5{ margin-bottom:0.5rem; margin-top:0.75rem; font-size:0.9375rem; color:#373739}
.container07{ height:28.75rem; background:url(../image/container07.jpg) center no-repeat; position:relative}
.container07 .my-map{width:113px;height:129px;position:absolute;top:50%;margin-top: -100px;left:50%;margin-left:-56.5px;}
.container08{ font-size:0; padding:5rem 0 2.25rem 0;border-bottom:#e7e7e7 1px solid}
.container08 .con{ display:inline-block; *display:inline; *zoom:1; min-height:7.8125rem; position:relative}
.container08 .con:before{ content:""; position:absolute; right:0; top:50%; width:1px; height:7.8125rem; margin-top:-3.90625rem; background:#e7e7e7}
.container08 .con.right:before{ display: none}
.container08 .con.left{ width:35%; text-align:center; padding:0 1.25rem 0 0;}
.container08 .con.left ul{margin: 0.25rem 0 1.5rem;}
.container08 .con.left ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:2rem;text-align:left;}
.container08 .con.left ul li a{ font-size:1rem; color:#565555;}
.container08 .con.center{ width:28%; text-align:center}
.container08 .con.center ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.875rem}
.container08 .con.center ul li .h3 img{ width:5.625rem; height:5.625rem}
.container08 .con.center ul li .h5{ font-size:.9rem; color:#565555; height:2rem; line-height:2rem}
.container08 .con.left dl{font-size:0;padding: 0 8.5%;}
.container08 .con.left dl dt{font-size: 12px;color:#3e3d3d;display: inline-block;}
.container08 .con.left dl .dl_r{display:inline-block;width: calc(100% - 58px);white-space: nowrap;overflow: hidden;margin-left: 10px;}
.container08 .con.left dl dd{display:inline-block;margin-right:10px;line-height: 12px;}
.container08 .con.left dl dd a{font-size:12px;color:#99999c;margin-right: 6px;}
.container08 .con.right{ width:37%;}
.container08 .con.right .h3{ height:1.25rem; line-height:1.25rem; margin-bottom:1.875rem}
.container08 .con.right .h3 span{font-size:1.35rem;color:#3e3d3d;font-weight:bold;display:  inline-block;}
.container08 .con.right .h3 i{display:inline-block;font-style:normal;width:7px;height:7px;border-radius:3.5px;background:#3e3d3d;vertical-align: middle;margin: 0 0.5rem;}
.container08 .con.right p{ font-size:0.95rem; color:#565555; line-height:1.5rem}
.container081{ padding:3.25rem 0;}
.container09{ padding:2rem 0; border-bottom:#e7e7e7 1px solid}
.container09 .h5{ margin-bottom:0.5rem; font-size:0.875rem; color:#565555; line-height:1.5rem}
.container09 ul{ font-size:0;}
.container09 ul li{ display:inline-block; *display:inline; *zoom:1; margin-right:1.25rem}
.container09 ul li a{ font-size:.95rem; line-height:1.875rem; color:#99999c}
.container09 .more{ display:none}
footer{ padding:2.25rem 0 2rem; font-size:12px; color:#a8a4a4}
footer a{font-size:12px;color:#a8a4a4;display: inline-block;margin: 2px 0 0 0.25rem;}
footer .fl .ar_wap{ display:none}
footer .fr{text-align:right;position:relative;padding-right: 0;float:right;}
.n_banner01 .layui-container01,.n_banner01 .layui-row,.n_banner01 .layui-col-xs12{ height:100%}
.n_banner01 .fl{ width:31%; text-align:left}
.n_banner01 .fl h2{ font-size:2.8125rem; color:#ffffff; font-weight:bold; position:relative}
.n_banner01 .fl h2:before{ content:""; position:absolute; left:0; bottom:-2rem; width:5.25rem; height:3px; background:#d5042c}
.n_banner01 .fl .h4{ font-size:1.5rem; color:#ffffff; margin:4.25rem 0 2.1875rem;}
.n_banner01 .fl p{ font-size:0.875rem; line-height:1.6875rem; margin-bottom:1.6875rem; color:#ffffff;}
.n_banner01 .fr{}
.n_banner01 .fr ul{font-size:0;float:left; margin:8rem -2rem 0 0}
.n_banner01 .fr ul li{display:inline-block; *display:inline;*zoom:1;width: 16.75rem;text-align:center; border-left:rgba(255,255,255,0.4) 1px solid}
.n_banner01 .fr ul li .h5{font-size: 1.125rem;color:#fefefe; padding-right: 2rem; margin-bottom:1rem}
.n_banner01 .fr ul li .h4{ margin-bottom: 1rem; height:6.25rem}
.n_banner01 .fr ul li .h4 span{font-size: 2.25rem;color:#fff;vertical-align: middle;margin: 0 0 0 0.875rem;font-weight:  normal;font-family: Cataneo BT;}
.n_banner01 .fr ul li .h4 span.counter{font-size: 6.25rem;color:#fff;font-family: Impact;}
.n_banner01 .fr ul li .h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_banner01 .fr ul li .h6{font-size: 1rem;color:#fefefe;font-family: Cataneo BT;padding-right: 2rem;}
.n_about{ padding:2.5rem 0 0}


.n_about .fl01{ border-bottom:#e9e8ed 1px solid; padding:4.625rem 0 1.875rem; overflow:hidden;}
.n_about .fl01 .fl{ }
.n_about .fl01 .fl .h4{ font-size:1.125rem; color:#000000; margin-bottom:1.25rem}
.n_about .fl01 .fl h2{ font-size:2.5rem; color:#000000; font-weight:bold}
.n_about .fl01 .fl h2 font{ color:#d4042c}
.n_about .fl01 .fr{ width:70%}
.n_about .fl01 .fr .h4{ font-size:1.125rem; color:#000000; margin-bottom:0.75rem}
.n_about .fl01 .fr .h4 font{ font-weight:600}
.n_about .fl01 .fr .h5{font-size:1.125rem;color:#bcbbc2;margin-bottom:2rem;font-family: Helvetica;}
.n_about .fl01 .fr p{ font-size:0.875rem; color:#666565; line-height:2.25rem; margin-bottom:1.875rem}
.n_about .fl01 .fr ul{ overflow:hidden; margin:0 -1.5rem}
.n_about .fl01 .fr ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:16.666667%; text-align:center; padding:0 0}
.n_about .fl01 .fr ul li .img{ height:5.75rem; line-height:5.75rem;}
.n_about .fl01 .fr ul li .img img{ max-width:70%; max-height:5rem}
.n_about .fl02{ margin-top:5rem}
.n_about .fl02 ul li.miso-slide{ padding:11.375rem 0 24.125rem}
.n_about .fl02 ul li.miso-slide .fl{ padding:11.25rem 0 0}
.n_about .fl02 ul li.miso-slide .fl .h3{ float:left; font-size:1.875rem;color:#b4b3b2; color:rgba(255,255,255,0.65);font-style:italic;font-family:Helvetica; text-transform:uppercase; font-weight:lighter; position:relative}
.n_about .fl02 ul li.miso-slide .fl .h3:before{ content:""; position:absolute; left:0; width:100%; height:1px; bottom:-30px; background:rgba(255,255,255,0.3)}
.n_about .fl02 ul li.miso-slide .fl .h3:after{ content:""; position:absolute; left:0; width:56px; height:3px; bottom:-30px; background:#fff}
.n_about .fl02 ul li.miso-slide .fr{ text-align:right}
.n_about .fl02 ul li.miso-slide .fr h2{ font-size:10.625rem; color:#fff; font-weight:bold; font-family:Impact; margin-bottom:1rem}
.n_about .fl02 ul li.miso-slide .fr .h4{ font-size:1.6875rem; color:#b4b3b2; color:rgba(255,255,255,0.65); line-height:1.875rem; font-family:Helvetica; padding:0 2.625rem 0 0; text-transform:uppercase;}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ width:22px; height:42px;}
.n_about .fl02 ul .miso-prev{ background:url(../image/left.png) center no-repeat; left:10rem}
.n_about .fl02 ul .miso-next{ background:url(../image/right.png) center no-repeat; right:10rem}
.n_about .fl02 .miso-dots{bottom: 41%;z-index: 10;text-align:  right;max-width: 1310px;transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);left: 50%;padding-right: 3.5rem;}
.n_about .fl02 .miso-dots li{ width:10px; height:10px; border-radius:100%;}
.n_about .fl03 ul{ font-size:0}
.n_about .fl03 ul li{ display:inline-block; *display:inline; *zoom:1; width:10%}
.n_about .fl03 ul li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden}
.n_about .fl03 ul li a img{float:left;width:100%;}
.n_about .fl03 ul li a img.img02{position:absolute;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index:1;opacity: 0;}
.n_about .fl03 ul li a img.img01{}
.n_about .fl03 ul li:hover a img.img01{opacity: 0;}
.n_about .fl03 ul li:hover a img.img02{ opacity: 1; }
.n_about .fl03 ul li.li{ width:40%;}
.n_about .fl03 ul li.li a{ background:#d4042c}
.n_about .fl03 ul li.li .box{ display:block; position:absolute; left:0; top:0; width:100%; height:100%}
.n_about .fl03 ul li.li .box img{ display:inline-block; width:auto; float:none}
.n_about .fl03 ul li.li .box img.ar_wap{ display:none}
.n_about .fl03 ul .more{height:60px;line-height:60px;text-transform:uppercase;font-size:14px;text-align:center;color:#fff;background: #d5042c;}
.n_about .fl03 ul .more span.span02{ display:inline-block; opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; width:0; overflow:hidden}
.n_about .fl03 ul .more span.span01{ display:inline-block; opacity:1;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); -webkit-transition-duration:.6s;transition-duration:.6s; width:auto; overflow:hidden}
.n_about .fl03 ul .more{ display:none}
.n_banner02{ height:32.5rem;}
.n_banner02 .layui-container01,.n_banner02 .layui-row,.n_banner02 .layui-col-xs12{ height:100%}
.n_banner02 .table{ text-align:left}
.n_banner02 .h3{font-size:4.375rem;color:#e62129;font-family:Impact;}
.n_banner02 .h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.n_banner02 h2{ font-size:3.4375rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner02 .h6{ font-size:0.875rem; line-height:1.5rem; color:#989898; color:rgba(255,255,255,0.4); text-transform:uppercase}
.n_case{ padding:7.625rem 0 5.25rem; background:#f5f5f5;}
.n_case ul{ font-size:0; margin:0 -1.09375rem}
.n_case ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;padding:0 1.09375rem;margin-bottom:3.4375rem;}
.n_case ul li .img{ background:#000}
.n_case ul li .img,.n_case ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case ul li .img a>img{ opacity:0.8}
.n_case ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.n_case ul li .con .h5,.n_case ul li .con .h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#4d4c51}
.n_case ul li .con .h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con .h5 i{ float:right;}
.n_case ul li .con .h5 i img{ max-height:1.5rem}
.n_case ul li .con .h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con hr{ margin:1.125rem 0 1.25rem}
.n_case ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .n_case ul li .img .red-bg{filter:none;}/*for IE9*/
.n_case ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_case ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.page { margin:30px 0; text-align:center}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 14px; height:34px; line-height:34px; display:inline-block; border:1px solid #ddd; margin:0 0.25rem; color:#fff; color:#444; font-size:12px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#353535;  color:#fff; border:1px solid #353535; }
.page .thisclass{ background:#353535;  color:#fff; border:1px solid #353535;}
.page a:hover{ background:#353535;  color:#fff; text-decoration:none; border:1px solid #353535;}
.n_banner03{ height:32.5rem;}
.n_banner03 .layui-container01,.n_banner03 .layui-row,.n_banner03 .layui-col-xs12{ height:100%}
.n_banner03 .table{ }
.n_banner03 .h3{}
.n_join{ padding:5rem 0 5rem; background:#f5f5f5;}
.n_join .title{ margin-bottom:5.3125rem; text-align:center}
.n_join .title .h4{ font-size:1.375rem; color:#474649; line-height:2.5rem; margin-bottom:2.75rem}
.n_join .title .h3{ font-size:2.25rem; color:#d5042c; font-weight:bold;}
.n_join ul{ margin-bottom:6.25rem}
.n_join ul>li{ border:#dcdee0 2px solid; margin-bottom:3.25rem; }
.n_join ul>li .box{overflow:hidden;position:  relative;}
.n_join ul>li .box .left{float: left;height: 100%;width:18.20%;border-right:#dcdee0 2px solid;text-align:center;position:  absolute;}
.n_join ul>li .box .left .con{width: 100%;height: 100%;min-height: 18.75rem;left: 0;padding: 3rem 0.5rem;}
.n_join ul>li .box .left .h3 img{ width:8.125rem}
.n_join ul>li .box .left .h4{font-size:1.5rem;color:#45444d;margin:1.125rem 0 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_join ul>li .box .left .h6{font-size:12px;color:#afaeb4;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_join ul>li .box .right{width:81%;height:auto;padding:3.125rem 0;float: right;}
.n_join ul>li .box .right .con{ padding:0 4rem; min-height:13.125rem}
.n_join ol{ padding:0 0 0 2rem}
.n_join ol>li{list-style:decimal-leading-zero;font-size: 1rem;color: #727272;line-height: 2.125rem;}
.n_join .bottom .h3{ font-size:1.375rem; color:#d5042c; margin-bottom:2.25rem}
.n_join .bottom p{ font-size:0.9375rem; line-height:2.375rem; color:#727272;}
.n_join .bottom p b,.n_join .bottom p a{ font-weight:bold; color:#45444d}
.n_banner04 .h3{ margin-bottom:2.125rem; color:#fff}
.n_banner04 h2{ font-size:2.8125rem}
.n_news{ padding:0; background:#f5f5f5; position:relative}
.n_news .layui-col-xs12{ position:relative}
.n_news .layui-col-xs12:before{ content:""; position:absolute; right:10%; right:10rem; top:0; width:1px; height:100%; background:#e4e4e4; }
.n_news .left{ float:left; width:85%; width:calc(100% - 15rem); padding:4.75rem 0 6.25rem; }
.n_news .left ul{ font-size:0; margin:0 -1.5625rem}
.n_news .left ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; padding:0 1.5625rem; margin-bottom:3.4375rem}
.n_news .left ul li.li{ width:66.666666%}
.n_news .left ul li.li .top{ padding:4.75rem 4.375rem 0; position:absolute; left:0; top:0; width:100%; height:100%;}
.n_news .left ul li.li .top span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; background:#d5042c; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#fff}
.n_news .left ul li.li .top .h5{ font-size:1.5rem; color:#fff; line-height:2.375rem; font-weight:bold; margin:1.5rem 0 1.875rem}
.n_news .left ul li.li .top .h4{ font-size:1.5rem; color:#fff; font-weight:bold; font-family:"Microsoft Yahei";}
.n_news .left ul li .img,.n_news .left ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .left ul li .con .table_cell{ text-align:left}
.n_news .left ul li .con{ background:#fff; padding-left:1.875rem !important; padding-right:1.875rem !important; padding-top:3rem; padding-bottom:3rem;}
.n_news .left ul li .con span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; border:#cdcdcd 1px solid; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#9d9d9d}
.n_news .left ul li .con .h5{ margin:1.875rem 0 1rem}
.n_news .left ul li .con .h5,.n_news .left ul li .con .h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem; color:#3b3c3c; font-weight:bold}
.n_news .left ul li .con p{ font-size:0.8125rem; line-height:22px; height:44px; overflow:hidden; color:#8d8d8d; margin-bottom:1.625rem}
.n_news .left ul li .con .h6{ font-size:0.875rem; color:#4d4c51}
.n_news .left ul li .con .h6 img{ margin:-3px 7px 0 0}
.n_news .left ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_news .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .n_news .left ul li .img .red-bg{filter:none;}/*for IE9*/
.n_news .left ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_news .left ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_news .left ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.n_news .right{ float:right; width:10%; width:10rem; padding:4.75rem 0 6.25rem; text-align:right}
.n_news .right h2{ font-size:4.375rem; color:#3a3a3a; text-transform:capitalize; margin-bottom:1rem}
.n_news .right h2.on{ background:url(../image/jiantou.png) 20% 0.75rem no-repeat}
.n_news .right h2.on a{ color:#d5042c;}
.n_news .right ul li,.n_news .right ul li a{ font-size:0.875rem; color:#474849; line-height:2.875rem;}
.n_news .right ul li.on,.n_news .right ul li:hover{ background:url(../image/jiantou.png) 20% 1rem no-repeat}
.news_nav{ display:none; padding:3rem 0 0; margin-bottom:-2rem}
.news_nav ul{ font-size:0;}
.news_nav ul li{ width:20%; display:inline-block; *display:inline; *zoom:1; text-align:center}
.news_nav ul li a{font-size:12px;height: 3rem;line-height: 3rem; color:#3b3c3c; text-transform:capitalize}
.news_nav ul li:first-child a{ font-size:20px;}
.news_nav ul li.on a{ text-decoration:underline; color:#d4042c;}
.n_banner05{ position:relative}
.video_box{ background:#000; position:absolute; width:100%; height:100%; z-index:0}
.video_box video{ position:absolute;z-index:1;top:50%;left:50%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7}
.n_banner05 .layui-container01,.n_banner05 .layui-row,.n_banner05 .layui-col-xs12{ height:100%}
.n_banner05 dl,.n_banner05 dl dt,.n_banner05 dl dd{ height:100%; overflow:hidden}
.n_banner05 dl dt,.n_banner05 dl dd{ float:left; width:25%; border-right:rgba(255,255,255,0.2) 1px solid}
.n_banner05 dl dt .table{ text-align:left}
.n_banner05 dl dt .h3{font-size:4.125rem;color:#fff;font-family:Impact;}
.n_banner05 dl dt .h4{ font-size:2.5rem; color:#fff; margin:1.875rem 0 0.875rem}
.n_banner05 dl dt h2{ font-size:2.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner05 dl dt .h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}
.n_banner05 dl dd .h3{ height:4.5rem; line-height:4.5rem}
.n_banner05 dl dd .h4{ font-size:1.5rem; color:#fff; margin:0 0 1.875rem; text-transform:uppercase; font-weight:bold;}
.n_banner05 dl dd h2{ font-size:2.125rem; color:#fff; margin-bottom:1.125rem}
.n_banner05 dl dd .h5{ font-size:1.125rem; color:#fff; text-transform:uppercase}
.n_banner05 dl dd .h6{ font-size:1.125rem; line-height:2.1875rem; color:#fff; text-transform:uppercase; margin-bottom:2rem}
.n_banner05 dl dd .h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline}
.n_banner05 dl dd ul{ font-size:0}
.n_banner05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.n_banner05 dl dd ul li .h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}
.n_banner05 dl dd .con{ height:19.6875rem; position:relative}
.n_banner05 dl dd{ position:relative}
.n_banner05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(213,4,44,0.75);}
:root .n_banner05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D5042C', endColorstr='#00D5042C');}/*for IE9*/
:root .n_banner05 dl dd:before{filter:none;}/*for IE9*/
.n_banner05 dl dd:hover:before{ left:0; width:100%}
.n_banner06{  position:relative}
.n_banner06 .layui-container01{position:relative}
.n_banner06 .layui-container01,.n_banner06 .layui-row,.n_banner06 .layui-col-xs12{ height:100%}
.n_banner06 .left{ text-align:left}
.n_banner06 .left .h3{font-size:4.375rem;color:#fff;font-family:Impact;}
.n_banner06 .left .h4{ font-size:2.25rem; color:#fff; margin:1.875rem 0 4rem; font-weight:bold; position:relative}
.n_banner06 .left .h4:before{ content:""; position:absolute; left:0; bottom:-2rem; height:2px; background:#fff; width:3rem;}
.n_banner06 .left .h6{ font-size:1rem; color:#fff; text-transform:uppercase; margin-bottom:7.5rem}
.n_banner06 .left ul li{ display:inline-block; margin-right:1.25rem; overflow:hidden}
.n_banner06 .left ul li a{display:inline-block;width:11.25rem;height:2.8125rem;line-height:2.8rem;border: rgba(255,255,255,0.25) 1px solid;-moz-border-radius:1.4rem;-webkit-border-radius:1.4rem;border-radius:1.4rem;text-align:center;font-size:0.9375rem;color:#fff;margin-bottom: 1px;overflow:hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;}
.n_banner06 .left ul li a:before{ content:""; position:absolute; bottom:0; left:-1px; right:-1px; height:0; background:#d4042c; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner06 .left ul li a span{ position:relative}
.n_banner06 .left ul li a span img{ margin-right:1rem}
.n_banner06 .right { width:70%; position:absolute; bottom:-2.75rem; right:-3.75rem;}
.n_banner06 .right img.active{ transform: translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transition-timing-function: cubic-bezier(.175,.885,.32,1.275); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-duration: 1s; -webkit-transition-duration:1s; opacity:1}
.n_case01 .title{ margin-bottom:3.625rem}
.n_case01 .title .h5{ font-size:1.125rem; color:#000000; margin-bottom:1.125rem}
.n_case01 .title h2{ font-size:2.5rem; color:#000000; font-weight:bold}
.n_case01{padding: 7.625rem 0 4.25rem;background:#f5f5f5;}
.n_case01 ul{font-size:0;margin: 0 -1.06255rem;}
.n_case01 ul li{width:25%;display:inline-block; *display:inline; *zoom:1;padding: 0 1.06255rem;margin-bottom: 2.375rem;}
.n_case01 ul li .img,.n_case01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case01 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.n_case01 ul li .con .h5,.n_case01 ul li .con .h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.n_case01 ul li .con .h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case01 ul li .con .h5 i{ float:right;}
.n_case01 ul li .con .h5 i img{ max-height:1.5rem}
.n_case01 ul li .con .h6{font-size: 12px;color:#4d4c51;}
.n_case01 ul li .con hr{ margin:1.125rem 0 1.25rem}
.n_case01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_case01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_case01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .n_case01 ul li .img .red-bg{filter:none;}/*for IE9*/
.n_case01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_case01 ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case01 ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.n_news_detail{background:#f6f6f6;padding: 3.125rem 0 0;margin-bottom: -2rem;}
.n_news_detail .left{ float:left; width:70%; width:calc(100% - 30rem);}
.n_news_detail .left .box{ padding:4rem 5rem; background:#fff}
.n_news_detail .left .box .ar_title{ margin-bottom:3.125rem}
.n_news_detail .left .box .ar_title .h3{font-size:2.125rem;color:#404142;line-height:3rem;font-weight:bold;margin-bottom: 0.5rem;}
.n_news_detail .left .box .ar_title .h6 span{position:relative;font-size:13px;color: #808080;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right:1.675rem;}
.n_news_detail .left .box .ar_title .h6 span img{ margin:-3px 0.45rem 0 0}
.n_news_detail .left .box .ar_title .h6{ display:inline-block; position:relative;} 
.n_news_detail .left .box .ar_title .h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}
.shart_box{display:inline-block; cursor:pointer}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{display: none;margin-top: 0.25rem;margin-left: -1rem;}
#j_shart_s_24 strong{z-index:2;line-height:36px;font-size:12px;color: #7e8080;font-weight: normal;display: none;}
#j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#j_shart_s_24.xian{ display:inline-block}
.b_nav{ text-align:center; margin-top:3.75rem}
.b_nav .con{ font-size:1.0625rem;}
.b_nav .con.center{ display:inline-block;}
.b_nav .con.center img{ margin:-3px 0.875rem 0;}
.b_nav .con.fl img{ margin:-3px 0.875rem 0 0;}
.b_nav .con.fr img{ margin:-3px 0 0 0.875rem;}
.b_nav .con.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#666565}
.n_news_detail .right{ float:right; width:25%; width:25rem;}
.n_news_detail .right .gg{ margin-bottom:2.75rem}
.n_news_detail .right .con{ margin-bottom:2rem}
.n_news_detail .right .con .h3{ font-size:1.375rem; color:#404142; font-weight:bold; padding-bottom:1.25rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .right .con ul li{ font-size:1.0625rem; color:#404142; line-height:2.875rem;}
.n_news_detail .right .con ul li a{ color:#404142;}
.n_case01 .title .h5 font{ color:#d5042c}
.ar_wap.clear{ display:none}
.al_select{ background:#f5f5f5}
.al_select ul{ font-size:0; text-align:center; border-bottom:#e0dfe2 1px solid;}
.al_select ul li{ width:50%; display:inline-block; *display:inline; *zoom:1; height:5.25rem; line-height:5.25rem; position:relative }
.al_select ul li:after{ content:""; position:absolute; width:0; right:0; bottom:-1px; height:2px; background:#ff0000; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}
.al_select ul li.on:after{ left:0; width:100%}
.n_case_x{padding: 7.625rem 0 4.25rem;background:#f5f5f5;}
.n_case_x ul{font-size:0;margin: 0 -1rem;margin-bottom: -3rem;}
.n_case_x ul li{width:20%;display:inline-block; *display:inline; *zoom:1;padding: 0 1rem;margin-bottom: 7.5rem;text-align:center;}
.n_case_x ul li .img,.n_case_x ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case_x ul li .con{padding: 1.55rem 0 0 0;text-align:center;}
.n_case_x ul li .con .h5,.n_case_x ul li .con .h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.n_case_x ul li .con .h6{ margin:0 -0.3125rem; margin-top:1.25rem;}
.n_case_x ul li .con .h6 span{ display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0.3125rem; }
.n_case_x ul li .con .h6 span a{ display:block; width:100%; height:40px; line-height:38px; border:#dcdcdc 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; cursor:pointer}
.n_case_x ul li .con .h6 span a{ font-size:0.875rem; color:#4b4949}
.n_case_x ul li .img .top{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_case_x ul li .img .top .table_cell{ position:relative;}
.n_case_x ul li .img .top .table_cell .sj_top{position:absolute;width:100%;top: 4.4%;left:0;text-align:center;z-index: 10;}
.n_case_x ul li .img .top .table_cell .sj_top img{ width:auto; height:1rem; display:inline-block; margin-top:0}
.n_case_x ul li .img .top img{width:75%;border-radius: 1.125rem;margin-top: 0.25rem;}
.n_case_x ul li .img .top img.on{ filter:alpha(opacity=45); opacity:0.45; -moz-opacity:0.45; -khtml-opacity:0.45}
.n_case_x ul li .img .ewm{ position:absolute; left:0; top:0; width:100%; height:100%; display:none}
.n_case_x ul li .img .ewm img{ width:8.125rem}
#filters {
margin:1%;
padding:0;
list-style:none;
}
#filters li {
float:left;
}
#filters li span {
display: block;
padding:5px 20px;		
text-decoration:none;
color:#666;
cursor: pointer;
}
#filters li span.active {
background: #e95a44;
color:#fff;
}
#portfoliolist .portfolio,#portfoliolist01 .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display:none;
float:left;
overflow:hidden;
}
.portfolio-wrapper {
overflow:hidden;
position: relative !important;
background: #666;
cursor:pointer;
}
.portfolio img {
max-width:100%;
position: relative;
}
.portfolio .label {
position: absolute;
width: 100%;
height:40px;
bottom:-40px;
}
.portfolio .label-bg {
background: #e95a44;
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.portfolio .label-text {

color:#fff;
position: relative;
z-index:500;
padding:5px 8px;
}
.portfolio .text-category {
display:block;
font-size:9px;
}
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.zixu_wap{ display:none !important}
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 62px; height: 62px; border-radius: 50%; position: fixed; bottom: 1px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #f10000, #f10000); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute;     top: -1px; left: -1px; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(241,0,0,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45;font-size: 1rem; }
.rd-notice-type-success { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #f10000 }
.rd-notice-type-success:after { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
.n_news .right.fixed{position:fixed;right: 50%;margin-right: -800px;top: 6.25rem;}
.n_small .fl00 .title{ text-align:center; margin-bottom:2.5rem}
.n_small .fl00 .title h2{font-size:6.25rem;color:#fcf2f3;text-transform:uppercase;font-weight:bold;position:  relative;z-index: 0;}
.n_small .fl00 .title .h3{font-size:1.875rem;color:#3e3e3e;margin-bottom: 2.5rem;font-weight:bold;margin-top: -4rem;position:relative;z-index: 1;overflow:  visible;}
.n_small .fl00 .title .h3 span{ display:inline-block; padding:0.25rem 1rem; background:#ffffff}
.n_small .fl00 .title .h5{ font-size:1.125rem; color:#2f2f2f}
.n_small .fl00 .title .h5 span{ display:inline-block; position:relative; padding:0 50px}
.n_small .fl00 .title .h5 span:before{ content:""; position:absolute; top:50%; margin-top:-0.5px; width:38px; height:1px; left:0; background:#d5042c}
.n_small .fl00 .title .h5 span:after{ content:""; position:absolute; top:50%; margin-top:-0.5px; width:38px; height:1px; right:0; background:#d5042c}
.n_small .fl01{ padding:7.75rem 0 6.25rem; background:url(../image/n_small_fl01_bg.jpg) center bottom no-repeat; background-size:100% auto; overflow:hidden}
.n_small .fl01 .box{ background:url(../image/n_small_fl01_bg.png) center no-repeat; height:471px;}
.n_small .fl02{ padding:7.75rem 0 6.25rem; background:#fdfdfd}
.n_small .fl02 .title .h3{ margin-top:0;}
.n_small .fl02 .title .h3 span{ background:none}
.n_small .fl02 ul{ padding:0 6.5625rem; margin:0 -5px;}
.n_small .fl02 ul .miso-list{ padding:1rem 0}
.n_small .fl02 ul li{ padding:0 5px;}
.n_small .fl02 ul li .img{ box-shadow:0 4px 7px rgba(0,0,0,0.09)}
.n_small .fl02 ul li .img img{ width:100%}
.n_small .fl02 ul li .con .h5{ line-height:4.375rem; text-align:center; font-size:1.5rem; color:#3c3c3c}
.n_small .fl02 .miso-prev,.n_small .fl02 .miso-next{z-index:100000;width: 62px;height: 62px;line-height: 60px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 33%;}
.n_small .fl02 .miso-prev:hover,.n_small .fl02 .miso-next:hover{ opacity:1}
.n_small .fl02 .miso-prev{left:0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-prev:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl02 .miso-next{right: 0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-next:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-next:before{content:">";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl03{padding:7.75rem 0 6.25rem;background:url(../image/n_small_fl03_bg_02.jpg) center no-repeat;background-size:auto 100%;position:relative;}
.n_small .fl03 .title .h3{ margin-top:0; color:#fff}
.n_small .fl03 .title .h3 span{ background:none}
.n_small .fl03 ul .miso-list{ padding:10rem 0 10rem !important}
.n_small .fl03 ul{padding:0 6.5625rem;margin:0 -0.5rem;margin-top: -10rem;}
.n_small .fl03 ul li{ padding:0 0.5rem;}
.n_small .fl03 ul li .box{ position:relative; height:22rem}
.n_small .fl03 ul li .con{ background:#fff url(../image/n_small_fl03_iconbg_02.png) right bottom no-repeat; padding:3.125rem 1.875rem; text-align:center;}
.n_small .fl03 ul li .con .con_li{position:  relative;}
.n_small .fl03 ul li .con .con_li .h3{ font-size:1.5rem; color:#141414; line-height:3rem; border-bottom:#d2d2d2 1px solid; border-top:#d2d2d2 1px solid; font-weight:bold}
.n_small .fl03 ul li .con .con_li p{font-size:0.875rem;color:#777777;line-height:22px;height: 66px;overflow: hidden;margin: 2.25rem 0; }
.n_small .fl03 ul li .con .icon{display:none;height:4rem;line-height:4rem;background:#d5042c;margin-top:-2px;position:  relative;}
.n_small .fl03 ul li .con .icon img{ height:2.375rem}
.n_small .fl03 ul li .con a{display:block;height:0;overflow:hidden;line-height:3.125rem;background:#d5042c;font-size:1rem;color:#fff;border-radius: 5px;position:  relative;}
.n_small .fl03 ul li .con .h4{ height:4rem; line-height:4rem; text-align:right; overflow:hidden}
.n_small .fl03 ul li .con .h4 img{ max-height: 4rem;}
.n_small .fl03 ul li .con img{ display:inline-block}
.n_small .fl03 ul li .con .h5{font-size:1.125rem;color:#d5042c;line-height:2rem;display:none;position:  relative;}
.n_small .fl03 .miso-prev,.n_small .fl03 .miso-next{z-index:100000;width: 62px;height: 62px;line-height: 60px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 45%;}
.n_small .fl03 .miso-prev:hover,.n_small .fl03 .miso-next:hover{ opacity:1}
.n_small .fl03 .miso-prev{left:0;border: #efa2b1 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl03 .miso-prev:hover{border: #fff 1px solid;}
.n_small .fl03 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #efa2b1;text-align: center;}
.n_small .fl03 .miso-next{right: 0;border: #efa2b1 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl03 .miso-next:hover{border: #fff 1px solid;}
.n_small .fl03 .miso-next:before{content:">";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #efa2b1;text-align: center;}
.n_small .fl03 ul li.miso-center .con{background:#fff;position:absolute;height: 35rem;left:0;width:100%;top:-10rem;}
.n_small .fl03 ul li.miso-center .con:before{content:"";position:absolute;left: 0;top:0;bottom: 0;right: 0;border:  #d4042c 0.5rem solid;}
.n_small .fl03 ul li.miso-center .con .con_li{ border:#f0a4b3 2px solid; padding:2.75rem 1.5rem 0 1.5rem}
.n_small .fl03 ul li.miso-center .con .icon{ display:block;}
.n_small .fl03 ul li.miso-center .con .h4{ height:0;}
.n_small .fl03 ul li.miso-center .con .h5{ display:block;}
.n_small .fl03 ul li.miso-center .con a{height:3.125rem;margin: 2.25rem 0 2rem;}
.n_small .fl03 ul li.miso-center .con .con_li .h3{ height:4rem; line-height:4rem; border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; font-size:1.875rem; color:#d4042c}
.n_small .fl03 .title{height:6.875rem;line-height: 4.875rem;position:absolute;bottom:0;left:0;width:100%;font-size:1.875rem;color:#fff;margin-bottom: 0;}
.n_small .fl03 .title font{ font-size:2.25rem}
.n_small .fl04{ padding:8.3125rem 0 2.25rem; background:url(../image/n_small_fl04_bg.png) center bottom no-repeat;}
.n_small .fl04 .left{ width:52.5%}
.n_small .fl04 .left .box{ text-align:left}
.n_small .fl04 .left .box .title{text-align:left;margin-bottom: 4rem;}
.n_small .fl04 .left .box .title .h4{ font-size:1.875rem; color:#3c3c3c; font-weight:bold; margin-bottom:2.25rem; padding:3rem 0 0}
.n_small .fl04 .left .box .title .h5{ font-size:1rem; color:#3c3c3c; line-height:2rem}
.n_small .fl04 .left .box ul li{display:inline-block;width:135px;position:relative;}
.n_small .fl04 .left .box ul .li{ margin-right: 8rem;}
.n_small .fl04 .left .box ul .li[aos=fade-right]:before{content:"";position:absolute;top:50%;width:6rem;height:1px;border-bottom:#fff 1px dashed;right: -7rem;}
.n_small .fl04 .left .box ul .li[aos=fade-right].aos-animate:before{ content:"";border-bottom:#ffc010 1px dashed;transition-delay:1s}
.n_small .fl04 .left .box ul li canvas{ position:relative; z-index:1; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}
.n_small .fl04 .left .box ul li .con{position:absolute;left:0;top:0;width:100%;height:100%;line-height: 135px;}
.n_small .fl04 .left .box ul li .con .h3{font-size: 1.125rem;color: #3c3c3c;text-align: center;}
.n_small .fl04 .left .box ul li[aos=fade-right]{-webkit-transform:translate(-200px,0) rotate(-90deg);-ms-transform:translate(-200px,0) rotate(-90deg);transform:translate(-200px,0) rotate(-90deg);}
.n_small .fl04 .left .box ul li[aos=fade-right].aos-animate{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}
.n_small .fl04 .right{ width:37.5%}
.n_small .fl05{padding: 7.8125rem 0 7rem;background:url(../image/n_small_fl05_bg.jpg) center no-repeat;background-size:cover;position:relative;}
.n_small .fl05 .title{ margin-bottom:10rem}
.n_small .fl05 .title .h3{ margin-top:0; color:#fff}
.n_small .fl05 .title .h3 span{ background:none}
.n_small .fl05 ul .miso-list{ padding:10rem 0 10rem !important}
.n_small .fl05 ul{padding:0 6.5625rem;margin:0;margin-top: -10rem;}
.n_small .fl05 ul li{padding:0;text-align:  center;}
.n_small .fl05 ul li .box{position:relative;height: 10.625rem;}
.n_small .fl05 ul li .box .con{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; height:10.625rem}
.n_small .fl05 ul li .box .con img{ max-height:3rem}
.n_small .fl05 ul li .box .con .h5{ text-align:center; font-size:1.5rem; color:#fff; margin:2.5rem 0 0}
.n_small .fl05 ul li .box .con .h4 a{ font-size:1.125rem; color:#fff; height:2.8125; line-height:2.8rem; text-align:center; display:inline-block; width:60%; border:rgba(255,255,255,0.18) 1px solid; border-radius:4px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; display:none}
.n_small .fl05 .miso-prev,.n_small .fl05 .miso-next{z-index:100000;width: 62px;height: 62px;line-height: 60px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 45%;}
.n_small .fl05 .miso-prev:hover,.n_small .fl05 .miso-next:hover{ opacity:1}
.n_small .fl05 .miso-prev{left:0;border: #efa2b1 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-prev:hover{border: #fff 1px solid;}
.n_small .fl05 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #efa2b1;text-align: center;}
.n_small .fl05 .miso-next{right: 0;border: #efa2b1 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-next:hover{border: #fff 1px solid;}
.n_small .fl05 .miso-next:before{content:">";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #efa2b1;text-align: center;}
/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
box-shadow: 0 0 0 1px rgba(255,255,255,0.35);
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
text-align:  center;
}
.hi-icon-effect-5 .hi-icon:after {
display: none;
}
.no-touch .hi-icon-effect-5 .hi-icon:hover {
background: rgba(213,4,44,1);
color: #702fa8;
box-shadow: 0 0 0 10px rgba(213,4,44,0.35);
}
.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 0;
width: 8.125rem;
height: 8.125rem;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
line-height: 8.125rem;
}
.n_small .fl06{ padding:10.625rem 0 10rem; background:url(../image/n_small_fl06_bg.jpg) center no-repeat; background-size:cover;}
.n_small .fl06 .title { margin-bottom:4.375rem}
.n_small .fl06 .title .h3{ margin-top:0}
.n_small .fl06 .title .h3 span{ background:none}
.n_small .fl06 ul{ font-size:0; margin:0 -8px; text-align:center}
.n_small .fl06 ul li{ display:inline-block; width:20%; padding:0 8px; margin-bottom:16px;}
.n_small .fl06 ul li img{}
.my-map{ background:url(../image/marker.png) center no-repeat; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@font-face{ font-family:Roboto; src:url(../font/ROBOTO-LIGHT-10.TTF);}
.container04 .content{margin: 0 -2rem;margin-bottom:4.375rem;}
.container04 .content .box{display:inline-block;padding: 0 2rem;width: 33.333333%;float:left;}
.container04 .content .box .con{ padding:3rem 2.75rem 3.125rem; background:#fff; border-radius: 1rem;}
.container04 .content .box .con .title1 h2{font-size: 1.75rem;color:#000000;line-height:2rem;margin-bottom: 1.5rem;}
.container04 .content .box .con .title1 h2 img{width:2rem;height:2rem;margin: -3px 1rem 0 0;}
.container04 .content .box .con .title1 h2 a{ font-size:1rem; color:#000000; float:right; font-weight:lighter; transition:.5s}
.container04 .content .box .con ul li a:hover .h5{ color:#d4042c}
@media(max-width: 1200px){
.container04 .content .box{}
}
@media(max-width: 768px){
.container04 .content .box{ width:100%; margin-bottom:1.5rem}
.container04 .content .box .con{ padding:2rem 1.5rem 3rem}
.container04 .content .box:nth-child(2), .container04 .content .box:nth-child(3), .container04 .content .box:nth-child(4){}
.container04 .content{ margin-bottom:2rem}
.container04 .content .box .con ul li .h5{ font-size:15px}
}

@media(min-width: 768px){
.container01 .fl01 ul li a:hover .box span.y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.container01 .fl01 ul li a:hover .box span.y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.container01 .fl01 ul li:hover .icon .con01{ left:100%;}
.container01 .fl01 ul li:hover .icon .con02{ left:0;}
.container02 ul.ul li:hover .img:after{ left:0; width:0}
.container02 ul.ul li:hover .con:before{ left:0; width:100%}
.container02 ul.ul li:hover .con .h4{ height:1.875rem}
.container02 ul.ul li:hover .con .h5{ height:1rem}
.container04 .slider-for ul li a:hover .fr .h5{ color:#d4042c}
.container04 .slider-for ul li a:hover{ transform:translateY(-.5rem)}
.container08 .con.left ul li a:hover,.container09 ul li a:hover,.n_case ul li .con .h5 a:hover, .n_join .bottom p a:hover, .n_news .left ul li .con .h5 a:hover, .n_news .right ul li a:hover,.n_case01 ul li .con .h5 a:hover,.b_nav .con.center a:hover,.n_news_detail .right .con ul li a:hover{ color:#d4042c}
.n_case ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover img{ transform:scale(1.05);}
.n_news .left ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_news .left ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_news .left ul li .box .img:hover img{ transform:scale(1.05);}
.n_case01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case01 ul li .box .img:hover img{ transform:scale(1.05);}
.n_banner06 .left ul li a:hover{ border:#d4042c 1px solid}
.n_banner06 .left ul li a:hover:before{ top:0; height:100%}
.b_nav .con.fr a:hover{ color:#d4042c}
.n_about .fl03 ul li:hover a img.img02{ filter:alpha(opacity=1); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.al_select ul li:hover:after{ left:0; width:100%}
.n_case_x ul li .con .h6 span a:hover{ background:#ff0000; color:#fff; border:#ff0000 1px solid}
.container05 ul li .img:hover{}
.n_small .fl05 ul li .box:hover .con .h4 a{ margin-top:5.25rem; display:inline-block}
.n_small .fl05 ul li .box:hover .con{position:absolute;height: 21rem;left:0;width:100%; transform:translateY(-4.375rem);-o-transform:translateY(-4.375rem);-ms-transform:translateY(-4.375rem);}
.n_small .fl05 ul li .box .con .h4 a:hover{ background:#d5042c; display:inline-block; color:#fff}
.container01 .fl02 ul li:hover .h3 img{height:2.8125rem;-webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;opacity: 1;}
}
@media(min-width: 992px) and (max-width: 1300px){
}
@media(max-width: 1700px){
.n_about .fl02 ul .miso-prev{ left:2rem}
.n_about .fl02 ul .miso-next{ right:2rem}
}
@media(max-width: 1620px){
.container04 .slider-for ul{ margin:0 -1rem}
.container04 .slider-for ul li{width:33.333333%;padding: 0 1rem;}
.n_news .right.fixed{right:15px;margin-right:0;}
}
@media(max-width: 1470px){
.container04 .slider-for ul{ margin:0 -0.5rem}
.container04 .slider-for ul li{width:33.333333%;padding: 0  0 0 1rem;}
.container04 .slider-for ul li .box{}
.n_banner01 .fr ul{ margin:8rem 0 0 0}
.n_banner01 .fr ul li{ width:14rem}
.n_banner01 .fr ul li .h4{ height:4rem}
.n_banner01 .fr ul li .h4 span.counter{ font-size:4rem}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ top:70%}
.n_about .fl02 ul .miso-prev{ left:auto; right:8rem}
.n_about .fl02 ul .miso-next{ right:4rem}
}
@media(max-width: 1415px){
.container04 .slider-for ul li .box .fl .time h2{ font-size:1.5rem}
.n_banner05 dl dt,.n_banner05 dl dd{ height:50%;}
.n_banner05 dl dt,.n_banner05 dl dd{ width:50%; border-bottom:rgba(255,255,255,0.1) 1px solid; border-right:rgba(255,255,255,0.1) 1px solid;}
.n_banner05 dl dt .table{ text-align:center}
.n_banner05 dl dd:nth-child(2),.n_banner05 dl dd:last-child{ border-right:none}
}
@media(max-width: 1300px){
.n_news .left ul{ margin:0 -0.75rem}
.n_news .left ul li{ padding:0 0.75rem}
.n_news .left ul li:nth-child(2) .con p{ display: none}
.n_news .left ul li:nth-child(2) .con .h5{ margin-bottom:2rem}
.n_about .fl03 ul li.li .box img{ height:50%}
}
@media(max-width: 1240px){
.container04 .slider-for ul li .box{padding: 0;overflow: hidden;}
.container04 .slider-for ul li .box .fl .time h2{ margin-bottom:2rem}
.container04 .slider-for ul li .box .fr .h5{margin: 0 0 1rem;}
.container04 .slider-for ul li .box .fr p{}
}
@media(max-width: 1200px){
.container01 .fl01 ul li .icon .con img{ max-height:2.8rem}
.container02 ul.ul li{ width:33.333333%}
.container02 ul.ul li:nth-child(21){ display:block !important}
.container04 .slider-for ul{margin: 0 0 0 -1rem;width: auto}
.container04 .slider-for ul li{ width:50%;}
.container05{ background-position:0 !important}
.container08 .con.right{ padding:0 0 0 2rem}
.n_banner01 .fr ul{ margin:8rem 0 0 0}
.n_banner01 .fr ul li{ width:11rem}
.n_banner01 .fr ul li .h4{ height:3rem}
.n_banner01 .fr ul li .h4 span.counter{ font-size:3rem}
.n_news .left ul li .con{ padding-top:2rem; padding-bottom:2rem}
.n_news_detail .left{ width:100%; margin-bottom:3rem}
.n_news_detail .left .box{ padding:4rem 2rem}
.n_news_detail .right{ display:none}
.ar_wap.clear{ display:block}
.n_small .fl06 ul{ font-size:0; margin:0 -8px;}
.n_small .fl06 ul li{ display:inline-block; width:25%; padding:0 8px;}

.container04 .content .box { width:100%; margin-bottom:1.25rem}
.s_search{margin-top: 2rem !important;}
}
@media(max-width: 1060px){
}
@media(max-width: 992px){
header .fr{ display:none}
.wap_nav{ display:block}
.container01 .fl01 ul li{ width:33.333333%; margin-bottom:2rem}
.container03 ul li{width:25%;margin-bottom: 1.5rem;}
.container08 .con.center ul li.li{ display:none}
.container08 .con.left{ padding:0 2rem 0 0}
.n_banner01 .fl,.n_banner01 .fr{ width:100%}
.n_about .fl01 .fl{ margin-bottom:3rem}
.n_about .fl01 .fl,.n_about .fl01 .fr{ width:100%}
.n_about .fl01 .fl h2{ font-size:2rem}
.n_case ul{ margin:0 -0.75rem}
.n_case ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}
.n_join ul>li .box .left{ width:25%}
.n_join ul>li .box .right{ width:74%}
.n_news .left ul{ margin:0 -0.5rem}
.n_news .left ul li{padding:0 0.5rem;width:50%;height:  auto !important;margin-bottom: 2rem;}
.n_news .left ul li.li{ width:100%}
.n_news .left ul li:nth-child(2) .con{height:auto !important;padding-top: 2rem !important;padding-bottom: 2rem !important;}
.n_news .left ul li:nth-child(2) .con p{ display:block}
.n_news .left ul li:nth-child(2) .con .h5{ margin-bottom:1rem}
.n_news .right,.n_news .layui-col-xs12:before{ display:none}
.n_news .left{ width:100%}
.news_nav{ display:block}
.n_banner05 dl dt .h3{font-size:3rem;color:#fff;font-family:Impact;}
.n_banner05 dl dt .h4{ font-size:1.5rem; color:#fff; margin:1.875rem 0 0.875rem}
.n_banner05 dl dt h2{ font-size:1.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner05 dl dt .h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}
.n_banner05 dl dd .h3{ height:3.5rem; line-height:3.5rem}
.n_banner05 dl dd .h3 img{ height:1.5rem}
.n_banner05 dl dd .h4{ font-size:1.25rem; margin:0 0 1.5rem; }
.n_banner05 dl dd h2{ font-size:1.125rem; margin-bottom:0.75rem}
.n_banner05 dl dd .h5{ font-size:1rem; }
.n_banner05 dl dd .h6{font-size:1rem;line-height: 1.5rem;margin-bottom:1rem;}
.n_banner05 dl dd ul li{  margin:0  0.5rem; }
.n_banner05 dl dd .con{ height:auto}
.n_banner05 dl dd ul li .h3 img{ height:2.5rem}
.video_box{ display:none}
.n_banner06 .left .h3{ font-size:2.5rem; margin-top:-15rem}
.n_banner06 .left .h4{ font-size:1.25rem}
.n_banner06 .left .h6{ margin-bottom:4rem}
.n_banner06 .right{ width:100%; right:0rem; bottom:-1rem}
.n_case01 ul{ margin:0 -0.75rem}
.n_case01 ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}
.n_case_x ul li{width:33.333333%;}
.n_small .fl03 ul{ padding:0}
.n_small .fl04 .left{width: 65%;}
.n_small .fl04 .left .box ul li{ width:75px; height:75px}
.n_small .fl04 .left .box ul li canvas{transform:scale(0.55);float: left;margin: -29px;}
.n_small .fl04 .left .box ul li .con{ line-height:75px;}
.n_small .fl04 .left .box ul li.li01{width: 103px !important;}
.n_small .fl04 .left .box ul li.li01 .con{line-height: 106px !important;}
.n_small .fl04 .left .box ul .li{ margin-right:2rem}
.n_small .fl04 .left .box ul .li[aos=fade-right]:before{ width:1rem; right:-2rem}
.n_small .fl04 .right{width: 30%;}
.n_small .fl05 ul{padding:0;margin-top: 0;}
.n_small .fl05 ul .miso-list{padding: 2rem 0 !important;}
.n_small .fl05 .title{ margin-bottom:2rem}
.container06 .con.left{ margin-bottom:2rem}
}
@media(max-width: 768px){
    .container03 ul li .h5 br{ display:inline-block}
header .fl img{ height:2.4rem}
.banner_box .banner .cont h1{ font-size:3.5rem; line-height:6rem; }
.banner_box .banner .cont .intro{ font-size:1.25rem; letter-spacing:4px;}
.container01{padding: 3rem 0 4rem;}
.container01 .title{ margin-bottom:3rem}
.container01 .fl02 ul li{ width:20%; margin-bottom:1rem}
.container01 .fl02 ul li span{ opacity:1}
.container02 ul.ul li{width: 33.33333%;}
.container02 ul.ul li a .con .h3 img{ max-width:60%; max-height:3.5rem}
.container02 .title{margin-bottom: 2rem;margin-top: 4rem;}
.container02 .slider-for ul li{ width:100%;}
.container02 .slider-nav .miso-slide .h5{ padding:0; display:block}
.container02 .slider-for ul li .box .fl .dot img{ height:3.5rem}
.container03 ul .miso-slide li{ width:33.333333%; margin-bottom:1rem}
.container03 ul li .img{padding:0 1rem}
.container03 .title h2 img{height: 3rem;}
.container03 .title .h4 .ar_wap{ display:inline-block; line-height:1.75rem}
.container03{padding: 4rem 0;}
.container03 .title{ margin-bottom:3rem}
.container04{padding: 3.5rem 0 3rem;}
.container04 .title{ margin-bottom:3rem}
.container04 .slider-for{ margin-bottom:1.5rem}
.container04 .slider-for ul li{width:100%;margin-bottom: 1rem;}
.container04 .slider-nav .miso-slide .h5{ padding:0; display:block}
.container04 .slider-for ul li .box .fl .dot img{ height:3.5rem}
.container04 .slider-for ul li a{padding: 1.5rem 15px 1.5rem;}
.container05{padding: 4rem 0 3rem;}
.container05 .title{ margin-bottom:3rem}
.container05 ul{padding:0 0.5625rem;}
.container05 ul li{ width:33.333333%; padding:0 0.5625rem}
.container05 ul li .img{height: 5rem;line-height: 5rem;}
.container07{height:20rem;background-size: cover;}
.container06 .con.right{ margin-left:2rem}
.container06 .con.right .h3{margin:1rem 0 2rem;font-size: 1.25rem;}
.container08{ padding:3rem 0}
footer .fl{ line-height:1.5rem; margin-bottom:1rem; width:100%; text-align:center;}
footer .fl .ar_wap{ display:inline-block}
footer .fr{ text-align:center; position:relative; padding-right:2rem; width:100%;}
.container08 .con:before{ display: none}
.n_banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important}
.n_banner06{height:auto !important;}
.n_banner06 .left{ padding:3.25rem 0 4rem}
.n_banner06 .left .h3{ margin-top:0}
.n_banner06 .right{ position:relative}
.n_banner01 .fr ul{ width:100%; margin:3rem 0 0 0;}
.n_banner01 .fr ul li{ width:25%}
.n_about .fl01{ padding:3.5rem 0 1rem}
.n_about .fl01 .fr ul{ margin:0 0}
.n_about .fl01 .fr ul li{ width:25%; height:4.5rem; line-height:4.5rem}
.n_about .fl02 .miso-dots{ bottom:3rem}
.n_about .fl02 ul li.miso-slide .fl{ padding:2rem 0 0}
.n_about .fl02 ul li.miso-slide{ padding:5rem 0 12rem;}
.n_about .fl02 ul li.miso-slide .fl .h3{ font-size:1rem}
.n_about .fl02 ul li.miso-slide .fr h2{ font-size:6rem}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ width:11px; height:21px; background-size:cover}
.container08 .con.right .h3 img{ height:1rem}
.n_banner{ background-position:0 !important}
.n_banner02{ height:20rem !important}
.n_banner02 .h3{font-size: 2.375rem !important;line-height:  2.375rem !important;}
.n_banner02 .h4{font-size: 1rem !important;}
.n_banner02 h2{ font-size:2.4375rem;}
.n_banner02 .h6{ font-size:0.875rem; }
.n_case{ padding:3.625rem 0 3.25rem; }
.page a{ display:none}
.page a.block{ display:inline-block}
.n_join{ padding:3rem 0 3rem;}
.n_banner03{ height:20rem !important}
.n_banner03 .h3 img{ height:8rem}
.n_join ul{ margin-bottom:3rem}
.banner_box{overflow:hidden;height: auto;}
.banner_box .banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important}
.n_banner06 .left ul li a span img{ height:12px;}
.n_case01{ padding:3.625rem 0 3.25rem; }
.n_case01 .title .h5{ font-size:1.125rem; text-align:center}
.n_case01 .title h2{ font-size:2rem; text-align:center}
.n_banner06 .right img{ opacity:1; -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.n_news_detail .left .box .ar_title .h3{ font-size:1.5rem}
.n_about .fl03 ul li.li{ width:50%}
.n_about .fl03 ul li.li .box img{ height:30%}
.n_about .fl03 ul li{ width:25%}
.n_about .fl03 ul li a img.ar_wap{ display:block}
.n_about .fl03 ul li.li01{ opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; height:0}
.n_about .fl03 ul li.li01.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); height:auto}
.n_about .fl03 ul .more{ display:block}
.n_about .fl03 ul .more span.span02.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); width:auto}
.n_about .fl03 ul .more span.span01.none{ opacity:0;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6); width:0}
.n_case_x ul li{width:50%;}
.al_select ul li a img{ height:20px;}
.n_case_x{ padding:3rem 0 4rem}
.n_case_x ul li{ margin-bottom:5rem}
.container09 ul{ height:100%; overflow:hidden}
.container09 .more{text-align:center;display:  block;margin-top: 2rem;}
.container09 .more a{ font-size:0.875rem; color:#d4042c; text-decoration:underline}
.container09 .more a.a2{ display:none}
.container09 .more a.a1.none{ display:none}
.container09 .more a.a2.on{ display:inline-block}
.container09 ul.on{ height:auto;}
header .fl embed.wap{ display:inline-block; width:12rem}
header .fl embed.web{ display:none}
.button01.ar_web{ display:none}
.button01.ar_wap{ display:inline-block}
.zixu_wap{ display:inline-block !important}
.zixu_web{display: none !important;}
.banner_box .banner .cont .intro img{max-width:100%;position: relative;}
header .fl embed.web{ display: none}
.livechat-girl .livechat-hint.rd-notice-tooltip{ display:none !important}
.n_small .fl00 .title h2{ font-size:3.5rem}
.n_small .fl00 .title .h3{ font-size:1.5rem; margin-top:-2.5rem}
.n_small .fl00 .title .h5 span{ line-height:1.5rem; font-size:1rem}
.n_small .fl01{ padding:3rem 0 2rem}
.n_small .fl01 .box{ background-size:cover !important}
.n_small .fl02 ul{ padding:0 0rem;}
.n_small .fl02 .miso-prev,.n_small .fl02 .miso-next{z-index:100000;width: 32px;height: 32px;line-height: 30px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 33%;}
.n_small .fl02 .miso-prev:hover,.n_small .fl02 .miso-next:hover{ opacity:1}
.n_small .fl02 .miso-prev{left:0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-prev:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 30px;position:absolute;left:0;top:0;font-size: 18px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl02 .miso-next{right: 0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-next:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-next:before{content:">";width:100%;height:100%;line-height: 30px;position:absolute;left:0;top:0;font-size: 18px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl02 ul li .con .h5{ line-height:4rem; text-align:center; font-size:1.25rem; color:#3c3c3c}
.n_small .fl01 .box{ height:230px;}
.n_small .fl03 ul{ margin:0 -70%; margin-top:-10rem}
.n_small .fl05{ padding:4rem 0 3rem}
.n_small .fl05 .title .h3{ margin-top:0}
.n_small .fl06 ul{ font-size:0; margin:0 -8px;}
.n_small .fl06 ul li{ display:inline-block; width:33.333333%; padding:0 8px;}
.n_small .fl06{ padding:4rem 0 3rem}
.n_small .fl06 .title .h3{ margin-top:0}
.n_small .fl06 .title{ margin-bottom:3rem}
.n_small .fl05 ul li .box .con .h5{ margin-top:1.25rem; font-size:1rem}
.container07 .my-map{width:62px;height:70px;position:absolute;top:50%;margin-top: -55px;left:50%;margin-left:-31px; background-size:100% 100% !important}
.container06 .con.right .weixin{ position:relative; margin-top:2rem}
.container06 .con.right .h5{ line-height:2rem}
.banner_box .banner li{ height:100%}
.banner_box .banner .cont{ height:100%}

footer .layui-col-xs12>a{ display:block; text-align:center; margin:0 0 10px}
.container08 .con.right p{padding:0 0;line-height: 1.75;}
}
@media(max-width: 640px){
.container01 .fl01 ul li .box span.y1{border: #dbdbdb 1px solid;}
.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:6rem; height:6rem; line-height:6rem}
.container01 .fl01 ul li .icon .con img{ height:2.2rem}
.container01 .fl01 ul li .h5{ margin-bottom:0.5rem; margin-top:1.25rem}
.container01 .fl01 ul li .h6{ font-size:10px;}
.container01 .fl01 ul li .h6{ line-height:1.5rem; height:3rem}
.container04 .slider-for ul li .box .fr .h6 img{ width:2.4rem}
.container06{padding: 3rem 0;}
.container06 .con.left{ width:100%; text-align:center; margin-bottom:2rem}
.container06 .con.left .h3{ margin-bottom:1rem}
.container06 .con.right{ width:100%; text-align:center; margin-left:0}
.container08 .con.left,.container08 .con.center,.container08 .con.right,.container08 .con.right .box{ width:100%; padding:0; text-align:center}
.container08 .con.center{ margin-bottom:2rem}
.container08 .con.left{ padding:0 3rem}
.n_banner01 .fl h2{ font-size:1.75rem}
.n_banner01 .fl .h4{font-size:1.25rem;margin: 3rem 0 1.5rem;}
.n_banner01 .fr ul{ height:80px;}
.n_banner01 .fr ul li .h4{ height:2rem; overflow:hidden;}
.n_banner01 .fr ul li .h4 span.counter{ font-size:2rem}
.n_banner01 .fr ul li .h4 span{ font-size:1rem}
.n_banner01 .fl h2:before{ bottom:-1.25rem; height:2px}
.n_banner01 .fr ul li .h5{ padding-right:0.75rem; font-size:1rem}
.n_banner01 .fr ul li .h6{ padding-right:0.5rem; font-size:1rem}
.n_case ul{ margin:0 -0.5rem}
.n_case ul li .con .h5, .n_case ul li .con .h5 a{ font-size:1.125rem}
.n_case ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
.n_case ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}
.n_join .title .h4{ font-size:0.875rem}
.n_join .title .h3{ font-size:1.25rem}
.n_join ul>li{ margin-bottom:1.5rem}
.n_join ul>li .box .left{width:100%;display:block;border:none;border-bottom:#dcdee0 2px solid;padding:2rem 0;position: relative;}
.n_join ul>li .box .left .con{position:relative;min-height: auto;padding: 00.5rem;}
.n_join ul>li .box .left .con .h3 img{ width:5rem}
.n_join ul>li .box .right{ width:100%; display:block}
.n_join ul>li .box .right .con{ padding:0 1rem}
.n_news .left{ padding:4rem 0 3rem}
.n_news .left ul li.li .top{ padding:2rem 2rem 0}
.n_banner04 h2{ font-size:1.75rem}
.n_case01 ul{ margin:0 -0.5rem}
.n_case01 ul li .con .h5, .n_case01 ul li .con .h5 a{ font-size:1.125rem}
.n_case01 ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
.n_case01 ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}
.n_news_detail .left .box{ padding:4rem 1rem}
.n_news_detail .left .box .ar_title .h6 span img{ height:11px;}
.b_nav .con.center img{ height:14px;}
.b_nav .con.fl img,.b_nav .con.fr img{ width:14px;}
.ar_article p{ font-size:1rem}
.container08 .con.right p .ar_wap{ display:inline-block}
.n_case_x ul li .img .top .table_cell .sj_top img{ height:0.5rem}
.n_small .fl04 .left .box .title .h4{ padding:0.5rem 0 0}
.n_small .fl04 .left .box .title{ margin-bottom:2rem}
.n_small .fl04{ padding:3rem 0 4rem}
.n_small .fl04 .left .box ul li .con .h3{ font-size:0.875rem}
.n_small .fl06 ul{ font-size:0; margin:0 -5px;}
.n_small .fl06 ul li{ display:inline-block; width:50%; padding:0 5px; margin-bottom:1rem}
.hi-icon{ width:6rem; height:6rem; line-height:6rem}
.n_small .fl05 ul li .box .con img{ max-height:2rem}
.n_case ul{ margin:0 -0.35rem }
.n_case ul li{ padding:0 0.35rem; margin-bottom:1.25rem}
.container04 .slider-nav .btn_c3 .h5{ padding:0 8px;}
.container04 .slider-nav{ margin-bottom:2rem}
.container04 .title h2, .container05 .title h2, .container01 .title h2, .container02 .title h2{ font-size:1.5rem}
.container04 .title .h4, .container02 .title .h4, .container03 .title .h4{ font-size:1rem}
.container01 .fl01{ margin-bottom:1rem}
}
@media(max-width: 456px){
.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:5rem; height:5rem; line-height:5rem}
.container01 .fl01 ul li .icon .con img{ height:2rem}
.container01 .fl01 ul li .h6{line-height: 1.5rem;height: 3rem;}
.n_case ul li{ }
.n_news .left ul li{ width:100%; margin-bottom:1.5rem}
.n_case01 ul li{ width:100%;}
}
/* animated */
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInDown {
0% {

opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInLefts {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLefts {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInRights {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRights {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes scale_img {
0%{
-webkit-transform: scale(1) translateX(0px);
transform: scale(1) translateX(0px);
}
50%{
-webkit-transform: scale(1.1) translateX(30px);
transform: scale(1.1) translateX(30px);

}
100% {
-webkit-transform: scale(1.2) translateX(30px);
transform: scale(1.2) translateX(30px);
}
}
@keyframes scale_img {
0%{
-webkit-transform: scale(1) translateX(0px);
transform: scale(1) translateX(0px);
}
50%{
-webkit-transform: scale(1.1) translateX(30px);
transform: scale(1.1) translateX(30px);
}
100% {
-webkit-transform: scale(1.2) translateX(30px);
transform: scale(1.2) translateX(30px);
}
}
@-webkit-keyframes slideBg_fn {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
} 
@keyframes slideBg_fn {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
}
@-webkit-keyframes slideBg_fny {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
} 
@keyframes slideBg_fny {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
}
@-webkit-keyframes h_ani {
0% {
clip: rect(0px, 0px, 1100px, 0px);
}
100% {
clip: rect(0px, 2920px, 1100px, 0px);
}
}
@keyframes h_ani {
0% {
clip: rect(0px, 0px, 1100px, 0px);
}
100% {
clip: rect(0px, 2920px, 1100px, 0px);
}
}
@-webkit-keyframes side-in-out {
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: left;
-webkit-transform-origin: left;
}
50.1% {
transform-origin: right;
-webkit-transform-origin: right;
}
100% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
transform-origin: right;
-webkit-transform-origin: right;
}
}
@keyframes side-in-out {
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: left;
-webkit-transform-origin: left;
}
50.1% {
transform-origin: right;
-webkit-transform-origin: right;
}
100% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
transform-origin: right;
-webkit-transform-origin: right;
}
}
@-webkit-keyframes side-in-outy {
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: left;
-webkit-transform-origin: left;
}
50.1% {
transform-origin: right;
-webkit-transform-origin: right;
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: right;
-webkit-transform-origin: right;
}
}
@keyframes side-in-outy {
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: left;
-webkit-transform-origin: left;
}
50.1% {
transform-origin: right;
-webkit-transform-origin: right;
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
transform-origin: right;
-webkit-transform-origin: right;
}
}
@-webkit-keyframes con02 {
0% {
transform: translate(-392px,0px);
-webkit-transform: translate(-392px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@keyframes con02 {
0% {
transform: translate(-392px,0px);
-webkit-transform: translate(-392px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@-webkit-keyframes height {
0% {
min-height: 0;
}
100% {
min-height: 630px;
}
}
@keyframes height {
0% {
min-height: 0;
}
100% {
min-height: 630px;
}
}
@-webkit-keyframes height3 {
0% {
min-height: 0;
}
100% {
min-height: 479px;
}
}
@keyframes height3 {
0% {
min-height: 0;
}
100% {
min-height: 479px;
}
}
@-webkit-keyframes width {
0% {
width: 0;
}
100% {
max-width: 852px;
width: 100%;
}
}
@keyframes width {
0% {
width: 0;
}
100% {
max-width: 852px;
width: 100%;
}
}
@-webkit-keyframes width02 {
0% {
width: 0;
}
100% {
max-width: 1200px;
width: 100%;
}
}
@keyframes width02 {
0% {
width: 0;
}
100% {
max-width: 1200px;
width: 100%;
}
}
@-webkit-keyframes con04 {
0% {
transform: translate(-406px,0px);
-webkit-transform: translate(-406px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@keyframes con04 {
0% {
transform: translate(-406px,0px);
-webkit-transform: translate(-406px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@-webkit-keyframes pageRight {
0% {
-webkit-transform:none;
transform:none;
}
100% {
-webkit-transform:translate(-30px,20px);
transform:translate(-30px,20px);
}
}
@keyframes pageRight {
0% {
-webkit-transform:none;
transform:none;
}
100% {
-webkit-transform:translate(-30px,20px);
transform:translate(-30px,20px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes property_cooperation03 {
0% {
transform: translate(-278px,0px);
-webkit-transform: translate(-278px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@keyframes property_cooperation03 {
0% {
transform: translate(-278px,0px);
-webkit-transform: translate(-278px,0px);
opacity: 0;
}
100% {
transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
opacity: 1;
}
}
@-webkit-keyframes circle {
0% {
transform: scale(1);

-webkit-transform: scale(1);
opacity: 0.0;
}
100% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.5;
}
}
@keyframes circle {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
100% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.5;
}
}
@-webkit-keyframes h_circle {
0%{
transform: translate(0,0) rotate(45deg);
-webkit-transform: translate(0,0) rotate(45deg);
}
15%{
transform: translate(403px,0) rotate(90deg);
-webkit-transform: translate(403px,0) rotate(90deg);
}
50%{
transform: translate(200px,-206px) rotate(135deg);
-webkit-transform: translate(200px,-206px) rotate(135deg);
}
75%{
transform: translate(0px,-206px) rotate(235deg);
-webkit-transform: translate(0px,-206px) rotate(235deg);
}
100%{
transform: translate(0px,0) rotate(360deg);
-webkit-transform: translate(0px,0) rotate(360deg);
}
}
@keyframes h_circle {
0%{
transform: translate(0,0) rotate(45deg);
-webkit-transform: translate(0,0) rotate(45deg);
}
15%{
transform: translate(403px,0) rotate(90deg);
-webkit-transform: translate(403px,0) rotate(90deg);
}
50%{
transform: translate(200px,-206px) rotate(135deg);
-webkit-transform: translate(200px,-206px) rotate(135deg);
}
75%{
transform: translate(0px,-206px) rotate(235deg);
-webkit-transform: translate(0px,-206px) rotate(235deg);
}
100%{
transform: translate(0px,0) rotate(360deg);
-webkit-transform: translate(0px,0) rotate(360deg);
}
}
@-webkit-keyframes h_circle02 {
0%{
transform: translate(0,0) rotate(45deg);
-webkit-transform: translate(0,0) rotate(45deg);
}
15%{
transform: translate(77px,280px) rotate(90deg);
-webkit-transform: translate(77px,280px) rotate(90deg);
}
50%{
transform: translate(-15px,95px) rotate(135deg);
-webkit-transform: translate(-15px,95px) rotate(135deg);
}
75%{
transform: translate(55px,50px) rotate(235deg);
-webkit-transform: translate(55px,50px) rotate(235deg);
}
100%{
transform: translate(0,0) rotate(360deg);
-webkit-transform: translate(0,0) rotate(360deg);
}
}
@keyframes h_circle02 {
0%{
transform: translate(0,0) rotate(45deg);
-webkit-transform: translate(0,0) rotate(45deg);
}
15%{
transform: translate(77px,280px) rotate(90deg);
-webkit-transform: translate(77px,280px) rotate(90deg);
}
50%{
transform: translate(-15px,95px) rotate(135deg);
-webkit-transform: translate(-15px,95px) rotate(135deg);
}
75%{
transform: translate(55px,50px) rotate(235deg);
-webkit-transform: translate(55px,50px) rotate(235deg);
}
100%{
transform: translate(0,0) rotate(360deg);
-webkit-transform: translate(0,0) rotate(360deg);
}
}
@-webkit-keyframes popBody {
0% {
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
}
@keyframes popBody {
0% {
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
}
@-webkit-keyframes icon_video {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 1;
}
25% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.8;
}      
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.55;
}
75% {
-webkit-transform: scale(1.32);
transform: scale(1.32);
opacity: 0.3;
} 
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
} 
}
@keyframes icon_video {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 1;
}
25% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.8;
}      
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.55;
}
75% {
-webkit-transform: scale(1.32);
transform: scale(1.32);
opacity: 0.3;
} 
100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}   
}
@-webkit-keyframes icon_video02 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes icon_video02 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes joint_map {
0% {
-webkit-transform:scale(.6);
transform:scale(.6); 
opacity: .6;
}
100% {
-webkit-transform:scale(1.2);
transform:scale(1.2); 
opacity: .2;
}
}
@keyframes joint_map {
0% {
-webkit-transform:scale(.6);
transform:scale(.6); 
opacity: .6;
}
100% {
-webkit-transform:scale(1.2);
transform:scale(1.2); 
opacity: .2;
}
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform:scale(.9);
transform:scale(.9); 
opacity: 0;
}
100% {
-webkit-transform:scale(1);
transform:scale(1); 
opacity: 1;
}
}
@keyframes zoom-in {
0% {
-webkit-transform:scale(.9);
transform:scale(.9); 
opacity: 0;
}
100% {
-webkit-transform:scale(1);
transform:scale(1); 
opacity: 1;
}
}
@-webkit-keyframes fadeInscrollx {
0% {
-webkit-transform:scaleX(.8);
transform:scaleX(.8); 
opacity: 0;
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1); 
opacity: 1;
}
}
@keyframes fadeInscrollx {
0% {
-webkit-transform:scaleX(0);
transform:scaleX(0); 
opacity: 0;
visibility:hidden
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1); 
opacity: 1;
visibility:visible
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.scale_img {
-webkit-animation-name: scale_img;
animation-name: scale_img;
}
.slideBg_fn {
-webkit-animation-name: slideBg_fn;
animation-name: slideBg_fn;
}
.slideBg_fny {
-webkit-animation-name: slideBg_fny;
animation-name: slideBg_fny;
}
.h_ani {
-webkit-animation-name: h_ani;
animation-name: h_ani;
}
.side-in-out {
-webkit-animation-name: side-in-out;
animation-name: side-in-out;
}
.side-in-outy {
-webkit-animation-name: side-in-outy;
animation-name: side-in-outy;
}
.con02 {
-webkit-animation-name: con02;
animation-name: con02;
}
.height {
-webkit-animation-name: height;
animation-name: height;
}
.height3 {
-webkit-animation-name: height3;
animation-name: height3;
}
.width {
-webkit-animation-name: width;
animation-name: width;
}
.width02 {
-webkit-animation-name: width02;
animation-name: width02;
}
.con04 {
-webkit-animation-name: con04;
animation-name: con04;
}
.property_cooperation03 {
-webkit-animation-name: property_cooperation03;
animation-name: property_cooperation03;
}
.circle {
-webkit-animation-name: circle;
animation-name: circle;
}
.h_circle {
-webkit-animation-name: h_circle;
animation-name: h_circle;
}
.popBody {
-webkit-animation-name: popBody;
animation-name: popBody;
}
.pageRight {
-webkit-animation-name: pageRight;
animation-name: pageRight;
}
.icon_video {
-webkit-animation-name: icon_video;
animation-name: icon_video;
}
.icon_video02 {
-webkit-animation-name: icon_video02;
animation-name: icon_video02;
}
.joint_map {
-webkit-animation-name: joint_map;
animation-name: joint_map;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.fadeInLefts {
-webkit-animation-name: fadeInLefts;
animation-name: fadeInLefts
}
.fadeInRights {
-webkit-animation-name: fadeInRights;

animation-name: fadeInRights
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
.zoom-in{
-webkit-animation-name: zoom-in;
animation-name: zoom-in
}
.fadeInscrollx{
-webkit-animation-name: fadeInscrollx;
animation-name: fadeInscrollx
}
@media (min-width: 1360px){
.layui-container01 {
max-width: 1730px;
}
.layui-container01,.layui-container04{
padding: 0;
}
.n_news .right.fixed{ right:80px;}
}
.s_search{margin-top: 4rem;text-align: center;}
.s_search .box{ display: inline-block;}
.s_news_search{ float: left; color: #fff; margin-right: 50px; width: 320px; background: #fff; padding: 5px;}
.s_news_search .input{ height: 2.5rem; width: calc(100% - 70px); float:left;    font-size: 14px; color: #666; padding: 0 15px; border: 2px solid #d4042c;}
.s_news_search .button{height: 2.5rem; width:70px; float: left;border: 0; background: #d4042c;cursor: pointer;color: #fff;font-family: arial;font-size: .875rem;text-transform: uppercase;}
.s_news_keyword{ float: left; color: #fff; color: rgba(255,255,255,.7); line-height: 2.5rem; padding-top: 5px;}
.s_news_keyword a{ color: #fff;color: rgba(255,255,255,.8);  display: inline-block; margin: 0 5px; transition: .3s;}
.s_news_keyword a:hover{color: #fff;}
.s_news_search{ padding: 2px !important; margin-right: 3rem !important;}
.s_news_search .input{ height: 40px !important;}
.s_news_search .button{ border-radius: 0;
line-height: 2.5rem;}
.s_news_search .button{ position:relative; overflow:hidden; height: 40px !important; line-height: 40px !important; }
.s_news_search .button:before{
content: "";
position: absolute;
top: -30px;
left: -100px;
height: 110px;
width: 70px;
background: rgba(255, 255, 255, .6);
transform: rotate(20deg);
}
.s_news_search .button:hover:before{
left: 250px;
transition: all 0.6s;
}
.s_news_keyword{ padding-top: 2px; line-height: 40px !important;}
@media(max-width: 640px){
.s_news_search{ width:100% !important; margin-right: 0 !important;}
.s_news_keyword{ line-height: 30px !important; padding-top: 15px !important;}
}
.btn_more2{width: 13rem;height:3.5rem;line-height:3.5rem;margin: 0 auto;display:block;text-align:center;font-size:1rem;color:#242424;border-radius:3.25rem;position:relative;z-index:0;overflow:hidden;transition:all ease 600ms;}
.btn_more2:before{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:100%; border-radius:3.25rem;box-sizing:border-box; border:1px solid #d7dddf; transition:all ease 600ms; z-index:-1;}
.btn_more2:hover:before{ border:1px solid #d4042c;}
.btn_more2:after{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#d4042c; transition:all ease 600ms; z-index:-1;}
.btn_more2:hover:after{ width:100%; left:0; right:auto;}
.btn_more2:hover{ color:#fff;  }
@media(min-width: 768px){
.container03 ul li:hover{ top: -12px; }
.container03 ul li:hover .img img{ }
}
@media(max-width: 1200px){
}
@media(max-width: 967px){
.container03 ul .miso-slide li, .container03 ul li.wow{ width:25%;}
}
@media(max-width: 767px){
    .container06 .con.right h2{padding: 0 5%;}
    .container06 .con.right p{padding: 0;}
}
@media(max-width: 480px){
.container03 ul .miso-slide li, .container03 ul li.wow{ width:33.333%; margin-bottom: 1rem;}
.container03 ul .miso-slide li .h5, .container03 ul li.wow .h5{padding: 0 15px; height: 26px;}
.container03 ul{ padding-bottom: 1rem;}
}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;background: #d9d9d9;overflow: hidden;top:50%;z-index:9999;width: 11rem;left:50%;margin-left: -5.5rem;margin-top: -5.5rem;padding: .5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box .h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box .h5{ height: 2rem;line-height: 2rem;font-size: 13px;color: #6c6c6c;text-align:center;}

.list_box1 li a{display:block;position:relative;height: 3rem;line-height: 3rem;background:url(../image/line_dot.png) center bottom repeat-x;}
.list_box1 li a h2{display:inline-block;width: calc(100% - 5.5rem);font-size: 1rem;color:#000;transition:.5s;position:relative;padding-left: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_box1 li a h2:before{content:"";position:absolute;width: .375rem;height: .375rem;background:#d4042c;top:50%;margin-top: -.175rem;left:0;border-radius: 50%;}
.list_box1 li a span{float:right;font-size: .875rem;color:#d1d1d1;}

.container04 .content .box .con .title1 h2 a:hover, .list_box1 li a:hover h2{ color:#d4042c; padding-left:1.25rem}
.draw_h{ width: 4.125rem !important; height: 4.125rem !important; line-height: 4rem !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h:hover .icon{ fill:#0081cc;}

.m{ max-width: 1310px;}
@font-face{ font-family: DINCond-Medium; src: url(../font/DINCOND-MEDIUM-WEBFONT.TTF);}
#banner{position: relative;width: 100%;overflow: hidden;}
#canvas{
 position: absolute;
 width: 100vw;
 bottom: 0;
 left: 0;
 margin: 0;
 height: 15rem;
 z-index: 4;
 transform: none;
 -webkit-transform: none;
 -moz-transform: none;
 -o-transform: none;
 -ms-transform: none;
 opacity: 0.8;
}
.banner_wave{ position: absolute; left: 0; bottom: 0; width: 100%; pointer-events: none; height: 303px; background: url(../images/banner_wave.png) center top no-repeat; z-index: 9;}
#banner .swiper-container { height:37.5rem;  }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}
#banner .m.between{ justify-content: space-between; display: flex; align-items: center;}
#banner .txt{ flex-shrink: 0;}

#banner .txt01{ color: #fff; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center;  padding-bottom:4rem;}
#banner .txt01 h4{ font-size: 3rem; color: #fff; font-weight: bold; margin-bottom: 1rem; }
#banner .txt01 h3{ font-size: 1.375rem; color: #fff; line-height: 2.5rem; margin-top: 1rem; margin-bottom: 1.5rem;  }
#banner .txt01 p{ font-size: 1.125rem; line-height: 1.375rem; color: rgba(255, 255, 255, 1); text-transform: uppercase; display: block; font-family: ROBOTO-REGULAR;}

#banner .txt02{ color: #fff; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; text-align: left;  padding-bottom:3rem;}
#banner .txt02 h4{ font-size: 3rem; color: #fff; font-weight: bold; margin-bottom: 1rem; position: relative; }
#banner .txt02 h3{ font-size: 1.375rem; color: #fff; line-height: 2.5rem; margin-top: 1rem; margin-bottom: 1.5rem;  }
#banner .txt02 p{ font-size: 1.375rem; line-height: 1.375rem; color: #ee0632; text-transform: uppercase; display: block; font-family: ROBOTO-REGULAR;}
#banner .txt02 h4:before{ content: ""; display: block; position: absolute; left: -2.25rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; border-radius: 50%; box-sizing:border-box; border: 2px solid #e90632;}

#banner .txt03{ color: #fff; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; text-align: left;  padding-bottom:3rem;}
#banner .txt03 h4{ font-size: 3rem; color: #fff; font-weight: bold; margin-bottom: 1rem; position: relative; }
#banner .txt03 h3{ font-size: 1.375rem; color: #fff; line-height: 2.5rem; margin-top: 1rem; margin-bottom: 1.5rem;  }
#banner .txt03 p{ font-size: 1.125rem; line-height: 1.375rem; color: #fff; text-transform: uppercase; display: block; font-family: ROBOTO-REGULAR;}
#banner .txt03 h4:before{ content: ""; display: block; position: absolute; box-sizing:border-box; left: -2.25rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #e90632;}

#banner .swiper-button-prev{ position:absolute; background: center no-repeat !important; background-size:1.5rem !important; opacity:.8; left:4%;}
#banner .swiper-button-next{  position:absolute; background: center no-repeat !important; background-size:1.5rem !important; opacity:.8; right:4%;}
#banner .pic{ margin-bottom: 4rem; min-width:60%; height: calc(100% - 4rem); display: flex; justify-content: center; align-items: center;}
#banner .pic img{ max-height: 70%;}
#banner .txtanim01{ opacity: 0;}
#banner .txtanim02{ opacity: 0;}
#banner .txtanim03{ opacity: 0;}
#banner .swiper-slide.swiper-slide-active .txtanim01{ animation: enter 1.2s forwards .2s;}
#banner .swiper-slide.swiper-slide-active .txtanim02{ animation: enter 1.2s forwards .3s;}
#banner .swiper-slide.swiper-slide-active .txtanim03{ animation: enter 1.2s forwards .4s;}

.colorfont{ color: #ee0632; font-size: 3.125rem; font-family: DINCond-Medium; margin: 0 3px 0 3px; position: relative; bottom: -3px;}

.dotbox{ position: absolute; left: 0; bottom: 2rem; width: 100%; height: 20px; z-index: 111;}
.swiper-pagination{ width: 100%;}
.dotbox .dots{ width: 1.25rem !important; height: 1.25rem !important; display: inline-block; background: none; opacity: 1; margin-right: 7px; }
.dotbox .dots:before{ border: 0; background: #fff; transform: scale(.4);}
.dotbox .dots svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1.5;    
	stroke-dasharray: 0 , 62.8;
	stroke-dashoffset:62.8;
}
.dots.swiper-pagination-bullet-active svg.drawcircle circle { 
    animation: svgrotate 6.2s forwards;
}
@-webkit-keyframes svgrotate {
    0% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray: 0 , 62.8;
        stroke-dashoffset:62.8;}
    100% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray:62.8 , 0;
        stroke-dashoffset:62.8; }
 }
@keyframes enter {
 }
 
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 

@media (max-width: 1440px)
{
    #banner .swiper-button-prev{ left: 1%;}
    #banner .swiper-button-next{ right: 1%;}
    #banner .m.between{ padding: 0 7rem;}  
}
@media (max-width: 768px)
{
    #banner .m{ display: flex; flex-direction: column !important; justify-content: center !important; align-items: center !important;}
    #banner .txt{ height: auto !important;}
    #banner .swiper-container{ height: 56rem;}
    #banner .pic{ height: 20rem; width: 100%;}
    #banner .pic img{ max-height: 100%;}
}
@media (max-width: 480px)
{
    #banner .m{ padding: 0 2rem !important;}
    #banner .swiper-button-prev,
    #banner .swiper-button-next{ display: none;}
    #banner .txt h4{ font-size: 2rem !important;}
    #banner .txt h3{ font-size: 1.25rem !important; line-height: 2rem !important;}
    #banner .pic{ max-height: 14rem; height: auto;}
    #banner .swiper-container{ height: 40rem;}
}


.m{ height:100%;}
.lang-cs{color: #fff;}