@charset "utf-8";
.banner { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.banner .bd li { height:650px; }
.banner .hd { position:absolute; bottom:6%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:1002px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px; border-radius:50%; background:#6d7480; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#fff; }

.container { position:relative; padding-bottom:40px; z-index:4; }
.con-01{padding-top: 40px;}
.con-01 .hd{margin-bottom: 50px;}
.u-tt .hd{text-align: center;}
.u-tt .hd h1{font-size: 30px;color: #000;border-bottom:1px solid #dadada;position: relative;line-height: 1.8;margin-bottom: 12px;}
.u-tt .hd h1:after{content:"";position: absolute;bottom: -2px;left: 50%;margin-left: -30px;width: 60px;height: 3px;background:#3582e1;}
.u-tt .hd p{font-size: 16px;color: #999;}
/*.con-01 .bd li{width:126px;text-align: center;float: left;margin: 0 77px 88px;position: relative;z-index:8;}
.con-01 .bd li a{display:block;padding-top: 140px;font-size: 16px; color:#000;}
.con-01 .bd .li01 a{background: url(../images/item-01.jpg) no-repeat center top;}
.con-01 .bd .li02 a{background: url(../images/item-02.jpg) no-repeat center top;}
.con-01 .bd .li03 a{background: url(../images/item-03.jpg) no-repeat center top;}
.con-01 .bd .li04 a{background: url(../images/item-04.jpg) no-repeat center top;}
.con-01 .bd .li05 a{background: url(../images/item-05.jpg) no-repeat center top;}
.con-01 .bd .li06 a{background: url(../images/item-06.jpg) no-repeat center top;}
.con-01 .bd .li07 a{background: url(../images/item-07.jpg) no-repeat center top;}
.con-01 .bd .li01:after{content: "";position: absolute;right: -135px;top: 18px;width: 105px;height: 92px;background:url(../images/bg-01.jpg) no-repeat right top; }
.con-01 .bd .li02:after{content: "";position: absolute;right: -140px;top:20px;width:123px;height:66px;background:url(../images/bg-02.jpg) no-repeat right top; }
.con-01 .bd .li03:after{content: "";position: absolute;right: -125px;top:20px;width:105px;height:92px;background:url(../images/bg-01.jpg) no-repeat right top; }
.con-01 .bd .li05{margin-left: 215px;}
.con-01 .bd .li05:after{content: "";position: absolute;right: -125px;top:30px;width:98px;height:48px;background:url(../images/bg-03.jpg) no-repeat right top; }
.con-01 .bd .li06:after{content: "";position: absolute;right: -125px;top:8px;width:98px;height:94px;background:url(../images/bg-04.jpg) no-repeat right top; }
.con-01 .bd li .libox{position:absolute;top:-15px;left:-10px;right:-10px;padding: 30px 16px 15px;background: #0749ae;z-index:1;font-size: 13px;color: #fff;line-height: 1.7;border-radius:10px;opacity: 0;display: none; cursor:pointer;}
.con-01 .bd li:hover .libox{animation:flipInX 1.2s ease both;-webkit-animation:flipInX 1.2s ease both;-moz-animation:flipInX 1.2s ease both;display: block;opacity: 1;}*/

.con-02{ width:1920px; height:150px; position: relative; background:url(../images/bg-05.jpg) no-repeat; left: 50%;margin-left: -960px; }
.con-02 .b-btn { position:relative; }
.con-02 ul {position: absolute;top:58px;left:670px;}
.con-02 li {float: left;margin-left: 12px; border-radius:5px;}
.con-02 li a { display:block; width:132px; height:38px; font-size:16px; text-align:center; line-height:38px; color:#fff; }
.con-02 li.btn1 { background:#f29c22; box-shadow:0 2px #b36a02;}
.con-02 li.btn2 { background:#033d96; box-shadow:0 2px #01337f;}


.con-03{padding-top: 45px;}
.con-03 .hd{margin-bottom: 60px;}
.tab-lt{float: left;padding:105px 100px 0 64px;}
.tab-content{float: left;width: 476px;height: 696px;background: url(../images/iphone.jpg) no-repeat center top;position: relative;overflow: hidden;}
.tab-rt{float: right;padding:105px 64px 0 85px;}
.tab li{width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 14px;border-radius:50%;border:1px solid #aaa;color: #222;cursor:pointer;margin-top: -25px;position: relative;}
.tab li.on{background: #1977df;border-color: #1977df;}
.boxwp{position: absolute;top:700px;left: 95px;background: #e4e4e9;width: 270px;padding:15px 10px;font-size: 14px;color: #000;border-radius: 8px;border-bottom-left-radius:0;line-height:1.7;opacity: 0;}
.boxwp:after{content:"";position: absolute;bottom:-7px;left: -6px;width: 15px;height: 7px;background: url(../images/icon-02.jpg) no-repeat;}
.tab-lt li:nth-child(2){margin:-25px 0 0 100px;}
.tab-lt li:nth-child(4){margin:-25px 0 0 100px;}
.tab-lt li:nth-child(6){margin:-25px 0 0 100px;}
.tab-lt li:nth-child(1){margin: 0;}
.tab-rt li:nth-child(1){margin:0px 0 0 100px;}
.tab-rt li:nth-child(3){margin:-25px 0 0 100px;}
.tab-rt li:nth-child(5){margin:-25px 0 0 100px;}
.tab-rt li:nth-child(7){margin:-25px 0 0 100px;}
.tab-lt li:hover{background: #f4a121;border: 1px solid #f4a121;color: #fff;}
.tab-lt li:hover:after{content: '';background: url("../images/arrow_icon.png") no-repeat center;display: block;width: 29px;height: 29px;position:absolute;left:98px;top:36px;}
.tab-rt li:hover{background: #f4a121;border: 1px solid #f4a121;color: #fff;}
.tab-rt li:hover:after{content: '';background: url("../images/arrow_icon02.png") no-repeat center;display: block;width: 29px;height: 29px;position:absolute;right:98px;top:36px;}

.con-04{background: #f8f8f8;padding: 54px 0 45px;}
.con-04 li{float: left;border-right: 1px solid #d1d3e0;width: 300px; padding:0 15px; height:112px; text-align: center;box-sizing: border-box;}
.con-04 li:last-child{border-right: none;}

.con-04 li a{display: block;width: 76px;height: 76px;float: left;}
.con-04 li .con{float: right;width: 182px;text-align: left;}
.con-04 li .con .t{font-size: 18px;color: #646464;}
.con-04 li .con .c{font-size: 14px;color: #666666;}

.con-04 li .a01{background: url(../images/item-08.png) no-repeat center top;}
.con-04 li .a02{background: url(../images/item-09.png) no-repeat center top;}
.con-04 li .a03{background: url(../images/item-10.png) no-repeat center top;}
.con-04 li .a04{background: url(../images/item-11.png) no-repeat center top;}
.con-04 li .a01:hover{background: url(../images/item-12.png) no-repeat center top;}
.con-04 li .a02:hover{background: url(../images/item-13.png) no-repeat center top;}
.con-04 li .a03:hover{background: url(../images/item-14.png) no-repeat center top;}
.con-04 li .a04:hover{background: url(../images/item-15.png) no-repeat center top;}


.con-05 { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.con-05 .bd li { height:500px; }
.con-05 .hd { position:absolute; bottom:6%; width:100%; height:14px; z-index:1; }
.con-05 .hd ul { width:1002px; margin:0 auto; text-align:center; }
.con-05 .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 4px; border-radius:100%; background:#aaafb5; line-height:999px; overflow:hidden; cursor:pointer; }
.con-05 .hd ul .on { background:#fff;}

.con-06{padding: 50px 0 58px;}
.con-06 .hd{margin-bottom: 45px;}
.con-06 .bd {background: url(../images/c-6_bg.png) no-repeat center center;position: relative;margin-left: 50%;left: -960px;width: 1920px;}
.con-06 .bd ul{width: 1200px;margin: 0 auto;height: 264px;position: relative;}
.con-06 .bd ul li{position: absolute;width: 100px;text-align: center;}
.con-06 .bd ul li a{display: block;}
.con-06 .bd ul li p{font-size: 18px;}
.con-06 .bd ul li:nth-child(1) a{background: url(../images/z_icon01.png);width: 51px;height: 47px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(2) a{background: url(../images/z_icon02.png);width: 48px;height: 52px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(3) a{background: url(../images/z_icon03.png);width: 50px;height: 47px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(4) a{background: url(../images/z_icon04.png);width: 43px;height: 43px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(5) a{background: url(../images/z_icon05.png);width: 48px;height: 42px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(6) a{background: url(../images/z_icon06.png);width: 53px;height: 53px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(7) a{background: url(../images/z_icon07.png);width: 52px;height: 32px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(8) a{background: url(../images/z_icon08.png);width: 40px;height: 40px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(9) a{background: url(../images/z_icon09.png);width: 50px;height: 49px;margin: 0 auto 16px;}
.con-06 .bd ul li:nth-child(1){left: 62px;top: 0;}
.con-06 .bd ul li:nth-child(2){left: 222px;top: 96px;}
.con-06 .bd ul li:nth-child(3){left: 396px;top: 0;}
.con-06 .bd ul li:nth-child(4){left: 396px;bottom: 0;}
.con-06 .bd ul li:nth-child(5){left: 562px;top: 96px;}
.con-06 .bd ul li:nth-child(6){left: 732px;top: 0;}
.con-06 .bd ul li:nth-child(7){left: 732px;bottom: 0;}
.con-06 .bd ul li:nth-child(8){left: 905px;top: 96px;}
.con-06 .bd ul li:nth-child(9){left: 1070px;top: 0;}
.con-06 .bd ul li:hover p{color: #0545b2;}
.con-06 .bd ul li:nth-child(1):hover a{background: url(../images/f_icon01.png);}
.con-06 .bd ul li:nth-child(2):hover a{background: url(../images/f_icon02.png);}
.con-06 .bd ul li:nth-child(3):hover a{background: url(../images/f_icon03.png);}
.con-06 .bd ul li:nth-child(4):hover a{background: url(../images/f_icon04.png);}
.con-06 .bd ul li:nth-child(5):hover a{background: url(../images/f_icon05.png);}
.con-06 .bd ul li:nth-child(6):hover a{background: url(../images/f_icon06.png);}
.con-06 .bd ul li:nth-child(7):hover a{background: url(../images/f_icon07.png);}
.con-06 .bd ul li:nth-child(8):hover a{background: url(../images/f_icon08.png);}
.con-06 .bd ul li:nth-child(9):hover a{background: url(../images/f_icon09.png);}

.con-06 .ness{float: left;position: relative;}
.con-06 .ness a{display: block;position: relative;}
.ness01,.ness04{margin:78px 78px 0 0;}
.ness07{margin-top: 78px;}
.ness01 a,.ness04 a,.ness07 a{width: 112px;height: 112px;}
.ness01 a{background: url(../images/item-12.jpg) no-repeat;}
.ness04 a{background: url(../images/item-13.jpg) no-repeat;}
.ness07 a{background: url(../images/item-14.jpg) no-repeat;}
.ness02{margin-right:56px;}
.ness03{margin-top:90px;}
.ness02 a{padding-top:;width: 97px;height: 97px;background: url(../images/bg-06.png) no-repeat; }
.ness02 a i{display:block;font-size: 16px;color: #333;padding-top: 54px;text-align: center;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);}
.ness02 a .i01{background: url(../images/y01.png) no-repeat center 16px;}
.ness02 a .i02{background: url(../images/y02.png) no-repeat center 16px;}
.ness02 a .i03{background: url(../images/y03.png) no-repeat center 16px;}
.ness02 a .i04{background: url(../images/y04.png) no-repeat center 16px;}
.ness02 a .i05{background: url(../images/y05.png) no-repeat center 20px;}
.ness02 a .i06{background: url(../images/y06.png) no-repeat center 16px;}
.ness02 a i:hover{-webkit-filter:grayscale(0);-ms-filter:grayscale(0);-moz-filter:grayscale(0);}
#a01,#a03{margin-bottom: 70px;}
.ness01:after{content:"";position: absolute;right:-66px;height: 1px;top: 60px;background: url(../images/l01.jpg) no-repeat;width: 57px;}
.ness02.ness05:after{content:"";position: absolute;right:-37px;height: 41px;top: 80px;background: url(../images/l03.jpg) no-repeat;width: 41px;}
.ness02.ness05:before{content:"";position: absolute;right:-50px;height:30px;top: -7px;background: url(../images/l02.jpg) no-repeat;width: 50px;}
.ness04:after{content:"";position: absolute;left:-40px;height:42px;top: 92px;background: url(../images/l04.jpg) no-repeat;width:41px;}
#a03:after{content:"";position: absolute;left:-62px;height:42px;top:78px;background: url(../images/l04.jpg) no-repeat;width:41px;}
#a04:before{content:"";position: absolute;left:-56px;height: 41px;top:-5px;background: url(../images/l03.jpg) no-repeat;width: 41px;}
#a03:before{content:"";position: absolute;right:-48px;height: 41px;top:74px;background: url(../images/l03.jpg) no-repeat;width: 41px;}
#a04:after{content:"";position: absolute;right:-52px;height:42px;top:4px;background: url(../images/l04.jpg) no-repeat;width:41px;}
.ness07:after{content:"";position: absolute;left:-52px;height: 1px;top: 60px;background: url(../images/l01.jpg) no-repeat;width:48px;}
.ness07:before{content: "";width: 11px;height: 11px;background: url(../images/icon-03.png) no-repeat center;top: -14px;left: 50%;margin-left: -5px;position: absolute;}
.con-07{background: url(../images/bg-07.jpg) no-repeat center bottom;padding: 45px 0 62px;}
.con-07 .hd{margin-bottom: 52px;}
.con-07 .bd{width: 580px;margin: 0 auto;}
.c7-lt{float: left;margin-right: 40px;}
.c7-lt li{width: 138px;height: 40px;color: #fff;font-size: 16px;line-height: 40px;text-align: center;background: #f29c22;border-radius:20px;}
.c7-rt{float: left;}
.c7-rt label{font-size: 16px;color: #000;display:inline-block;margin-right: 16px;width: 94px;text-align: right;}
.c7-rt li{margin-bottom: 12px;}
.c7-rt li input{background: #fff;height: 40px;border:1px solid #c5c5c5;width: 264px;border-radius: 5px;line-height: 40px;font-size: 14px;padding-left: 10px;}
.c7-rt .btn{height: 40px;border-radius: 5px;line-height: 40px;font-size: 14px;height: 40px;background: #1770dc;color: #fff;display: inline-block;width: 114px;text-align: center;margin-left: 116px;cursor: pointer;}

.con-08{ width:1920px; height:170px; position: relative;left: 50%;margin-left: -960px; background:url(../images/pay.jpg) no-repeat;}
.con-08 .zixun { position:relative; }
.con-08 a { position:absolute; left:392px; top:94px; display:block; width: 132px;height: 38px; background:#fff; box-shadow:0 2px #0c69af; border-radius:2px; color:#0f73c9; font-size:18px; text-align:center; line-height: 38px;}
.con-08 .weixin { position: absolute; top:32px; right:265px }
.con-08 .weixin  span { display:block; color:#fff; font-size:14px; text-align:center; }

.con-09{padding: 50px 0 0;}
.c9-top ul li { display:inline-block; padding:60px; }
.c9-top ul li:not(:last-child) { margin-right:212px; }
.c9-top ul li dt { font-size: 32px; color: #0749ae; font-weight: bold; text-align: center;}
.c9-top ul li dd { font-size: 12px; color: #3d3d3d; }
.c9-bott{position: relative;}
.c9-bott .bd { width:1081px;  margin-left:60px; overflow:hidden;}
.c9-bott ul{width: 1200px;}
.c9-bott li{float: left;border:1px solid #d0d0d0;list-style: none; margin-left:45px; width:300px; margin-bottom:10px;}
.c9-bott li img{display: block; width:100% }
.c9-bott .prev,.c9-bott .next{position:absolute;top: 50%;margin-top: -18px;z-index: 9; width:37px; height:37px;}
.c9-bott .prev{left:0;}
.c9-bott .next{right:0;}

.con-10{margin-top: 100px;overflow: hidden;}
.con-10 .hd{margin-bottom: 40px;}
.con-10 .bd ul{width: 1200px;}
.con-10 .bd li{width: 560px;float: left;margin-right:80px;padding-bottom: 12px;margin-bottom: 30px;}
.con-10 .bd li:nth-child(2),.con-10 .bd li:nth-child(4) { margin-right:0; }
.con-10 .bd li .pic{float: left;margin-right: 12px;}
.news-pic { width:130px; height:130px; margin-right:12px; float: left;border-radius: 50%; overflow:hidden;}
.news-pic img { max-width:100%; }
.news-info{display: block;overflow: hidden;*zoom:1;}
.news-info dt a{font-size: 16px;color: #4f5050;display: block;padding:5px 0;}
.news-info dt a:hover{color: #1a79df;}
.news-info dd{ margin-top:5px; line-height: 1.7; color:#777575;}
.news-info .date { font-size:12px; color: #aaa9a9; border-bottom:1px solid #d3d3d3 }

.container img { vertical-align:top; }

@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0.5;}
	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateX(10deg)}
	100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1.0}}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0.5;}
	40%{-moz-transform:perspective(400px) rotateX(-10deg)}
	70%{-moz-transform:perspective(400px) rotateX(10deg)}
	100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1.0}}
@keyframes flipInX{
	0%{transform:perspective(400px) rotateX(90deg);opacity:0.5;}
	40%{transform:perspective(400px) rotateX(-10deg)}
	70%{transform:perspective(400px) rotateX(10deg)}
	100%{transform:perspective(400px) rotateX(0deg);opacity:1.0}}

.con-01 .bd {position: relative;}
.con-01 .bd ul{height: 560px;}
.con-01 .bd ul li{width: 296px;height: 296px;position: absolute;background: url(../images/b_bg_03.png) no-repeat center center;text-align: center;overflow: hidden;}
.con-01 .bd ul li .icon{margin: 79px auto 20px;}
.con-01 .bd ul li .ch{font-size: 18px;}
.con-01 .bd ul li .en{font-size: 14px;padding-bottom: 12px;position: relative;}
.con-01 .bd ul li .bm{padding-bottom: 20px;}
.con-01 .bd ul li .en span{display: block;width: 32px;height: 1px;background: #0545b2;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}

.con-01 .bd ul li .mb{opacity: 0;transition: all 2s;}
.con-01 .bd ul li .mb .ch{padding-bottom: 12px;position: relative;margin: 72px auto 20px;font-weight: 600;}
.con-01 .bd ul li .mb .ch span{display: block;width: 32px;height: 1px;background: #0545b2;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.con-01 .bd ul li .mb .con{padding: 0 58px;font-size: 16px;}
.con-01 .bd ul li:hover .bm{display: none;}
.con-01 .bd ul li:hover .mb{opacity: 1;}
.con-01 .bd ul li:hover{background: url(../images/h_bg_03.png) no-repeat center center;}

.con-01 .bd ul li:nth-child(1){left: 0;}
.con-01 .bd ul li:nth-child(2){left: 302px;}
.con-01 .bd ul li:nth-child(3){left: 604px;}
.con-01 .bd ul li:nth-child(4){left: 906px;}
.con-01 .bd ul li:nth-child(5){left: 151px;top: 152px;}
.con-01 .bd ul li:nth-child(6){left: 453px;top: 152px;}
.con-01 .bd ul li:nth-child(7){left: 755px;top: 152px;}