@charset "utf-8";
/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:微软雅黑,黑体;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;cursor: pointer;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;resize:none;background:none;}
input::-moz-placeholder{opacity:1;color:inherit;}
input::-webkit-placeholder{opacity:1;color:inherit;}
input::-ms-placeholder{opacity:1;color:inherit;}
textarea::-moz-placeholder{opacity:1;color:inherit;}
textarea::-webkit-placeholder{opacity:1;color:inherit;}
textarea::-ms-placeholder{opacity:1;color:inherit;}
::-webkit-input-placeholder{opacity:1;color:inherit;}


/*--滚动条插件--*/
.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;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.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;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#ccc;border-radius:8px;}
.jspTrack{background:#444;border-radius:8px;}

@font-face{
    font-family:'AvianRegular';
    src: url('../fonts/avianregular.eot');
    src: url('../fonts/avianregular.eot') format('embedded-opentype'),
         url('../fonts/avianregular.woff2') format('woff2'),
         url('../fonts/avianregular.woff') format('woff'),
         url('../fonts/avianregular.ttf') format('truetype'),
         url('../fonts/avianregular.svg#avianregular') 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;}


/*--通用--*/
body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070;margin:auto;}
.body{overflow:hidden;background//:url(../fonts/bbfaea9532444b018fff23ad02603b81.woff);}
25%{transform:rotateY(-10deg);}
50%{transform:rotateY(0deg);}
75%{transform:rotateY(10deg);}
100%{transform:rotateY(0deg);}
}
@keyframes num{
0%{transform:rotateY(0deg);}
25%{transform:rotateY(-10deg);}
50%{transform:rotateY(0deg);}
75%{transform:rotateY(10deg);}
100%{transform:rotateY(0deg);}
}






