@charset "utf-8";
/* Css Document */
html{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#505050; line-height:24px;}
@media screen and (max-width:1680px) { 
html{ font-size:12px; line-height:20px;}
}
body{ width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe{ margin:0px; padding:0px;}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#505050; text-decoration:none;}
a:hover{ color:#e60012; text-decoration:none;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0px; height:0px; padding:0px; margin:0px; clear:both;}
@font-face {
  font-family: "ARLRDBD";
  src: url("../Fonts/ARLRDBD.woff2") format("woff2"),
       url("../Fonts/ARLRDBD.woff") format("woff"),
       url("../Fonts/ARLRDBD.ttf") format("truetype"),
       url("../Fonts/ARLRDBD.eot") format("embedded-opentype"),
       url("../Fonts/ARLRDBD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Css Top */
.db-bg{ position:absolute; top:0; left:0; width:100%; height:75px; padding:0 50px; z-index:1000; box-sizing:border-box; -webkit-box-sizing:border-box; min-width:320px;}
.db-bg .db-lg{ float:left; width:98px;}
.db-bg .db-lg a{ display:block; width:98px; height:43px; background-image:url(../Images/logo.png); background-repeat:no-repeat; background-size:98px 43px; margin-top:16px;}
.db-bg .db-tb{ float:right;}
.db-bg .db-tb a{ display:block; float:left; width:30px; height:30px; border:1px solid #fff; margin-top:22px; margin-left:10px; background-repeat:no-repeat; background-position:center; background-size:30px 30px; border-radius:50%; -webkit-border-radius:50%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-bg .db-tb a:hover{ background-color:#fff;}
.db-bg .db-tb a.cn{ background-image:url(../Images/cn.png);}
.db-bg .db-tb a.en{ background-image:url(../Images/en.png);}
.db-bg .db-tb a.dh{ background-image:url(../Images/menu.png); background-size:16px 11px; display:none;}
.db-bg .db-tb a:hover.dh{ background-image:url(../Images/meau.png);}
.db-bg .db-lb{ float:right; margin-right:5px;}
.db-bg .db-lb a{ display:block; float:left; line-height:75px; font-size:15px; color:#fff; margin:0 13px; position:relative;}
.db-bg .db-lb a span{ position:absolute; left:0; bottom:5px; width:0; height:3px; background-color:#e60012; border-radius:1.5px; -webkit-border-radius:1.5px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-bg .db-lb a:hover span{ width:100%;}
@media screen and (max-width:1280px) { 
.db-bg{ padding:0 25px;}
.db-bg .db-lb{ display:none;}
.db-bg .db-tb a.dh{ display:block;}
}
@media screen and (max-width:640px) { 
.db-bg{ padding:0 15px; height:60px;}
.db-bg .db-lg a{ margin-top:18px;}
.db-bg .db-tb a{ margin-top:14px; margin-left:5px;}
}
/* Css Flash */
.swiper-container{ width:100%; height:815px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;}	
.swiper01{ background-image:url(../Images/flash01.jpg);}
.swiper02{ background-image:url(../Images/flash02.jpg);}
.swiper03{ background-image:url(../Images/flash03.jpg);}
.swiper04{ background-image:url(../Images/flash04.jpg);}
@media screen and (max-width:1680px) { 
.swiper-container{ height:713px;}
}
@media screen and (max-width:1440px) { 
.swiper-container{ height:611px;}
}
@media screen and (max-width:1280px) { 
.swiper-container{ height:543px;}
}
@media screen and (max-width:1024px) { 
.swiper-container{ height:435px;}
}
@media screen and (max-width:800px) { 
.swiper-container{ height:340px;}
}
@media screen and (max-width:640px) { 
.swiper-container{ height:272px;}
.swiper01{ background-image:url(../Images/mobile01.jpg);}
.swiper02{ background-image:url(../Images/mobile02.jpg);}
.swiper03{ background-image:url(../Images/mobile03.jpg);}
.swiper04{ background-image:url(../Images/mobile04.jpg);}
}
@media screen and (max-width:375px) { 
.swiper-container{ height:245px;}
}

@media screen and (max-width:320px) { 
.swiper-container{ height:215px;}
}

/* Css About */
.ab-bg{ background-color:#e60012;}
.ab-bg .ab-lb{ float:left; width:50%; height:388px; overflow:hidden;}
.ab-bg .ab-lb .ab-tx{ height:58%; padding:6.8% 20% 0 50px; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ab-bg .ab-lb .ab-tx strong{ display:block; font-size:24px; margin-bottom:25px;}
.ab-bg .ab-lb .ab-tb{ height:42%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ab-bg .ab-lb .ab-tb a{ display:block; float:left; width:25%; height:100%; border-top:1px solid #ee4d5a; border-right:1px solid #ee4d5a; color:#fff; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ab-bg .ab-lb .ab-tb a span{ display:block; width:52px; height:44px; margin:18% auto 8px; background-repeat:no-repeat; background-size:52px 44px; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ab-bg .ab-lb .ab-tb a:hover span{ margin:13% auto 8px;}
.ab-bg .ab-lb .ab-tb a span.tb02{ background-image:url(../Images/gs02.png);}
.ab-bg .ab-lb .ab-tb a span.tb03{ background-image:url(../Images/gs03.png);}
.ab-bg .ab-lb .ab-tb a span.tb04{ background-image:url(../Images/gs04.png);}
.ab-bg .ab-lb .ab-tb a span.tb05{ background-image:url(../Images/gs05.png);}
.ab-bg .ab-ig{ float:left; width:50%; height:388px; overflow:hidden;}
.ab-bg .ab-ig a{ display:block; width:100%; height:388px; position:relative;}
.ab-bg .ab-ig a div{ width:100%; height:388px; background-image:url(../Images/eb.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ab-bg .ab-ig a:hover div{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.ab-bg .ab-ig a dl{ position:absolute; left:43%; top:30%; font-size:15px; color:#fff; line-height:35px;}
.ab-bg .ab-ig a dl span{ display:block; width:40px; height:40px; margin:0 auto; background-image:url(../Images/ek.png); background-repeat:no-repeat; background-size:40px 40px; border-radius:50%; -webkit-border-radius:50%; animation: spin 5s linear infinite;}
@keyframes spin{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
@media screen and (max-width:1680px) { 
.ab-bg .ab-lb{ height:340px;}
.ab-bg .ab-ig{ height:340px;}
.ab-bg .ab-ig a{ height:340px;}
.ab-bg .ab-ig a div{ height:340px;}
}
@media screen and (max-width:1440px) { 
.ab-bg .ab-lb{ height:290px;}
.ab-bg .ab-lb .ab-tx{ padding:6.5% 10% 0 50px;}
.ab-bg .ab-lb .ab-tb a span{ margin:15% auto 8px;}
.ab-bg .ab-lb .ab-tb a:hover span{ margin:10% auto 8px;}
.ab-bg .ab-ig{ height:290px;}
.ab-bg .ab-ig a{ height:290px;}
.ab-bg .ab-ig a div{ height:290px;}
}
@media screen and (max-width:1280px) { 
.ab-bg .ab-lb .ab-tx{ padding:6.5% 10% 0 25px;}
.ab-bg .ab-lb .ab-tx strong{ display:block; font-size:22px; margin-bottom:20px;}
.ab-bg .ab-lb .ab-tb a span{ margin:18.2% auto 8px;}
}
@media screen and (max-width:1024px) { 
.ab-bg .ab-lb{ width:100%; height:auto;}
.ab-bg .ab-lb .ab-tx{ height:auto; padding:25px;}
.ab-bg .ab-lb .ab-tx strong{ margin:5px 0 15px;}
.ab-bg .ab-lb .ab-tb{ height:auto;}
.ab-bg .ab-lb .ab-tb a{ padding-bottom:25px;}
.ab-bg .ab-lb .ab-tb a span{ margin:25px auto 8px;}
.ab-bg .ab-lb .ab-tb a:hover span{ margin:25px auto 8px;}
.ab-bg .ab-ig{ width:100%; height:414px;}
.ab-bg .ab-ig a{ height:414px;}
.ab-bg .ab-ig a div{ height:414px;}
.ab-bg .ab-ig a dl{ left:45%;}
}
@media screen and (max-width:800px) { 
.ab-bg .ab-ig{ height:323px;}
.ab-bg .ab-ig a{ height:323px;}
.ab-bg .ab-ig a div{ height:323px;}
}
@media screen and (max-width:640px) { 
.ab-bg .ab-lb .ab-tx{ padding:25px 15px;}
.ab-bg .ab-lb .ab-tx strong{ font-size:20px; margin:0 0 10px;}
.ab-bg .ab-lb .ab-tb a{ width:50%;}
.ab-bg .ab-lb .ab-tb a.ab-as{ border-right:none;}
.ab-bg .ab-ig{ height:250px;}
.ab-bg .ab-ig a{ height:250px;}
.ab-bg .ab-ig a div{ height:250px;}
}

/* Css Text */
.tx-bg{ margin:62px 50px 65px; background-color:#fff;}
.tx-bg ul li{ float:left; width:29.5%; margin-right:5.75%; overflow:hidden;}
.tx-bg ul li strong{ display:block; font-size:24px; color:#333;}
.tx-bg ul li p{ margin-top:25px; color:#888;}
.tx-bg ul li a{ display:block; width:148px; height:38px; line-height:38px; border:1px solid #e0e0e0; text-align:center; color:#888; margin-top:40px; border-radius:20px; -webkit-border-radius:20px; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.tx-bg ul li a:hover{ background-color:#e60012; border:1px solid #e60012; color:#fff;}
@media screen and (max-width:1280px) { 
.tx-bg{ margin:45px 25px 50px;}
.tx-bg ul li strong{ font-size:22px;}
.tx-bg ul li p{ margin-top:15px;}
.tx-bg ul li a{ margin-top:25px;}
}
@media screen and (max-width:640px) { 
.tx-bg{ margin:25px 15px 0;}
.tx-bg ul li{ width:100%;}
.tx-bg ul li strong{ font-size:20px;}
.tx-bg ul li p{ margin-top:10px;}
.tx-bg ul li a{ margin-top:15px; margin-bottom:30px;}
}

/* Css Class */
.cl-lb a{ display:block; float:left; width:50%;}
.cl-lb a ul li{ float:left; width:50%; overflow:hidden; position:relative;}
.cl-lb a ul li.cl-ig div{ width:100%; height:385px; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.cl-lb a:hover ul li.cl-ig div{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cl-lb a ul li.cl-ig dl{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000; opacity:.55; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.55);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.55)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.cl-lb a:hover ul li.cl-ig dl{ opacity:.25;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.25);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.25)";}
.cl-lb a ul li.cl-ig span{ position:absolute; left:50%; top:50%; z-index:3; width:58px; height:58px; border:1px solid #fff; margin-top:-30px; margin-left:-30px; border-radius:50%; -webkit-border-radius:50%; background-image:url(../Images/ig.png); background-repeat:no-repeat; background-position:center; background-size:25px 25px; opacity:.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.5);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.5)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.cl-lb a:hover ul li.cl-ig span{ border:1px solid #e60012; background-color:#e60012; opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
.cl-lb a ul li.cl-gg div{ width:100%; height:385px; background-repeat:no-repeat; background-position:center; background-size:cover; padding:9.5% 0 0 10.5%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.cl-lb a ul li.cl-gg div strong{ display:block; font-size:18px; font-weight:normal; color:#333;}
.cl-lb a ul li.cl-gg div p{ width:98px; height:38px; line-height:38px; border:1px solid #c0c0c0; text-align:center; color:#888; margin-top:50px; border-radius:20px; -webkit-border-radius:20px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.cl-lb a:hover ul li.cl-gg div p{ margin-top:20px; opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
@media screen and (max-width:1680px) { 
.cl-lb a ul li.cl-ig div{ height:337px;}
.cl-lb a ul li.cl-gg div{ height:337px;}
.cl-lb a:hover ul li.cl-gg div p{ margin-top:15px;}
}
@media screen and (max-width:1440px) { 
.cl-lb a ul li.cl-ig div{ height:288px;}
.cl-lb a ul li.cl-gg div{ height:288px;}
}
@media screen and (max-width:1280px) { 
.cl-lb a ul li.cl-ig div{ height:257px;}
.cl-lb a ul li.cl-gg div{ height:257px;}
.cl-lb a ul li.cl-gg div strong{ font-size:16px;}
.cl-lb a ul li.cl-gg div p{ width:78px; height:30px; line-height:30px; border-radius:16px; -webkit-border-radius:16px;}
}
@media screen and (max-width:1024px) { 
.cl-lb a{ width:100%;}
.cl-lb a ul li.cl-ig div{ height:385px;}
.cl-lb a ul li.cl-gg div{ height:385px;}
.cl-lb a ul li.cl-gg div strong{ font-size:15px;}
.cl-lb a ul li.cl-yb{ float:right;}
}
@media screen and (max-width:800px) { 
.cl-lb a ul li.cl-ig div{ height:320px;}
.cl-lb a ul li.cl-gg div{ height:320px;}
}
@media screen and (max-width:640px) { 
.cl-lb a ul li.cl-ig div{ height:257px;}
.cl-lb a ul li.cl-gg div{ height:257px;}
}
@media screen and (max-width:414px) { 
.cl-lb a ul li.cl-ig div{ height:165px;}
.cl-lb a ul li.cl-gg div{ height:165px;}
.cl-lb a ul li.cl-gg div strong{ font-size:12px;}
}
@media screen and (max-width:375px) { 
.cl-lb a ul li.cl-ig div{ height:150px;}
.cl-lb a ul li.cl-gg div{ height:150px;}
}
@media screen and (max-width:320px) { 
.cl-lb a ul li.cl-ig div{ height:128px;}
.cl-lb a ul li.cl-gg div{ height:128px;}
}

/* Css Contact */
.lx-lb{ padding:65px 50px 62px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lx-lb ul li{ float:left; width:20%; color:#888; padding-right:25px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lx-lb ul li span{ display:block; width:65px; height:65px; background-repeat:no-repeat; background-size:65px 65px;}
.lx-lb ul li strong{ display:block; font-size:18px; color:#333; margin-top:15px; margin-bottom:3px;}
.lx-gb{ background-color:#f5f5f5;}
@media screen and (max-width:1280px) { 
.lx-lb{ padding:50px 25px 45px;}
}
@media screen and (max-width:1024px) { 
.lx-lb ul li span{ width:50px; height:50px; background-size:50px 50px;}
.lx-lb ul li strong{ font-size:16px;}
}
@media screen and (max-width:800px) { 
.lx-lb{ padding:50px 25px 20px;}
.lx-lb ul li{ width:33.3333%; margin-bottom:25px;}
.lx-lb ul li.lx-el{ clear:both;}
}
@media screen and (max-width:640px) { 
.lx-lb{ padding:25px 15px 0;}
.lx-lb ul li{ width:50%; margin-bottom:25px;}
.lx-lb ul li.lx-fx{ clear:both;}
.lx-lb ul li.lx-el{ clear:inherit;}
.lx-lb ul li.lx-ws{ display:none;}
}

/* Css Bottom */
.bt-bg{ height:88px; line-height:88px; color:#fff; background-color:#222; padding:0 50px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-bg span{ float:right;}
@media screen and (max-width:1280px) { 
.bt-bg{ padding:0 25px;}
}
@media screen and (max-width:640px) { 
.bt-bg{ height:auto; line-height:24px; padding:20px 15px 25px; text-align:center;}
.bt-bg span{ float:inherit; display:block;}
}

/* Css Page */
.flash{ width:100%; height:815px; background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:18.5%; text-align:center; color:#fff; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.flash strong{ display:block; font-family:"ARLRDBD"; font-size:48px; margin-bottom:25px;}
.flash a{ position:absolute; left:50%; bottom:10%; display:block; width:58px; height:58px; border:1px solid #fff; margin-left:-30px; border-radius:50%; -webkit-border-radius:50%; background-image:url(../Images/jt.png); background-repeat:no-repeat; background-position:center; cursor:pointer;}
.flash a:hover{ border:1px solid #e60012; background-color:#e60012; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
@media screen and (max-width:1680px) { 
.flash{ height:713px;}
}
@media screen and (max-width:1440px) { 
.flash{ height:611px;}
}
@media screen and (max-width:1280px) { 
.flash{ height:543px;}
}
@media screen and (max-width:1024px) { 
.flash{ height:435px;}
.flash strong{ font-size:38px; margin-bottom:20px;}
.flash a{ bottom:8%; width:48px; height:48px; margin-left:-25px;}
}
@media screen and (max-width:800px) { 
.flash{ height:340px;}
}
@media screen and (max-width:640px) { 
.flash{ height:272px; padding-top:20%;}
.flash strong{ font-size:30px; margin-bottom:0;}
.flash span{ display:none;}
.flash a{ bottom:8%; width:30px; height:30px; line-height:30px; margin-left:-16px; background-image:url(../Images/jm.png); background-size:14px 8px;}
}
@media screen and (max-width:480px) { 
.flash{ padding-top:28.5%;}
}
@media screen and (max-width:414px) { 
.flash{ padding-top:30.5%;}
.flash strong{ font-size:20px;}
}
@media screen and (max-width:375px) { 
.flash{ height:245px;}
}
@media screen and (max-width:320px) { 
.flash{ height:215px;}
}
.in-as{ width:1200px; margin:0 auto; padding:65px 0; background-color:#fff;}

/* Page About */
.in-ab{ padding:65px 0; background-color:#fff;}
.in-ab .in-al{ max-width:1200px; margin:0 auto;}
.in-ab .in-al ul{ margin-top:45px;}
.in-ab .in-al ul li{ display:block; float:left; width:22.375%; margin-right:3.5%; padding:50px 0; text-align:center; font-size:18px; background-color:#f0f0f0; cursor:pointer; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.in-ab .in-al ul li span{ display:block; width:98px; height:98px; margin:0 auto 25px; border:1px solid #e60012; background-color:#e60012; background-repeat:no-repeat; background-position:center; background-size:52px 44px; border-radius:50%; -webkit-border-radius:50%; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.in-ab .in-al ul li:hover{ background-color:#e60012; color:#fff;}
.in-ab .in-al ul li:hover span{ border:1px solid #fff;}
.in-ab .in-al dl{ display:none; margin-top:25px;}
.in-ab .in-al dl img{ width:100%;}
.in-gs{ width:100%; height:558px; background-image:url(../Images/gs.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; margin-bottom:65px;}
@media screen and (max-width:1680px) { 
.in-gs{ height:488px;}
}
@media screen and (max-width:1440px) { 
.in-gs{ height:420px;}
}
@media screen and (max-width:1280px) {
.in-ab{ padding:50px 0;}
.in-ab .in-al{ margin:0 25px;}
.in-gs{ height:372px;}
}
@media screen and (max-width:1024px) {
.in-ab .in-al ul{ margin-top:15px;}
.in-ab .in-al ul li{ width:48.25%; margin-right:3.5%; margin-top:30px; padding:50px 0;}
.in-ab .in-al ul li.ab-yb{ margin-right:0;}
.in-gs{ height:298px;}
}
@media screen and (max-width:640px) {
.in-ab{ padding:25px 0;}
.in-ab .in-al{ margin:0 15px;}
.in-ab .in-al ul{ margin-top:10px;}
.in-ab .in-al ul li{ margin-top:20px; padding:50px 0; font-size:15px;}
.in-ab .in-al ul li span{ width:78px; height:78px;}
.in-gs{ height:185px;}
}
@media screen and (max-width:480px) {
.in-ab .in-al ul li{ padding:35px 0;}
.in-ab .in-al ul li span{ margin:0 auto 15px;}
.in-ab .in-al dl{ display:block;}
.in-gs{ display:none;}
}
@media screen and (max-width:375px) {
.in-ab .in-al ul li{ font-size:13px;}
}
@media screen and (max-width:320px) {
.in-ab .in-al ul li{ padding:25px 0; font-size:12px;}
}

/* Page Workshop */
.in-sb{ max-width:1200px; margin:0 auto; padding:45px 0; background-color:#fff;}
.in-sb a{ display:block; float:left; width:30.133333%; margin:1.6%; overflow:hidden; position:relative;}
.in-sb a img{ width:100%;}
.in-sb a dl{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.in-sb a:hover dl{ opacity:.45;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.45);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.45)";}
.in-sb a span{ position:absolute; left:50%; top:0; z-index:3; width:58px; height:58px; border:1px solid #e60012; background-color:#e60012; margin-left:-30px; border-radius:50%; -webkit-border-radius:50%; background-image:url(../Images/ig.png); background-repeat:no-repeat; background-position:center; background-size:25px 25px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .8s ease-in-out; -webkit-transition:all .8s ease-in-out;}
.in-sb a:hover span{ top:50%; margin-top:-30px; opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
@media screen and (max-width:1024px) {
.in-sb{ margin:0 1.5%; padding:35px 0;}
.in-sb a{ width:46.8%;}
}
@media screen and (max-width:640px) {
.in-sb{ padding:10px 0;}
}

/* Page Product */
.in-gg{ padding:65px 0 55px; background-color:#fff;}
.in-gg .in-gy{ max-width:1200px; margin:0 auto;}
@media screen and (max-width:1280px) {
.in-gg .in-gy{ margin:0 25px;}
}
@media screen and (max-width:800px) {
.in-gg{ padding:45px 0;}
}

.in-zb{ float:left; width:20.833333%;}
.in-ls{ border:1px solid #e5e5e5; padding:15px; margin-bottom:20px;}
.in-ls dl{ border-bottom:1px solid #e5e5e5; padding:10px 0 15px; font-size:18px; font-weight:600; margin-bottom:15px;}
.in-ls a{ display:block; line-height:15px; margin:10px 0;}
.in-ls a.g{ font-weight:600; color:#e60012;}
.level{ margin:20px 0;}
.level a{ margin-left:20px;}
.level a.l{ font-weight:600;}
@media screen and (max-width:1024px) {
.in-zb{ display:none;}
}

.ig-yb{ float:right; width:75%;}
.ig-yb ul li{ float:left; width:30.133333%; margin:0 1.6% 25px; overflow:hidden; line-height:20px; text-align:center;}
.ig-yb ul li a{ display:block; width:100%; padding:5px; border:1px solid #e5e5e5; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:15px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-yb ul li a img{ width:100%;}
.ig-yb ul li a:hover{ background-color:#e60012; border:1px solid #e60012;}
@media screen and (max-width:1024px) {
.ig-yb{ width:100%;}
}
@media screen and (max-width:800px) {
.ig-yb ul li{ width:46.8%; margin:0 1.6% 15px;}
}

.ig-lb{ display:none; width:100%;}
.ig-lb div{ float:left; width:47.5%; height:38px; line-height:38px; border:1px solid #e5e5e5; text-align:center; margin-bottom:25px; font-weight:600; position:relative; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-lb div:hover{ background-color:#e60012; border:1px solid #e60012; color:#fff;}
.ig-lb div dl{ display:none;}
.ig-lb div:hover dl{ display:block; position:absolute; top:39px; left:-1px; z-index:10; width:100%; border:1px solid #e5e5e5; border-top:none; background-color:#fff; padding:10px 0;}
.ig-lb div:hover dl dt a{ display:block; font-weight:normal; line-height:30px;}
.ig-lb div:hover dl dt a:hover{ background-color:#e60012; color:#fff;}
.ig-nm{ display:none; font-weight:600; text-align:center; margin-bottom:20px;}
.ig-ls{ display:none; width:65%; margin:0 auto;}
.ig-ls div{ float:left; width:47.5%;}
.ig-ls div a{ display:block; height:38px; line-height:38px; border:1px solid #e5e5e5; text-align:center; margin-bottom:25px; font-weight:600; position:relative; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-ls div a:hover, .ig-ls div a.b{ background-color:#e60012; border:1px solid #e60012; color:#fff;}
@media screen and (max-width:1024px) {
.ig-lb{ display:block;}
.ig-nm{ display:block;}
.ig-ls{ display:block;}
}

.page{ padding-top:35px;}
.page a{ display:block; float:left; padding:5px 12px; color:#888; margin-right:10px; border:1px solid #e5e5e5; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.page a:hover{ background:#e60012; border:1px solid #e60012; color:#fff;}

.ig-mg{ width:800px; margin:0 auto;}
.ig-mg img{ width:100%;}
.ig-mn{ margin-top:20px; font-family:"ARLRDBD"; font-size:18px; text-align:center; color:#e60012;}
.ig-tx{ width:800px; margin:35px auto 0;}
.ig-tx img{ width:100%;}
.ig-am{ margin-top:35px;}
.ig-am a{ color:#888;}
.ig-am a:hover{ color:#e60012;}
@media screen and (max-width:800px) {
.ig-mg{ width:100%;}
.ig-tx{ width:100%;}
}

/* Page E-book */
.in-eb{ width:100%; height:815px; background-image:url(../Images/ebook.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:20%; text-align:center; color:#fff; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.in-eb .eb-lb{ width:640px; margin:0 auto;}
.in-eb .eb-lb a{ display:block; float:left; width:298px; height:58px; line-height:58px; font-size:18px; color:#fff; border:1px solid #fff; margin:0 10px; border-radius:30px; -webkit-border-radius:30px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.in-eb .eb-lb a:hover{  border:1px solid #e60012; background-color:#e60012;}
@media screen and (max-width:1680px) { 
.in-eb{ height:713px;}
}
@media screen and (max-width:1440px) { 
.in-eb{ height:611px;}
}
@media screen and (max-width:1280px) { 
.in-eb{ height:543px;}
}
@media screen and (max-width:1024px) { 
.in-eb{ height:435px;}
}
@media screen and (max-width:800px) { 
.in-eb{ height:auto; padding:200px 0 150px;}
.in-eb .eb-lb{ width:250px; margin:0 auto;}
.in-eb .eb-lb a{ width:248px; height:48px; line-height:48px; font-size:15px; margin:0 0 15px; border-radius:25px; -webkit-border-radius:25px;}
}

/* Page Marketing */
.in-es{ width:100%; background-image:url(../Images/marketing.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:250px 0 180px;}
.in-es .es-lb{ max-width:1200px; margin:0 auto; color:#fff; line-height:30px;}
.in-es .es-lb strong{ display:block; font-family:"ARLRDBD"; font-size:48px; text-align:center; margin-bottom:65px;}
@media screen and (max-width:1280px) { 
.in-es .es-lb{ margin:0 25px;}
.in-es .es-lb strong{ font-size:38px; margin-bottom:50px;}
}
@media screen and (max-width:1200px) { 
.in-es .es-lb img{ width:100%;}
}
@media screen and (max-width:640px) { 
.in-es{ padding:135px 0 80px;}
.in-es .es-lb{ margin:0 15px; font-size:12px; line-height:24px;}
.in-es .es-lb strong{ font-size:30px; margin-bottom:35px;}
}
@media screen and (max-width:414px) { 
.in-es .es-lb strong{ font-size:20px;}
}

/* Page Message */
.in-ms{ width:100%; background-image:url(../Images/message.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:250px 0 180px;}
.in-ms .ms-lb{ max-width:1200px; margin:0 auto;}
.in-ms .ms-zb{ float:left; width:38%; margin-right:12%; overflow:hidden; font-size:18px; color:#fff; line-height:30px;}
.in-ms .ms-zb strong{ display:block; font-family:"ARLRDBD"; font-size:38px; margin-bottom:35px;}
.in-ms .ms-zb a{ display:block; margin-top:45px; width:148px; height:42px; line-height:42px; text-align:center; color:#fff; border:1px solid #fff; border-radius:22px; -webkit-border-radius:22px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.in-ms .ms-zb a:hover{ background-color:#e60012; border:1px solid #e60012;}
.in-ms .ms-yb{ float:left; width:50%; overflow:hidden;}
.ml-in{ width:100%; height:45px; font-family:Arial; font-size:15px; color:#888; padding:0 15px; margin-bottom:20px; border:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ml-tx{ width:100%; height:100px; font-family:Arial; font-size:15px; color:#888; padding:12px 15px; margin-bottom:13px; border:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ml-sb{ width:100%; height:47px; background-color:#e60012; font-family:Arial; font-size:15px; font-weight:600; color:#fff; margin-bottom:18px; border:none; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ml-sb:hover{ background-color:#e68200;}
@media screen and (max-width:1280px) { 
.in-ms .ms-lb{ margin:0 25px;}
.in-ms .ms-zb{ font-size:15px;}
.in-ms .ms-zb strong{ font-size:30px; margin-bottom:35px;}
}
@media screen and (max-width:800px) { 
.in-ms .ms-zb{ font-size:12px; line-height:24px;}
.in-ms .ms-zb strong{ font-size:24px; margin-bottom:35px;}
}
@media screen and (max-width:640px) { 
.in-ms{ padding:135px 0 85px;}
.in-ms .ms-zb{ width:100%; margin-right:0; line-height:20px;}
.in-ms .ms-zb strong{ font-size:20px; margin-bottom:15px; text-transform:uppercase; text-align:center;}
.in-ms .ms-zb a{ display:none;}
.in-ms .ms-yb{ width:100%; margin-top:25px;}
.ml-in{ height:40px; font-size:12px; margin-bottom:15px;}
.ml-tx{ height:80px; font-size:12px;}
.ml-sb{ height:42px; font-size:15px;}
}

/* Page Contact */
.in-xl{ background-image:url(../Images/contact.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:200px 0 100px;}
.in-xl .xl-lb{ max-width:1200px; margin:0 auto;}
.in-xl .xl-lb .xl-nm{ color:#fff; text-align:center;}
.in-xl .xl-lb .xl-nm strong{ display:block; font-family:"ARLRDBD"; font-size:48px; margin-bottom:15px;}
.in-xl .xl-lb .xl-tx{ margin-top:75px; font-size:18px; color:#fff; line-height:35px;}
@media screen and (max-width:1280px) { 
.in-xl .xl-lb{ margin:0 25px;}
.in-xl .xl-lb .xl-nm strong{ font-size:38px; margin-bottom:15px;}
.in-xl .xl-lb .xl-tx{ margin-top:65px; font-size:15px; line-height:30px;}
}
@media screen and (max-width:640px) { 
.in-xl{ padding:135px 0 85px;}
.in-xl .xl-lb{ margin:0 15px;}
.in-xl .xl-lb .xl-nm strong{ font-size:30px; margin-bottom:10px;}
.in-xl .xl-lb .xl-tx{ margin-top:25px; font-size:12px; line-height:24px;}
}
@media screen and (max-width:414px) { 
.in-xl .xl-lb .xl-nm strong{ font-size:20px; margin-bottom:5px;}
}

/* Page Share */
.share{ margin-top:15px; font-size:18px; color:#fff;}
.share span{ float:left; margin-right:15px;}
.share a{ display:block; float:left; width:30px; height:30px; background-color:#fff; padding:5px; border-radius:50%; -webkit-border-radius:50%; margin-right:10px;}
.share a img{ width:30px; height:30px;}

/* Page Download */
.dl-lb a{ display:block; font-size:18px; border-bottom:1px solid #e5e5e5; margin:20px 0; padding-bottom:15px;}
.dl-lb a span{ float:right;}
@media screen and (max-width:800px) { 
.dl-lb a{ font-size:16px;}
.dl-lb a span{ display:none;}
}

.dl-bg{ width:100%; height:815px; background-image:url(../Images/ebook.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:20%; text-align:center; font-size:22px; color:#fff; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.dl-bg a{ font-weight:600; color:#e60012;}
@media screen and (max-width:1680px) { 
.dl-bg{ height:713px;}
}
@media screen and (max-width:1440px) { 
.dl-bg{ height:611px;}
}
@media screen and (max-width:1280px) { 
.dl-bg{ height:543px;}
}
@media screen and (max-width:1024px) { 
.dl-bg{ height:435px;}
}
@media screen and (max-width:800px) { 
.dl-bg{ height:auto; padding:150px 20px; font-size:18px; line-height:30px;}
}

/* Page Event */
.ns-nm{ font-size:30px; text-align:center; line-height:30px; color:#333;}
.ns-js{ margin-top:50px;}
.ns-js img{ max-width:600px; display:block; margin:auto;}
.ns-nt{ margin-top:50px;}
.ns-nt a{ display:block; margin-top:5px; color:#888;}
.ns-nt a:hover{ color:#e60012;}
@media screen and (max-width:800px) { 
.ns-nm{ font-size:24px;}
.ns-js img{ width:100%;}
}

.ns-bg{ padding:30px 0; background-color:#fff;}
.ns-bg .ns-lb{ max-width:1200px; margin:0 auto;}
.ns-bg .ns-lb ul li{ margin-top:35px; padding-bottom:35px; border-bottom:1px solid #eee;}
.ns-bg .ns-lb ul li dl{ float:left; margin-right:48px; width:330px; height:220px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ns-bg .ns-lb ul li .ns-yb{ float:left;}
.ns-bg .ns-lb ul li .ns-yb strong{ display:block; font-size:16px; color:#333;}
.ns-bg .ns-lb ul li .ns-yb span{ display:block; color:#888; margin-top:10px;}
.ns-bg .ns-lb ul li .ns-yb a{ display:block; width:120px; height:38px; line-height:38px; border:1px solid #e60012; margin-top:30px; color:#e60012; text-align:center; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ns-bg .ns-lb ul li .ns-yb a:hover{ background-color:#e60012; color:#fff;}
@media screen and (max-width:1280px) {
.ns-bg{ padding:15px 0;}
.ns-bg .ns-lb{ margin:0 25px;}
}
@media screen and (max-width:1024px) {
.ns-bg .ns-lb ul li dl{ float:inherit; margin-right:0; width:500px; height:333px;}
.ns-bg .ns-lb ul li .ns-yb{ float:inherit; margin-top:25px;}
}
@media screen and (max-width:640px) {
.ns-bg{ padding:0;}
.ns-bg .ns-lb{ margin:0 15px;}
.ns-bg .ns-lb ul li dl{ width:100%; height:380px;}
}
@media screen and (max-width:480px) {
.ns-bg .ns-lb ul li dl{ height:256px;}
.ns-bg .ns-lb ul li .ns-yb strong{ font-size:14px;}
.ns-bg .ns-lb ul li .ns-yb a{ width:100px; height:32px; line-height:32px; margin-top:20px;}
}
@media screen and (max-width:375px) {
.ns-bg .ns-lb ul li dl{ height:230px;}
}

/* Page Table */
.table{ border-collapse:collapse;}
.table td{ border:1px solid #E8E8E8; padding:4px 10px; text-align:center;}