*,body,html,h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 微軟正黑體, Arial, Helvetica, sans-serif, Raleway; font-weight: normal;font-size:12px;}

h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-weight: normal;font-size:12px;}

body,html{height:100%; font-weight: normal;}

a{text-decoration: none; font-weight: normal;}

ul,li{list-style: none; font-weight: normal;}

img{border:0;}

.index_herder .top{display: none;}


.div1 { position: fixed;width: 100%;z-index: 9;background-color: #fff;border-bottom: 1px solid rgba(204, 204, 204, 0.32);}
.div2 {width:100%;height:100px; margin:0 auto;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.div2_1{position:relative;width:100%;z-index:999;    margin: 0 auto;top:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));height: 70px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;}
*html{background-image:url(about:blank);background-attachment:fixed;}
.div1 logo{display: block;text-align: center;padding-top: 0;width:327px;float: left;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;    margin-right: 3%; }
.div1 logo img{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;margin-top: 10px;}
.div2_1{height:70px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.div2_1 logo{width:327px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;margin-right: 3%; }
.div2_1 logo img{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }


.div1 .navtop{margin: auto;background: #333;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;height: 32px;}
.div2 .navtop .navtopr{width: 89%;margin: auto;}
.div2 .navtop .navtopr ul{overflow: hidden;width: 46%;margin-left: 55%;}
.div2 .navtop .navtopr ul li{float: left;height: 32px;padding: 0 40px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.div2 .navtop .navtopr ul li a{display: inline-block;;float: left;color: #999;font-size: 14px;padding-top: 11%;}
.div2 .navtop .navtopr ul li a img{}
.div2 .navtop .navtopr ul li a img:hover{}
.div2 .navtop .navtopr ul li a:hover{color: #ccc;}
.div2 .navtop .navtopr ul li:nth-child(3n) a:hover{color: #fff;}
.div2 .navtop .navtopr ul li:nth-child(4n) a:hover{color: #fff;}
.div2 .navtop .navtopr ul li a b{display: block;float: left;margin-top: 4%;}
.div2 .navtop .navtopr ul li a span{display: block;float: left;margin-top: 4%;}
.div2 .navtop .navtopr ul li:nth-child(2n){padding: 0 30px;}
.div2 .navtop .navtopr ul li:nth-child(3n){background: #464646;}
.div2 .navtop .navtopr ul li:nth-child(3n) a{color: rgba(255, 255, 255, 0.88);}
.div2 .navtop .navtopr ul li:nth-child(4n){background: #515151;}
.div2 .navtop .navtopr ul li:nth-child(4n) a{color: rgba(255, 255, 255, 0.88);}
.div2 .navbottom{width: 89%;margin: auto;height: 75px;}
.div2 .navtop .navtopr ul li:nth-child(5n){padding: 0 25px;}
.div2 .navtop .navtopr ul li:first-of-type{width: 12%;padding: 0 10px;}
.div2 .navtop .navtopr ul li:first-of-type a{padding-top: 4%;display: block;float: left;margin-left: 10%;}
.div2 .navtop .navtopr ul li:first-of-type b{}
.div2 .navtop .navtopr ul li:first-of-type b span{display:block;position: absolute;top: 35%;width: 6%;left:56%;z-index: 999;display: none;}
.div2 .navtop .navtopr ul li:first-of-type b span img{width: 100%;}
.div2 .navtop .navtopr ul li:first-of-type b:hover span{display:block;}
.div2_1 .navtop{margin: auto;background: #333;height: 0px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.div2_1 .navtop .navtopr{width: 89%;margin: auto;}
.div2_1 .navtop .navtopr ul{overflow: hidden;width: 46%;margin-left: 53%;}
.div2_1 .navtop .navtopr ul li{float: left;height: 0px;padding: 0 40px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.div2_1 .navtop .navtopr ul li a{display: inline-block;;float: left;color: #999;font-size: 14px;padding-top: 11%;}
.div2_1 .navtop .navtopr ul li a img{}
.div2_1 .navtop .navtopr ul li a img:hover{}
.div2_1 .navtop .navtopr ul li a:hover{color: #ccc;}
.div2_1 .navtop .navtopr ul li:nth-child(3n) a:hover{color: #fff;}
.div2_1 .navtop .navtopr ul li:nth-child(4n) a:hover{color: #fff;}
.div2_1 .navtop .navtopr ul li a b{display: block;float: left;margin-top: 4%;}
.div2_1 .navtop .navtopr ul li a span{display: block;float: left;margin-top: 4%;}
.div2_1 .navtop .navtopr ul li:nth-child(2n){padding: 0 30px;}
.div2_1 .navtop .navtopr ul li:nth-child(3n){background: #464646;}
.div2_1 .navtop .navtopr ul li:nth-child(3n) a{color: rgba(255, 255, 255, 0.88);}
.div2_1 .navtop .navtopr ul li:nth-child(4n){background: #515151;}
.div2_1 .navtop .navtopr ul li:nth-child(4n) a{color: rgba(255, 255, 255, 0.88);}
.div2_1 .navbottom{width: 89%;margin: auto;height: 75px;}
.div2_1 .navtop .navtopr ul li:nth-child(5n){padding: 0 25px;}
.div2_1 .navtop .navtopr ul li:first-of-type{width: 12%;padding: 0 10px;}
.div2_1 .navtop .navtopr ul li:first-of-type a{padding-top: 4%;display: block;float: left;margin-left: 10%;}












.div1 .naver{float: right;margin-top: 1%;}
.div1 .naver dd{margin: 0 1.2em;display: block;float: left;}
.div1 .naver dd p{}
.div1 .naver dd p a{display: block;text-decoration: blink;font-size: 16px;color: #333;height: 57px;line-height: 50px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;     position: relative;}
.div1 .naver dd p a:before{content: "";
    width: 100%;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transition: transform .4s cubic-bezier(.4,0,.2,1);
    transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;}
.div1 .naver dd p a:hover{color: #496e8f;}
.div1 .naver dd p a:hover:before{    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;}
.div1 .naver dd div{display: none;position: absolute;width: 700px;background: #fff;padding: 1em;margin-left: -23%;}
.div1 .naver dd div ul{overflow: hidden;}
.div1 .naver dd div ul .nav_li{width: 55%;}
.div1 .naver dd div ul .nav_li p{padding-bottom: 1%;}
.div1 .naver dd div ul .nav_li dd{margin: 0;width: 33%;}
.div1 .naver dd div ul .nav_li3{margin-top: 9%;}
.div1 .naver dd div ul .nav_li4{margin-top: 7%;}
.div1 .naver dd div ul .nav_li5{width: 100%;}
.div1 .naver dd div ul .nav_li6{margin-top: 9%;}
.div1 .naver dd div ul li{float: left;width: 30%;overflow: hidden;margin-right: 3%;margin-top: 2%;}
.div1 .naver dd div ul li p{font-size: 16px;border-bottom: 1px solid #ccc;padding-bottom: 3%;}
.div1 .naver dd div ul li p a:before{background: #fff;}
.div1 .naver dd div ul li p a{font-size: 16px;height: inherit;line-height: normal;}
.div1 .naver dd div ul li b{display: block;margin-top: 4%;}
.div1 .naver dd div ul li b a{display: block;text-decoration: blink;color: #496e8f;font-size: 14px;height: 30px;line-height: 30px;}
.div1 .naver dd div ul li span{display: block;margin-top: 2%;}
.div1 .naver dd div ul li span a{display: block;color: #888;line-height: 20px;}
.div1 .naver dd div t{display: block;margin-top: 6%;}
.div1 .naver dd div t a{color: #888;font-size: 15px;}
.div1 .naver dd div a{}
.div1 .naver dd div a:hover{color: #496e8f;}
.div1 .naver dd:hover div{display: block;}
.div1 .naver dd:last-child t{width: 110px;}
.div1 .naver dd:nth-child(3n) div{margin-left: -5%;width: 170px;padding-bottom: 2%;}
.div1 .naver dd:nth-child(4n) div{margin-left: -23.5%;padding-bottom: 2%;}
.div1 .naver dd:nth-child(5n) div{margin-left: -5%;width: 150px;padding-bottom: 2%;}
.div1 .naver dd:nth-child(6n) div{margin-left: -3%;width: 130px;}
.div1 .naver dd:nth-child(7n) div{margin-left: -5%;width: 150px;padding-bottom: 2%;}
.div1 .naver dd:nth-child(8n) div{margin-left: -5%;width: 150px;padding-bottom: 2%;}

.div1 .topright{ display: block;float: right;width: 150px;}
.div1 .topright dd{ display: inline-block;vertical-align: top;height: 50px;}
.div1 .topright dd img{ height: 24px;border-radius: 50%;margin-top: 13px;}
.div1 .topright dd a{font-size: 13px;color: #666;display: inline-block;line-height: 50px;margin-left: 5px;}

.div2 .target.img1{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.div2 .action.img1{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.div2 .target.topright{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.div2 .action.topright{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}


.div2 .target.naver{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.div2 .action.naver{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}



.banner_fd{padding-top: 23%;margin-left: 6%;width: 30%;}
.banner_fd h1{font-size: 36px;color: #000;}
.banner_fd h2{overflow: hidden;margin-top: 1%;}
.banner_fd h2 b{color: #0e4d79;display: block;float: left;font-size: 24px;}
.banner_fd h2 span{display: block;float:left;font-size: 22px;color: #0e4d79;margin-left: 1%;}
.banner_fd h3{overflow: hidden;margin-top: 1.5%;}
.banner_fd h3 b{display: block;float: left;background: #fff;line-height: 2.2em;width: 35%;
text-align: center;color: #115d92;font-size: 15px;}
.banner_fd h3 span{display: block;float: left;background: #115d92;width: 12%;text-align: center;line-height: 1.7em;}
.banner_fd h3 span img{}
.banner_fd h3 b:hover{background:#333;color: #fff;}




.banner_fd2{padding-top:8%;margin-left: 65%;width: 30%;}
.banner_fd2 h1{font-size: 40px;color: #000;line-height: 1.1em;}
.banner_fd2 h1 b{font-size: 40px;color: #113181;}
.banner_fd2 h2{overflow: hidden;margin-top: 1%;font-size: 14px;border-top: 1px solid #998f82;
border-bottom: 1px solid #998f82;width: 39%;color: #333;padding: 2px 0%;}
.banner_fd2 h3{overflow: hidden;margin-top:7%;color: #333;font-size: 17px;line-height: 24px;}
.banner_fd2 h4{color: #333;font-size: 14px;width: 24%;text-align: center;margin-top: 4%;
background: #bababa;line-height: 2.2em;}
.banner_fd2 h4:hover{background:#115d92;color: #fff;}


.banner_fd3{padding-top:8%;margin-left: 15%;width: 50%;}
.banner_fd3 h1{font-size: 40px;color: #fff;}
.banner_fd3 h1 b{font-size: 40px;color: #113181;}
.banner_fd3 h2{overflow: hidden;margin-top: 1%;font-size: 14px;border-top: 1px solid #fff;
border-bottom: 1px solid #fff;width:23%;color: #fff;padding: 2px 0%;}
.banner_fd3 h3{overflow: hidden;margin-top:4%;color: #fff;font-size: 17px;line-height: 24px;}
.banner_fd3 h4{color: #115d92;font-size: 14px;width: 14%;text-align: center;margin-top: 3%;
background: #fff;line-height: 2.5em;}
.banner_fd3 h4:hover{background:#113181;color: #fff;}

.banner_fd4{padding-top: 10%;margin-left: 15%;width: 50%;}
.banner_fd4 h1{color: #113181;font-size: 24px;border-bottom: 5px solid #113181;width: 15%;}
.banner_fd4 h2{color: #fff;font-size: 35px;margin-top: 2%;}
.banner_fd4 h4{color: #113181;background: #fff;width: 18%;text-align: center;border-radius: 1em;line-height: 2.1em;margin-top: 3.5%;}
.banner_fd4 h4:hover{background:#113181;color: #fff;}









.index_product{overflow: hidden;width: 100%;position: relative;height: 604px;}
.index_product img{width: 100%;}
.index_product .index_pro_fd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_product .index_pro_fd .index_profd_bj{width: 1200px;margin: auto;margin-top: 4%;overflow: hidden;}
.index_product .index_pro_fd .index_pro_l{float: left;width: 30%;}
.index_product .index_pro_fd .index_pro_l .index_prol1{overflow: hidden;position: relative;}
.index_product .index_pro_fd .index_pro_l .index_prol1 img{}
.index_product .index_pro_fd .index_pro_l .index_prol1 p{position: absolute;bottom: 23%;width: 100%;}
.index_product .index_pro_fd .index_pro_l .index_prol1 p b{color: #191919;font-size: 37px;display: block;float: left;}
.index_product .index_pro_fd .index_pro_l .index_prol1 p span{font-size: 24px;color: #888888;display: block;float: left;
margin-left: 3%;margin-top: 4%;}
.index_product .index_pro_fd .index_pro_l .index_prol2{overflow: hidden;margin-top: 9%;}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12l{float: left;}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12l img{}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12r{float: right;}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12r span{display: block;}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12r span img{}
.index_product .index_pro_fd .index_pro_l .index_prol2 .index_pro12r span a:hover{color: #a596b8;}
.index_product .index_pro_fd .index_pro_l .index_prol3{overflow: hidden;margin-top: 7%;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h1{font-size: 26px;color: #0e0e0e;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h2{width: 15%;height: 1px;background: #ccc;margin-top: 2%;margin-bottom: 7%;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h3{font-size: 14px;color: #888888;line-height: 1.5em;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h4{overflow: hidden;margin-top: 12%;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h4 b{font-size: 15px;color: #0e4d79;display: block;float: left;text-transform: uppercase;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h4 span{display: block;float: left;margin-top: 0.5%;margin-left: 1%;}
.index_product .index_pro_fd .index_pro_l .index_prol3 h4 span img{}
.index_product .index_pro_fd .index_pro_l .index_prol3 h4 b:hover{color: #333;}

.index_product .index_pro_fd .index_pro_r{float: left;width: 63%;margin-left: 7%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1{float: left;width: 40%;margin-right: 2%;position: relative;height: 476px;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 img{height: 100%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11{position:absolute;top:0;left:0;width:100%;height: 100%;text-align: center;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h1{color: #fff;font-size: 22px;margin-top: 30%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h2{color: #4287fd;font-size: 22px;text-transform: uppercase;width: 90%;margin: auto;margin-top: 1%;padding-bottom: 7%;border-bottom: 1px solid rgba(255, 255, 255, 0.28);}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h3{height: 1px;width: 80%;margin: auto;background: #4db6ff;margin-top: -1px;margin-bottom: 8%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h4{}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h4 a{color: #fff;font-size: 16px;line-height: 1.9em;
display: table;position: relative;margin: auto;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h4 a:before{content: "";width: 100%;height: 2px;background: #ccc;position: absolute;left: 0;bottom: 0;transform-origin: 100%;-webkit-transform-origin: 100%;
-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
transition: transform .4s cubic-bezier(.4,0,.2,1);transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h4 a:hover{color: #ccc;}
.index_product .index_pro_fd .index_pro_r .index_pro_r1 .index_pro_r11 h4 a:hover:before{    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2{float: left;width: 58%;overflow: hidden;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul{overflow: hidden;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li{overflow: hidden;position: relative;height: 229px;    margin-bottom: 4%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li img{ height: 100%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21{position: absolute;top: 0;left: 10%;width: 90%;
height: 100%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h1{color: #fff;font-size: 22px;margin-top: 9%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h2{font-size: 22px;text-transform: uppercase;
color: #10bbaa;width: 65%;padding-bottom: 5%;border-bottom: 1px solid rgba(255, 255, 255, 0.38);}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h3{height: 1px;width: 50%;background: #1dd3c0;margin-top: -1px;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h4{margin-top: 5%;overflow: hidden;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h4 a{font-size: 16px;color: #fff;display: block;
float: left;width: 33%;margin-bottom: 2%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h4 a:hover{color: #ccc;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h4 a:first-of-type{width: 23%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h4 a:nth-child(2n){width: 40%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h5{overflow: hidden;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h5 a{font-size: 16px;color: #fff;display: block;
float: left;width: 33%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h5 a:hover{color: #ccc;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h5 a:first-of-type{width: 23%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li .index_pro_r21 h5 a:nth-child(2n){width: 40%;}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li:nth-child(2n) .index_pro_r21 h2{width: 80%;color: #7e93ca;border-bottom: 1px solid rgba(255, 255, 255, 0.38);}
.index_product .index_pro_fd .index_pro_r .index_pro_r2 ul li:nth-child(2n) .index_pro_r21 h3{background: #7e93ca;}

.index_product .target.index_pro_l{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);transition: 100ms ease 100ms; -webkit-transition: 200ms ease 200ms;}
.index_product .action.index_pro_l{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.index_product .target.index_pro_r1{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index_product .action.index_pro_r1{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index_product .target.index_pro_r2li{ opacity: 0;transform: translate(150px,0px);-webkit-transform: translate(150px,0px);}
.index_product .action.index_pro_r2li{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index_product .index_pro_r2li:nth-child(1n){transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index_product .index_pro_r2li:nth-child(2n){transition: 400ms ease 400ms; -webkit-transition: 600ms ease 600ms;}


.index_platform{overflow: hidden;width: 100%;position: relative;height: 604px;}
.index_platform img{width: 100%;height: 100%}
.index_platform .index_pla_fd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_platform .index_pla_fd .index_pla_bj{width: 1200px;margin: 4% auto 0;position: relative;}
.index_platform .index_pla_fd .index_pla_l{float: left;width: 30%;}
.index_platform .index_pla_fd .index_pla_l .index_plal1{overflow: hidden;position: relative;}
.index_platform .index_pla_fd .index_pla_l .index_plal1 img{}
.index_platform .index_pla_fd .index_pla_l .index_plal1 p{position: absolute;bottom: 23%;width: 100%;}
.index_platform .index_pla_fd .index_pla_l .index_plal1 p b{color: #fff;font-size: 37px;display: block;float: left;}
.index_platform .index_pla_fd .index_pla_l .index_plal1 p span{font-size: 24px;color: #fff;display: block;float: left;
margin-left: 3%;margin-top: 4%;}
.index_platform .index_pla_fd .index_pla_l .index_plal3{overflow: hidden;margin-top: 7%;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h1 a {font-size: 26px;color: #fff;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h1 a:hover{color: #a596b8;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h2{width: 15%;height: 1px;background: #fff;margin-top: 2%;margin-bottom: 7%;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h3{font-size: 14px;color: #fff;line-height: 1.5em;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h4{overflow: hidden;margin-top: 12%;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h4 b{font-size: 15px;color: #fff;display: block;float: left;text-transform: uppercase;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h4 span{display: block;float: left;margin-top: 0.5%;margin-left: 1%;}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h4 span img{}
.index_platform .index_pla_fd .index_pla_l .index_plal3 h4 b:hover{color: #a596b8;}

.index_platform .index_pla_fd .index_pla_r{width:76%;position: absolute;right: -9%;}
.index_platform .index_pla_fd .index_pla_r ul{overflow: hidden;}
.index_platform .index_pla_fd .index_pla_r ul li{float: left;width: 27.3%;background: #fff;padding: 2%;margin-right: 3%;}
.index_platform .index_pla_fd .index_pla_r ul li a{overflow: hidden;display: block;}
.index_platform .index_pla_fd .index_pla_r ul li h1{width: 130px;height: 130px;border-radius: 10em;overflow: hidden;
margin: auto;margin-top: 3%;}
.index_platform .index_pla_fd .index_pla_r ul li h1 img{width: 100%;height: 100%;}
.index_platform .index_pla_fd .index_pla_r ul li h2{color: #060606;font-size: 18px;margin-top: 12%;text-align: center;}
.index_platform .index_pla_fd .index_pla_r ul li h3{width: 58%;height: 1px;background: #82ccff;margin: auto;margin-top: 2%;}
.index_platform .index_pla_fd .index_pla_r ul li h4{width: 38%;height: 1px;background: #82ccff;margin: auto;margin-top:1.5%;}
.index_platform .index_pla_fd .index_pla_r ul li p{color: #888888;font-size: 13px;margin-top: 8%;}
.index_platform .index_pla_fd .index_pla_r ul li h5{margin-top: 10%;width: 100%;text-align: center;color: #fff;background: #0b4f7e;line-height: 2.8em;font-size: 13px;}
.index_platform .index_pla_fd .index_pla_r ul li:last-child{margin-right: 0;}
.index_platform .index_pla_fd .index_pla_r ul li:hover h5{background: #020c40;}

.index_platform .target.index_pla_l{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);transition: 100ms ease 100ms; -webkit-transition: 200ms ease 200ms;}
.index_platform .action.index_pla_l{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.index_platform .target.index_pla_rli{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);}
.index_platform .action.index_pla_rli{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index_platform .index_pla_rli:nth-child(1n){transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index_platform .index_pla_rli:nth-child(2n){transition: 400ms ease 400ms; -webkit-transition: 600ms ease 600ms;}
.index_platform .index_pla_rli:nth-child(3n){transition: 600ms ease 600ms; -webkit-transition: 800ms ease 800ms;}


.index_service{overflow: hidden;width: 1200px;margin: auto;padding-bottom: 3%;}
.index_service .index_ser_t{overflow: hidden;position: relative;width: 30%;}
.index_service .index_ser_t img{}
.index_service .index_ser_t p{position: absolute;bottom: 23%;width: 100%;}
.index_service .index_ser_t p b{color: #191919;font-size: 37px;display: block;float: left;}
.index_service .index_ser_t p span{font-size: 24px;color: #888;display: block;float: left;margin-left: 3%;margin-top: 4%;}
.index_service .index_ser_b{margin-top: 2%;}
.index_service .index_ser_b ul{}
.index_service .index_ser_b ul li{    float: left;
    width: 24.6%;
    margin-right: 0.53333%;
    position: relative;
    padding-top: 31.7%;
    background-size: 100% 100%;}
.animate .home_cast_text, .animate .home_csae_img, .animate .home_tit, .animate li, .animate .home_text_tit, .animate .home_text_con, .animate .left, .animate .right, .anima{transition: all .8s;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);}
.img img{-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.index_service .index_ser_b ul li:last-child{margin-right: 0;}
.index_service .index_ser_b ul .index_ser_bli{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);} 
.index_service .index_ser_b ul li .text_con	{background: url(../image/home_zyfw_bg.jpg) no-repeat center center;
position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_service .index_ser_b ul li .text_con .yw{color: #aab0b5;font-size: 16px;line-height: 24px;font-weight: bold;font-family: arial;margin-top: 17%;margin-left: 10%;}
.index_service .index_ser_b ul li .text_con .img{margin-top: 10%;width: 30%;margin-left: 10%;}
.index_service .index_ser_b ul li .text_con .img span{display: block;}
.index_service .index_ser_b ul li .text_con .img em{display: none;}
.index_service .index_ser_b ul li .text_con .bt{margin-top: 10%;color: #072f7e;font-size: 28px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-left: 10%;}
.index_service .index_ser_b ul li .text_con .t{margin-top: 6%;color: #989fa4;font-size: 16px;text-overflow: ellipsis;
overflow: hidden;white-space: nowrap;margin-left: 10%;}

.index_service .index_ser_b ul li:hover .text_con {
  background: url(../image/home_zyfw_bg2.jpg) no-repeat center center;height: 104%;
    margin-top: -3%;
}
.index_service .index_ser_b ul li:hover .text_con .yw,
.index_service .index_ser_b ul li:hover .text_con .bt,
.index_service .index_ser_b ul li:hover .text_con .t {
  color: #fff;
}
.index_service .index_ser_b ul li:hover .text_con .img span {
  display: none;
}
.index_service .index_ser_b ul li:hover .text_con .img em {
  display: block;
}



.index_service .target.index_ser_t{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);transition: 100ms ease 100ms; -webkit-transition: 200ms ease 200ms;}
.index_service .action.index_ser_t{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.index_service .target.index_ser_b{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);}
.index_service .action.index_ser_b{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}


.index_case{overflow: hidden;width: 100%;position: relative;height: auto;}
.index_case img{width: 100%;height: 100%;}
.index_case .index_case_bj{width: 100%;overflow: hidden;position: absolute;top: 0;left: 0%;height: 100%;}
.index_case .index_case_t{overflow: hidden;position: relative;width: 30%;margin-top: 4%;margin-left: 5.5%;}
.index_case .index_case_t img{}
.index_case .index_case_t p{position: absolute;bottom: 23%;width: 100%;}
.index_case .index_case_t p b{color: #191919;font-size: 37px;display: block;float: left;}
.index_case .index_case_t p span{font-size: 24px;color: #888;display: block;float: left;margin-left: 3%;margin-top: 4%;}

.index_case .index_case_b{}
#menus{width: 98%!important; overflow: hidden;margin: auto;margin-top: 2%;}
#tab{overflow:hidden;width: 36%;float: right;margin-top: -4%;margin-right: 4%;}
#tab li{float:left;height:1.5em;line-height:1.5em;font-size:2em;text-align: center;margin-right: 3%;text-decoration:none;}
#tab li p{background: #939393;cursor:pointer;text-decoration:none;}
#tab li a{color: #fff;font-size: 16px;}
#tab li p:hover{background:#0b4f7e;color:#fff;}
.selected{background:#0b4f7e!important;color:#fff!important;}
#tab li:last-child{margin-right: 0;}
#menus .tag{}
#menus .tag ul{overflow: hidden;}
#menus .tag ul li{overflow: hidden;float: left;width: 19.2%;margin-right: 1%;position: relative;height: 270px;}
#menus .tag ul li a{display: block;overflow: hidden; height:100%; width:100%;}
#menus .tag ul li img{width: 100%;height: 100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
#menus .tag ul li:hover img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
#menus .tag ul li h1{position: absolute;bottom: 7%;background:rgba(0, 0, 0, 0.57);right: 0;width: 95%;}
#menus .tag ul li h1 b{margin-left: 10%;float: left;width: 80%;margin-bottom: 4%;}
#menus .tag ul li h1 b c{color: #fff;font-size: 14px;display: block;margin-top: 7%;}
#menus .tag ul li h1 b f{color: #585858;font-size: 13px;}
#menus .tag ul li h1 p{float: left;margin-top: 7%;}
#menus .tag ul li h1 p img{}
#menus .tag ul li:last-child{margin-right: 0;}
#tab li:nth-child(1n){width: 25%;}
#tab li:nth-child(2n){width: 35%;}












.index_case .target.index_case_t{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);transition: 100ms ease 100ms; -webkit-transition: 200ms ease 200ms;}
.index_case .action.index_case_t{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.index_case .target.index_case_ul{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);}
.index_case .action.index_case_ul{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index_case .target.tag{ opacity: 0;transform: translate(0px,0px);-webkit-transform: translate(0px,150px);}
.index_case .action.tag{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 200ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
	

.footer{overflow: hidden;}
.footer .ft_t{overflow: hidden;width: 100%;background: #2f2f2f;}
.footer .ft_t .ft_tbj{width: 1200px;margin: auto;overflow: hidden;margin-top: 3%;margin-bottom: 6%;}
.footer .ft_t dl{float: left;overflow: hidden;width: 16%;overflow: hidden;}
.footer .ft_t dl dt{overflow: hidden;margin-bottom:9%;}
.footer .ft_t dl dt a{color: #fff;font-size: 14px;}
.footer .ft_t dl dd{overflow: hidden;}
.footer .ft_t dl dd a{display: block;color: #c3c3c3;font-size: 12px;line-height: 2.3em;text-transform: uppercase;}
.footer .ft_t dl:last-child{width: 6%;}
.footer .ft_t dl:nth-child(2n){width: 18%;}
.footer .ft_t dl:nth-child(4n){width: 14%;}
.footer .ft_t dl:nth-child(6n){width: 13%;}
.footer .ft_t dl:last-child dt{margin-bottom:22%;}
.footer .ft_b{background: #1b1b1b;text-align: center;padding-top: 2%;padding-bottom: 2%;}
.footer .ft_b h1{font-size: 12px;color: rgba(255, 255, 255, 0.65);}
.footer .ft_b h1 a{color: #4296d1;}
.footer .ft_b h2{color: #aeaeae;margin-top: 5px;font-size: 12px;}
.footer .ft_b h2 a{color: #aeaeae;border-bottom: 1px solid #aeaeae;}
.footer .ft_t dl dd a:hover{color: #f3eded;}

.target.footer{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.action.footer{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 800ms ease 800ms; -webkit-transition: 1000ms ease 1000ms;}





.navtoolbar {position: fixed;top: 0px;right: -1px;height: 100%;z-index: 500;}
.toptoolbar {position: fixed;top: 60%;right: -1px;height: 100%;width: 50px;}
.bar-default-status .iconbg1 {border: 1px solid #00783c;background-color: #00783c;}
.bar-default-status .iconbg1 {border: 1px solid #00783c;background-color: #00783c;}
.bar-default-status .iconbg1 {background-position: -37px 2px;}
.bar-default-status>a {display: inline-block;width: 48px;height: 48px;background-image: url(../image/icon-new.png);
background-repeat: no-repeat;border: 1px solid #e4e4e4;}
.cndns-right-box {display: none;position: absolute;right: 48px;top: 0px;padding-right: 15px;text-align: center;}
.meau-sev .cndns-right-box .box-border {width: 305px;}
.box-border {border: 1px solid #F2F2F2;padding: 16px;background-color: #fff;-webkit-box-shadow: 4px 7px 20px rgba(216,216,216,.5);
-moz-box-shadow: 4px 7px 20px rgba(216,216,216,.5);box-shadow: 4px 7px 20px rgba(216,216,216,.5);border-radius: 4px;
-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.bar-default-status {font-size: 12px;line-height: 18px;}
.bar-default-status>a:not(.iconbg1) {background-color: #FFFFFF;}
.iconbg2 {background-position: -82px -47px;}
.iconbg5 {background-position: -81px -202px;}
.iconbg7 {background-position: -82px -314px;}
.bar-default-status>a:not(.iconbg1):hover {background-color: #00783c;border: 1px solid #00783c;}
.meau-vip .cndns-right-box .box-border {color: #00783c;}
.meau-vip .cndns-right-box .box-border {width: 120px;font-size: 18px;font-weight: 400;}
.iconbg7:hover {background-position: -39px -313px;}
.bar-default-status>a:not(.iconbg1):hover {background-color: #00783c;border: 1px solid #00783c;}
.iconbg5:hover {background-position: -39px -203px;}
.meau-wechat .cndns-right-box .box-border, .meau-history .cndns-right-box .box-border {width: 244px;}
.sev-wechat {margin-top: 15px;}
.meau-wechat .demo-icon {background-position: -138px -220px;}
.demo-icon {float: left;width: 75px;height: 55px;background: url(../image/icon-new.png) no-repeat;}
.sev-t p {float: left;font-size: 28px;color: #113181;}
.sev-t p span {font-size: 12px;color: #666;}
.bar-default-status>a:not(.iconbg1):hover {background-color: #113181;border: 1px solid #113181;}
.bar-default-status>a:not(.iconbg1):hover {background-color: #113181;border: 1px solid #113181;}
.meau-contact .cndns-right-box .box-border {width: 200px;overflow: hidden;}
.rel {position: relative;}
.box-boult {position: absolute;right: -19px;width: 20px;height: 20px;}
.meau-contact .cndns-right-box h3 {color: #113181; margin-top: 5px; font-size:18px; float:left;}
.iconbg2:hover {background-position: -38px -46px;}
.meau-contact .demo-icon {background-position: -138px -78px;}
.meau-sev .cndns-right-box .box-border {width: 305px;    overflow: hidden;}
.box-boult {position: absolute;right: -19px;width: 20px;height: 20px;}
.meau-sev .demo-icon {background-position: -138px -7px;}
.sev-t p {float: left;font-size: 28px;color: #113181;}
.sev-t p span {font-size: 12px;color: #666;}
.sev-b ul {padding: 7px 0px;border-bottom: 1px dashed #e4e4e4;}
.sev-contact {height: auto;min-height: 40px;}
.sev-b ul li {float: left;text-align: start;}
.sev-contact li {float: left;width: 33.33333%;display: inline-block;overflow: hidden;height: 18px;}
.sev-contact li a{   color: black; }
.sev-email ul li i, .meau-sev .sev-b ul li i {margin-right: 7px;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.mt10 {margin-top: 10px;}
.tc {text-align: center;}
.fa-commenting-o:before {content: "\f27b";}
.sev-t{ width:100%;     float: left;}
.sev-b{ width:100%; float:left;}
.sev-b h6{ text-align:start;}
.sev-wechat img {width: 112px;height: 112px;}

.cndns-right-box h5{width: 100px;}
.cndns-right-box h5 img{    width: 100%;}