@charset "utf-8";
 
 

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}


.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
 
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}

.jspTrack{background:#444;border-radius:8px;}

@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'yy';
    src: url('SIMYOU.eot');
    src: url('SIMYOU.woff2') format('woff2'),
         url('SIMYOU.woff') format('woff'),
         url('SIMYOU.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
  font-family: "en";
  src: url("BRI293.woff2") format("woff2"),
       url("BRI293.woff") format("woff"),
       url("BRI293.ttf") format("truetype"),
       url("BRI293.eot") format("embedded-opentype"),
       url("BRI293.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
 




.header .nav_main{left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);line-height:90px;text-align: center;position: absolute;top:20px;font-size:24px;color: #333;}
.header .nav_main a{margin:0 15px;}
.header .nav_main a span{font-family: en;font-size:30px;font-weight: bold;display: inline-block;vertical-align: middle;}
.header .nav_main a i{display: inline-block;vertical-align: middle;background:url(../image/arrow6.png) center center no-repeat;width:11px;height:8px;margin-left:5px;}
 
.header .nav_child{position:absolute;left:0;top:100%;right:0;background:#fff;opacity:0;transition:all 0.3s ease-out 0s;visibility: hidden;overflow: hidden;box-shadow:0 0 20px rgba(0,0,0,0.15);}
.header .nav_child.show{opacity:1;visibility: visible;transition-duration:0.5s;}
.header .nav_child .d1{background:url(../image/bg4.png);padding:40px 90px;font-size:0;}
.header .nav_child .d1 .item{width:25%;height:113px;display: inline-block;font-size:14px;transition:all 0.2s ease-out 0s;position:relative;color:#fff;}
.header .nav_child .d1 .item a{height:100%;display:block;}
.header .nav_child .d1 .item .icon1{float: left;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.header .nav_child .d1 .item .text{padding:0 20px 0 140px;height:100%;}
.header .nav_child .d1 .item .text:before{content:"";vertical-align: middle;display: inline-block;height:100%;}
.header .nav_child .d1 .item .text .inner{display: inline-block;vertical-align: middle;width:96%;}
.header .nav_child .d1 .item .h{font-size:30px;}
.header .nav_child .d1 .item .p{margin-top:10px;}
.header .nav_child .d2{padding:0 90px;color:#333;display:table;width:100%;box-sizing:border-box;}
.header .nav_child .d2 a:hover{color:#445e9f;}
.header .nav_child .d2 .item{display:table-cell;width:20%;padding:40px;box-sizing:border-box;border-left:1px solid #ccc;transform:translateX(50px);opacity:0;transition:all 0.5s ease-out 0s;}
.header .nav_child.show .d2 .item{transform:none;opacity:1;}
.header .nav_child.show .d2 .item:nth-child(2){transition-delay:0.1s;}
.header .nav_child.show .d2 .item:nth-child(3){transition-delay:0.2s;}
.header .nav_child.show .d2 .item:nth-child(4){transition-delay:0.3s;}
.header .nav_child.show .d2 .item:nth-child(5){transition-delay:0.4s;}
.header .nav_child .d2 .item:first-child{padding-left:0;border-left:none;min-width:480px;}
.header .nav_child .d2 .item .h3{font-size:30px;}
.header .nav_child .d2 .item .h3 i{font-size:36px;font-family:en;font-weight: bold;display: inline-block;vertical-align: middle;}
.header .nav_child .d2 .item ul{margin-top:25px;}
.header .nav_child .d2 .item ul li{margin-top:20px;}
.header .nav_child .d2 .item ul li:first-child{margin-top:0px;}
.header .nav_child .d2 .item .h4{font-size:20px;}
.header .nav_child .d2 .item .p{margin-top:15px;font-size:0;}
.header .nav_child .d2 .item .p a{display: inline-block;width:33.3%;font-size:16px;margin-bottom:10px;}

.header_s{position:absolute;height:110px;z-index:5;left:0;right:0;}
.header_s.white .tools{color:#fff;}
.header_s .logo{height:90px;top:20px;line-height:90px;left:40px;position: absolute;}
.header_s .tools{position: absolute;top:45px;right:40px;color: #333;}
.header_s .tools .btns{margin-right:20px;float:left;}
.header_s .tools .btns a{display:inline-block;height:50px;border-radius:25px;padding:0 40px;font-size:18px;line-height:50px;}
.header_s .tools .tel{font-size:36px;font-family:AvianRegular;float:left;line-height:50px;}
.header_s .tools .tel span{width:50px;height:50px;border-radius:100%;display: inline-block;margin-right:10px;float:left;text-align: center;}
.header_s .tools.green .btns a{background:#7ad2c8;color:#fff;}
.header_s .tools.green .tel span{background:#7ad2c8;}
.header_s .tools.red .btns a{background:#d10b05;color:#fff;}
.header_s .tools.red .tel span{background:#d10b05;}
.header_s .tools.yellow .btns a{background:#b29943;color:#fff;}
.header_s .tools.yellow .tel span{background:#333;}
.header_s .tools.color .btns a{background:#61b9e1;color:#fff;}
.header_s .tools.color .tel span{background:#a4c23a;}





.nav_float{position:fixed;right:-110px;top:50%;width:120px;transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:11;}
.nav_float li{margin-bottom:3px;background:#4461a0;height:120px;border-radius:15px 0 0 15px;perspective:300px;text-align:center;color:#fff;}
.nav_float a{display:block;height:100%;font-size:0;}
.nav_float a .inner{display: inline-block;vertical-align: middle;}
.nav_float a:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.nav_float .ico{width:55px;height:55px;line-height:55px;display: block;margin:auto;}
.nav_float .ico img{max-width:100%;max-height:100%;}
.nav_float em{font-size:18px;line-height:1;display: block;margin-top:10px;}
.nav_float .a3 .img{position:absolute;right:100%;top:0;max-width:200px;margin-right:10px;box-shadow:0 0 10px rgba(0,0,0,0.15);visibility: hidden; transition:all 0.5s ease-out 0s;opacity: 0;pointer-events:none;}
.nav_float .a3:hover .img{opacity:1;visibility: visible;}
.nav_float .gotop{background:url(../image/icon3.png) center -230px no-repeat;}

.red-t{opacity:0;filter:alpha(opacity='0');background:url(../image/red_t.png) left top no-repeat;width:58px;height:24px;position:fixed;z-index:14000;top:0;left:50%;margin-left:-29px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-l{opacity:0;filter:alpha(opacity='0');background:url(../image/red_l.png) left top no-repeat;width:49px;height:29px;position:fixed;z-index:10;top:50%;left:0;margin-top:-15px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-r{opacity:0;filter:alpha(opacity='0');background:url(../image/red_r.png) left top no-repeat;width:50px;height:29px;position:fixed;z-index:10;top:50%;right:0;_right:-1px;margin-top:-15px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-b{opacity:0;filter:alpha(opacity='0');background:url(../image/red_t.png) left top no-repeat;width:50px;height:29px;position:fixed;z-index:10;bottom:-13px;left:50%;margin-left:-29px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.fs.show .red-t{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-l{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-r{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-b{opacity:1;filter:alpha(opacity='100');}
.fu1{opacity:0;filter:alpha(opacity='0');position:fixed;left:100px;top:50%;margin-top:-86px;width:98px;height:172px;background:url(../image/fu.png) left top no-repeat;z-index:10;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;pointer-events:none;}
.fu2{opacity:0;filter:alpha(opacity='0');position:fixed;right:100px;top:50%;margin-top:-86px;width:98px;height:172px;background:url(../image/fu.png) left top no-repeat;z-index:10;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;pointer-events:none;}
.fu1.s{opacity:1;filter:alpha(opacity='100');}
.fu2.s{opacity:1;filter:alpha(opacity='100');}

.showtxt i{display:inline-block;text-align:left;}
.showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.showtxt i b.h{width:0;}
.showtxt.act i b.h{width:100%;opacity:1;}

.serv_dialog{position:fixed;width:590px;left:50%;top:50%;margin:-160px 0 0 -295px;background:url(../image/bg4.png);box-shadow:5px 5px 20px rgba(0,0,0,0.4);display:none;z-index:10;}
.serv_dialog .inner{padding:30px 20px 20px;}
.serv_dialog .close{background:url(../image/close.png) center center no-repeat;position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;}
.serv_dialog .h3{font-size:60px;color:#fff;line-height:1.2;text-align:center;}
.serv_dialog .btns{text-align:center;margin-top:30px;}
.serv_dialog .btns a{display:inline-block;background:#fff;width:240px;height:40px;line-height:40px;color:#3a467e;font-size:22px;margin:0 12px;border:2px solid #fff;border-radius:5px;}
.serv_dialog .btns a.a1{background:none;color:#fff;}
.serv_dialog .kw{font-size:17px;color:#fff;margin-top:20px;text-align:center;}

.h2{color:#333;}
.h3{color:#333;}
.h4{color:#333;}

.title{text-align:center;perspective:500px;}
.title .h2{font-size:48px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.title .h2 i{transform:rotateY(90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title .h3{font-size:24px;margin-top:10px;line-height:1.5;}
.title .h3 i{transform:rotateY(-90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(-90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title.act i{transform:rotateY(0deg) translateZ(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(0px) scale(1);opacity:1;}
.title .button{margin-top:20px;}
.title .button .a{display:inline-block;min-width:265px;height:54px;line-height:52px;border:2px solid #777;border:0px solid rgba(119,119,119,0);font-size:30px;color:#333;margin:0 20px;position:relative;text-align:center;}
.title .button svg{position:absolute;left:0;top:0;height:100%;fill:none;width:100%;
stroke-dasharray: 320, 324; stroke-dashoffset: 320;}
.title .button #svg2{display:none;}
.title .button path{stroke:#777;stroke-width:4px;}
.title .button .a a{display:block;height:100%;position:relative;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.title .button .a a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}

.line1{background:url(../image/l1.png) center center no-repeat;width:60px;height:240px;left:50%;margin-left:-30px;position:absolute;}
.line2{background:url(../image/l2.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}
.line3{background:url(../image/l3.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}
.line4{background:url(../image/l4.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}




.icon1{width:113px;height:113px;line-height:113px;text-align:center;border:1px solid #ccc;position: relative;overflow:hidden;transition:all 0.5s ease-out 0s;margin:auto;}
.icon1 img {
	max-width: 70%;
	max-height: 70%;
	position: relative;
	margin: 15px;
}
.icon1:before{content:"";width:79px;height:79px;border:1px solid #ccc;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;transition:all 0.4s ease-out 0s;}
.item:hover .icon1:before{transform:scale(1.5);}
.icon1 span{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ccc;border-radius:100%;transition:all 0.4s ease-out 0s;box-sizing:border-box;}
.item:hover .icon1 span{transform:rotate(90deg);width:150%;height:150%;left:-25%;top:-25%;}
.icon1 span:before{content:"";position: absolute;left:50%;margin-left:-1px;border-left:1px solid #ccc;top:0;bottom:0;transition:all 0.5s ease-out 0s;}
.icon1 span:after{content:"";position: absolute;top:50%;border-top:1px solid #ccc;left:0;right:0;transition:all 0.5s ease-out 0s;}

.title1{text-align:center;color:#333;}
.title1 .h{font-size:48px;}
.title1 .d{font-size:30px;margin-top:10px;}
.title1 .p{font-size:18px;margin-top:15px;}