.case1{background:url(../images/bg2.jpg) center center no-repeat;position:relative;}
.case1 .line4{bottom:-95px;}
.case1 .block{padding:50px 0;perspective:1000px;}
.case1 .title .h2{color:#fff;opacity:0;
transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;
transform:translateX(-120px);-webkit-transform:translateX(-120px);}
.case1.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.case1 .title .h3{color:#fff;opacity:0;
transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;
transform:translateX(120px);-webkit-transform:translateX(120px);}
.case1.show .title .h3{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.case1 .num{height:350px;width:880px;margin:20px auto 0;
perspective:1200px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.case1 .num>div{float:left;height:100%;opacity:0;
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;
transform:rotateY(90deg) translateZ(120px);-webkit-transform:rotateY(90deg) translateZ(120px);}
.case1 .num .d1{background:url(../images/png2_1.png) center center no-repeat;width:244px;}
.case1 .num .d2{background:url(../images/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case1 .num .d3{background:url(../images/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.case1 .num .d4{background:url(../images/png2_3.png) center center no-repeat;width:276px;margin-left:-44px;
transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.case1.show .num>div{transform:rotateY(0deg) translateZ(0px);-webkit-transform:rotateY(0deg) translateZ(0px);opacity:1;}
.case1 .h{font-size:30px;color:#fff;text-align:center;opacity:0;
transform:scale(1.3);-webkit-transform:scale(1.3);
transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;}
.case1.show .h{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.pages{text-align:center;}
.pages a{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pages a:hover{background:#4461a0;color:#fff;border-color:#4461a0;}
.pages a.now{border-color:transparent;}
.pages span{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pages .jump{padding:0;}
.pages .jump input{border:none;width:25px;padding:0 10px;font-size:16px;text-align:center;}
.pages .jump em{display:inline-block;border-left:1px solid #888;text-align:center;width:40px;}
.pages .jump em:hover{background:#4461a0;color:#fff;border-color:#4461a0;cursor:pointer;}


.plan{padding:0 0 50px;}
.plan .item{margin-top:40px;padding-bottom:40px;border-bottom:1px solid #c5c5c5;position:relative;
/*opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(80px);-webkit-transform:translateY(80px);*/
}
.plan .item:after{content:"";display:block;clear:both;}
.plan.show .item{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.plan .item:first-child{margin-top:0;}
.plan .item .pic{float:left;width:583px;}
.plan .item .pic img{width:100%;height:auto;}
.plan .item .text{float:right;width:573px;padding-top:20px;}
.plan .item .h3{font-size:30px;}
.plan .item .tag{font-size:20px;color:#445e9f;margin-top:10px;}
.plan .item .tag span{margin-right:10px;}
.plan .item p{margin-top:20px;line-height:1.7;font-size: 16px;}
.plan .item .more{position:absolute;left:624px;bottom:40px;color:#333;font-size:18px;height:40px;line-height:40px;border:2px solid #666;padding:0 40px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.plan .item .more:hover{border-color:#445e9f;background:#445e9f;color:#fff;}
.plan .pages{margin-top:40px;}


.news{padding:0px 0 50px;}
.news .tit{font-size:30px;line-height:1.5;text-align:center;margin-bottom:50px;color:#333;}
.news .tit h1{font-size:inherit;display:inline-block;}
.news .tit span{margin-right:15px;}
.news .rowl{float:left;width:573px;}
.news .rowr{float:right;width:573px;}
.news .item{margin-top:50px;
/*opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(80px);-webkit-transform:translateY(80px);*/
}
.news .item.show{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.news .item:first-child{margin-top:0;}
.news .item .pic{margin-bottom:30px;}
.news .item .pic img{width:100%;height:auto;}
.news .item .h3{font-size:30px;}
.news .item .tag{font-size:20px;color:#445e9f;margin-top:10px;}
.news .item .tag span{margin-right:10px;}
.news .item p{margin-top:20px;line-height:1.7;}
.news .item .date{margin-top:20px;text-align:right;color:#909090;font-size:20px;overflow:hidden;font-family:Arial;}
.news .item .date:before{content:"";width:100%;margin:11px 0 0 -115px;display:block;float:left;border-top:1px solid #ccc;}
.news .pages{margin-top:50px;}
.news .b{text-align:center;padding:100px 0 0;}
.news .b .h3{font-size:24px;}
.news .b .h2{font-size:48px;}











.article{padding:70px 0 80px;color:#555;background:#fff;}
.article strong{font-weight:bold;}
.article em{font-style:italic;}
.article .left{width:830px;padding-top:30px;}
.article .left h1{font-size:30px;text-align:center;}
.article .left .tag{font-size:20px;color:#456fc7;margin-top:10px;text-align:center;}
.article .left .tag span{margin-right:10px;}
.article .left .date{margin-top:10px;text-align:center;font-size:16px;font-family:Arial;}
.article .left .con{padding:30px 0;line-height:1.5;font-size:16px;}
.article .left .con .share{margin-bottom:20px;}
.article .left .con .share .bdsharebuttonbox{float:left;}
.share .bdshare-button-style0-16 a,.share .bdshare-button-style0-16 .bds_more{background:url(../images/icon6.png) 0 0 no-repeat;width:31px;height:31px;padding:0;margin:0 5px 0 0;}
.share .bdshare-button-style0-16 .bds_more{background-position:right center;float:right;}
.share .bdshare-button-style0-16 .bds_qzone{background-position:-38px center;}
.share .bdshare-button-style0-16 .bds_tsina{background-position:-111px center;}
.share .bdshare-button-style0-16 .bds_tqq{background-position:right center;}
.share .bdshare-button-style0-16 .bds_renren{background-position:-76px center;}
.share .bdshare-button-style0-16 .bds_weixin{background-position:0 center;}
.article .left .con .share .c{display:inline-block;height:32px;vertical-align:middle;line-height:32px;font-size:20px;color:#333;font-family:Arial;margin-left:15px;}
.article .left .bottom{height:88px;line-height:88px;border-top:1px solid #ccc;border-bottom:1px solid #c5c5c5;overflow:hidden;}
.article .left .bottom .l{float:left;}
.article .left .bottom .l .btn{font-size:20px;display:inline-block;vertical-align: middle;color:#333;margin-left:40px;height:40px;line-height:40px;border:2px solid #999;padding:0 40px;color: #333;font-size:20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.article .left .bottom .l .btn:hover{border-color:#445e9f;background:#445e9f;color:#fff;}
.article .left .bottom .l .tel{background:url(../images/ico4.png) left center no-repeat;padding-left:70px;font-size:24px;font-family:Arial;color:#333;margin-left:20px;padding-top:1px;float:left;}
/*.article .left .bottom .r{float:right;}
.article .left .bottom .r .bdsharebuttonbox{float:left;margin-top:32px;}
.article .left .bottom .r .c{display:inline-block;height:32px;vertical-align:middle;line-height:32px;font-size:20px;color:#333;background//:url(../images/icon_share1.png) -124px 0 no-repeat;padding-left//:35px;font-family:Arial;margin-left:15px;}*/
.article .left .nav{margin-top:20px;color:#333;height:20px;}
.article .left .nav .l{float:left;}
.article .left .nav .r{float:right;}

.article .right{width:325px;position:absolute;left:50%;margin-left:273px;top:210px;}
.article .right.f{position:fixed;top:20px;}
.article .right.s{position:absolute;}
.article .right .d1{background:url(../images/bg2.jpg) center center;}
.article .right .d1 .tit{padding:30px 24px 0;height:32px;}
.article .right .d1 .tit .h3{color:#fff;font-size:24px;float:left;line-height: 1;}
.article .right .d1 .more{color:#fff;padding:12px 10px 12px 0;text-align:right;}
.article .right .d1 ul{clear:both;margin-top:10px;}
.article .right .d1 li{height:48px;line-height:48px;padding:0 24px;font-size:16px;color:#fff;border-bottom:1px solid #4c6cb1;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.article .right .d1 li:hover{text-indent:10px;}
.article .right .d2{background:url(../images/bg2.jpg) center center;margin-top:20px;}
.article .right .d2 .pic img{width:100%;height:auto;}
.article .right .d2 h3{text-align:center;font-size:20px;height:60px;line-height:60px;color:#fff;}
.article .right .d3{margin-top:30px;font-size:20px;color:#333;line-height:32px}
.article .right .d3 a{margin:0 5px 22px;display:inline-block;}
.article .right .d3 a:hover{text-shadow:3px 3px 2px rgba(0,0,0,0.1);
transform:scale(1.1);-webkit-transform:scale(1.1);}
.article .right .d3 .b{font-size:30px;}
.article .right .d3 .c{color:#456fc7;}