@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,hr { margin: 0px; padding: 0px;}
body { font-size: 12px; line-height: 1.5; font-family: 微软雅黑; background: #fff;}
h1,h2,h3,h4,h5,h6 { font-family: arial,"hiragino sans gb","microsoft yahei","Simsun",sans-serif; font-size: 100%; font-weight:normal;}
input,textarea,select,button { font-size: 12px;,font-weight: normal; vertical-align:middle;}
input[type='button'],input[type='submit'],select,button { cursor: pointer;}
table { border-spacing: 0;}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
li { list-style: none;}
caption,th { text-align: left;}
q:before,q:after { content: "";}
abbr,acronym { border: 0 none; font-variant: normal;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
fieldset,img,a img,iframe { border-style: none; border-width:0;}
img { vertical-align: middle; vertical-align: middle; outline: none;}
textarea { overflow-y:auto; }
legend { color: #000;}
a { text-decoration: none; outline: none; cursor: pointer; color: #298ff8;}
a:link,a:visited { text-decoration: none;}
hr {height: 0;}
.clear { clear: both;}
.error { color:#f00; font-size: 12px; display: inline-block; margin-left: 10px; }
.success { color:#67bs83d; font-size: 12px; margin-left: 10px;}
.w140 { width: 140px;}

input[type='text'],input[type='password'] { font-size: 18px; font-family: 微软雅黑; outline: none; background: #f7f7f7; height: 44px; line-height: 44px; color: #ccc; padding-left: 12px; width: 288px; border:1px #ccc solid;}
input[type='text']:focus,input[type='password']:focus { background: #fff; border-color: #00aedd; color: #333;}
input[type='button'],input[type='submit'] { width: 100px; height: 36px; line-height: 18px; font-family: 微软雅黑;  background: #00adee; text-align: center; border:none; color: #fff; font-size: 18px; border-radius: 5px; outline: none;}
input[type='button'].w140,input[type='submit'].w140 { width: 140px;}
textarea {font-size: 18px; font-family: 微软雅黑; background: #f7f7f7; color: #ccc; padding-left: 12px; padding-top: 12px; min-height: 124px; width: 296px; border:1px #ccc solid;}
textarea:focus { background: #fff; border-color: #67B83D;}
input[type='button'].cancel_btn,input[type='submit'].cancel_btn { border: 1px #ccc solid; background: #fff; width: 78px; height: 32px; line-height: 16px; text-align: center; color: #383838; cursor: pointer; border-radius: 0px; font-size: 12px;}
input[type='button'].cancel_btn:hover,input[type='submit'].cancel_btn:hover { background: #eeeeee;}
input[type='button'].confirm_btn,input[type='submit'].confirm_btn { border: 1px #76b343 solid; background: #76b343; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #fff; cursor: pointer; border-radius: 0px; font-size: 12px;}
input[type='button'].confirm_btn:hover,input[type='submit'].confirm_btn:hover { background: #8bc55a; border-color: #8bc55a;}



-webkit-appearance:none;

/*模拟下拉框*/
.select_box { border: 1px #ccc solid;}
.select_box { position: relative; width: 308px; cursor: pointer; height: 44px; line-height: 44px; border:1px #ccc solid; background: #f7f7f7;}
.select_box.focus { background: #fff; border-color: #67B83D; }
.select_box span { padding-left: 12px; display: block; position: relative; font-size: 18px; color: #ccc; background: url("../images1/select_bg.png") right 20px no-repeat #f7f7f7; margin-right: 15px;}
.select_box.focus span { color: #333; background: url("../images1/select_bg.png") right -65px no-repeat #fff;}
.select_box ul { position: absolute; left: -1px; top: 44px; z-index: 11; background: #fff; max-height: 200px; overflow-x: hidden; overflow-y:scroll;border: 1px #ccc solid; border-top: none; display: none;}
.select_box.focus ul { border-color: #67B83D; }
.select_box ul li { height: 44px; line-height: 44px; font-size: 18px; cursor: pointer; padding-left: 12px; color: #333; }
.select_box ul li:hover { background: #f5f5f5;}
.select_box span.error { positon:absolute; left:240px; top:-40px; padding-left:0px; background:none;}


.ft_header,.ft_content,.ft_footer { width: 100%; min-width: 1180px;}
.ft_header_wp,.ft_content_wp,.ft_footer_wp { width: 1180px; margin: 0 auto;}

/*----------------头部-----------------*/
.ft_header { height: 80px; position:relative; z-index:11;}

.ft_logo { float: left; display: inline; line-height: 80px; margin-right: 93px; }
.ft_logo .logo_mascot { display: inline-block; margin-left: 10px;}
.ft_menu ul li { float: left; display: inline; margin: 0px 21px; font-size: 16px; position: relative;}
.ft_menu ul li a { display: inline-block; line-height: 80px; color: #333;}
.ft_menu ul li.active a.default,.ft_menu ul li:hover a.default  { color: #00adee;}/*#67b83d*/
.ft_log { line-height: 80px; float:right; display: inline;}
.ft_log a { display: inline-block; text-align: center; border-radius: 3px; margin-left: 15px; font-size: 14px; }
.ft_log a.log { width: 90px; height: 40px; line-height: 40px; background: #00adee; color: #fff;}
.ft_log a.reg { width: 88px; height: 38px; line-height: 38px; border:1px #c3c3c3 solid; color: #999;}
.ft_log a.admin_center { height: 34px; line-height: 34px; border:1px #00adee solid; color: #00adee; background: url("../images1/icon_2.png") -431px 6px no-repeat; padding-left: 35px; padding-right: 8px;}

/*菜单menu*/
.ft_menu em { display: inline-block; background: url("../images1/menu_tg.png") 0 0 no-repeat; width: 16px; height: 9px; position: absolute; top: -9px; left: 165px; z-index:999;}
.submenu { background: #fff; box-shadow: 0 2px 6px #999; position: absolute; z-index: 999; top: 89px; left: -133px; width: 700px; display: none;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135, Color='#999999')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135,Color='#999999');}
.submenu .list1 { margin: 20px 30px; float: left; display: inline;}
.submenu strong { font-weight: normal; font-size: 18px; color: #31abce; display: block; margin-bottom: 8px;}
.submenu dl { font-size: 14px; overflow: hidden; margin: 0px 0px 15px 20px; line-height: 25px; }
.submenu dl dd { margin-left: 105px; margin-bottom: 10px;}
.submenu dl dt { float: left; display: inline; width: 75px; margin-right: 30px; }
.submenu dl dt a { color: #00adee; display: inline; line-height: 25px; }
.submenu dl dd a { color: #333; line-height: 25px; padding-right: 35px;}
.submenu dl dd a.p2p:hover { color: #67b83d; }
.submenu .list2 { background: #f9f9f9; padding: 20px 30px; float: left; display: inline; width: 640px;}
.submenu .list2_a { margin-left: 20px;}
.submenu .list2_a a { color: #333; font-size: 14px; line-height: 30px; display: inline-block; margin-right: 35px;}
.submenu .list2_a a.unuse { color: #ccc; cursor: text;}

/*---------------首页---------------*/
/*首页banner*/
.ft_banner { width: 100%; /* background: url("../images1/banner12.png") center center no-repeat; */ height: 660px;}
.ft_banner_wp { width: 1180px; margin: 0 auto; position: relative;}

/*轮播图*/
.banner_box{width:100%; height:550px; overflow:hidden; }
.banner_box .banner{width:100%; height:550px; overflow:hidden; position:relative;}
.banner_box .banner_list{width:100%; height:550px; position:relative;}
.banner_list li{width:100%; height:550px; position:absolute; left:0; top:0; opacity:0; filter:alpha:opacity(0);}
.banner_list .bm1{background:url(../images1/banner1.png) 50% 0 #319ACC no-repeat;}
.banner_list .bm2{background:url(../images1/banner2.png) 50% 0 #5390D5 no-repeat;}
.banner_list .bm3{background:url(../images1/banner3.png) 50% 0 no-repeat;}
.banner_list .bm4{background:url(../images1/banner4.png) 50% 0 no-repeat;}
.banner_list .bm5{background:url(../images1/banner5.gif) 50% 0 no-repeat;}
.slide_btns { position: absolute; width: 1180px; top: 225px; left: 50%; margin-left: -590px; z-index:11;}
.banner_box .prev_btn, .banner_box .next_btn{display:block; width:31px; height:90px; position: absolute; opacity:0.5; filter:alpha:opacity(50);}
.banner_box .prev_btn{left:-50px; background:url(../images1/slide_icon.png) 0 0px no-repeat;}
.banner_box .next_btn{right:-50px; background:url(../images1/slide_icon.png) -39px 0px no-repeat;}
.banner_box .circle_btns{/*width:100%;*/width:132px; height:12px; position:absolute; bottom:22px; left:50%; text-align:center; z-index:11; margin-left:-51px;}
.banner_box .circle_btns a{display:inline-block; width:12px; height:12px; background:url(../images1/slide_icon_blue.png) -58px -138px no-repeat; margin-right:18px; }
.banner_box .circle_btns .a1{margin-right:0;}
.banner_box .circle_btns .cur{background-position: 0px -138px;}
.banner_list .bm_txt { width: 1180px; margin: 102px auto 0px auto; color: #fefefe; position: relative;}
.banner_list .bm_txt h1 { font-size: 60px; position: absolute; right: 55px; top: 0px;}
.banner_list .bm_txt h2 { font-size: 48px; position: absolute; right: 55px; top: 90px;}
.banner_list .bm_txt p { font-size: 18px; position: absolute; right: 55px;}
.banner_list .bm_txt p.p1 { top: 189px;}
.banner_list .bm_txt p.p2 { top: 233px;}

.banner_list .bm2_txt p.p3 { top: 278px;}

/*首页*/
.item_box { width: 100%; padding: 0px 0px 82px 0px; overflow: hidden;}
.item_box_wp { width: 1180px; margin:0 auto;}
.item_box_wp .title { background: url("../images1/cloud.png") center center no-repeat; width: 1180px; min-height: 87px; margin: 30px auto 55px auto; text-align: center;}
.item_box_wp .title h1 { font-size: 36px; color: #3f616c;}
.item_box_wp .title h2,.item_box_wp .title p { font-size: 18px; color: #aaa;}
.item_box_wp h3 { color: #67b83d; font-size: 36px; margin: 74px 0px 50px 0px;}
.item_box_wp h4 { color: #3f616c; font-size: 36px; margin: 65px 0px 25px 0px; text-align: center;}

.box1 { border-bottom: 1px #cccccc solid; }
.box1 ul li { float: left; display: inline; margin-right: 106px; width: 215px; text-align: center; overflow: hidden;}
.box1 ul li.last { margin-right: 0px;}
.box1 ul li dt { background: #fafafa; border-radius: 90px; width: 180px; height: 180px; text-align: center; cursor: pointer; margin-bottom: 20px; margin-left: 18px; font-size: 14px; position: relative;}
.box1 ul li dt a { display: inline-block; color: #333; width: 180px; height: 180px; top: 0px; left: 0px; position: absolute; border-radius: 90px; overflow: hidden; }
.box1 ul li dt i { display: inline-block; text-align: center; vertical-align: middle; background: url("../images1/icon.png") 0 0 no-repeat; position: relative;}
.box1 ul li.li1 dt i { background-position: 0 0; width: 64px; height: 85px; margin: 40px 58px 15px 58px;}
.box1 ul li.li2 dt i { background-position: 0 -101px; width: 94px; height: 94px; margin: 33px 43px 13px 43px; }
.box1 ul li.li3 dt i { background-position: 0 -203px; width: 54px; height: 98px; margin: 27px 63px 13px 63px; }
.box1 ul li.li4 dt i { background-position: 0 -325px; width: 76px; height: 64px; margin: 51px 52px 23px 52px; }
.box1 ul li dt a.hover { top: 0px; left: 0px;}
.box1 ul li.li1 dt a.hover i { background-position: -76px 0; top: -125px;}
.box1 ul li.li2 dt a.hover i { background-position: -108px  -101px; top: -125px;}
.box1 ul li.li3 dt a.hover i { background-position: -67px -203px; top: -125px;}
.box1 ul li.li4 dt a.hover i { background-position: -83px -325px; top: -125px;}
.box1 ul li dt a .txt { position: relative;}
.box1 ul li dt a.hover .txt { right: -100px;}
.box1 ul li dt a.hover .txt { color: #fff;}
.box1 ul li dd { color: #666; font-size: 12px; margin-bottom: 20px; line-height: 22px;}
.box1 ul li dd.tit { font-size: 18px; color: #78b500; font-weight: normal; margin-bottom: 5px; display: inline-block;}
.box1 ul li dd a { display: inline-block; color: #78b500; width: 92px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; border:1px #78b500 solid;}
.box1 ul li:hover dd a { background: #78b500; color: #fff; }


/*短信、语音、视频等动画*/
.box1 ul li dt {
	transition: background 0.5s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 0.5s; /* Safari and Chrome */
	-o-transition: background 0.5s; /* Opera */
}
.box1 ul li:hover dt {
	background: #84d23f;
}


.box2 { background: #f9f9f9; padding: 75px 0px 0px 0px; border-bottom: 1px #cccccc solid; }
.index_2 { width: 1180px; margin: 0 auto; position: relative; }
.index_2 span.txt { font-size: 18px; color: #333; background: #fff; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; box-shadow: 2px 4px 10px #ccc; text-align: center; position: absolute; cursor: pointer;}
.index_2 span.txt1 { left: 69px; top: 202px;}
.index_2 span.txt2 { left: 334px; top: 0px;}
.index_2 span.txt3 { left: 766px; top: 0px;}
.index_2 span.txt4 { left: 1025px; top: 202px;}
.index_2 .txt_desc span { position: absolute;}
.index_2 .txt_desc span em { font-style: normal; position: relative; font-size: 14px; color: #333; display: inline-block; width: 277px; height: 211px; background: url("../images1/desc_bg.png") 0 0 no-repeat; line-height: 35px; padding: 32px 44px 0px 44px;}
.index_2 .txt_desc span.span1 img { position: relative; left: -350px; top: -82px;}
.index_2 .txt_desc span.span1 { background: url("../images1/img57.png") 0 0  no-repeat; top: 108px; left: 284px; width: 680px; height: 306px;}
.index_2 .txt_desc span.span2 { background: url("../images1/img58.png") 0 0  no-repeat; top: 120px; left: 248px; width: 680px; height: 311px;}
.index_2 .txt_desc span.span3 { background: url("../images1/img59.png") 0 0  no-repeat; top: 160px; left: 248px; width: 680px; height: 202px;}
.index_2 .txt_desc span.span4 { background: url("../images1/img60.png") 0 0  no-repeat; top: 120px; left: 284px; width: 680px; height: 267px;}
.index_2 .txt_desc span.span1 em { top: 30px; right: -307px;}
.index_2 .txt_desc span.span2 em { top: 18px; right: -343px;}
.index_2 .txt_desc span.span3 em { top: -23px; right: -343px;}
.index_2 .txt_desc span.span4 em { top: 17px; right: -307px;}


/*简单、可靠、专注、全球动画*/
.index_2 span.txt {
transition:transform 1s ease-out;;
-moz-transition:-moz-transform 1s ease-out;; /* Firefox 4 */
-webkit-transition:-webkit-transform 1s ease-out;; /* Safari and Chrome */
-o-transition:-o-transform 1s ease-out;; /* Opera */
}
.index_2 span.txt:hover,.index_2 span.txt.current {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.box3 { padding: 0px; width: 100%; position: relative; height: 510px;}
.bg_attach1 { width: 100%; background: url("../images1/bg1.png") center center fixed no-repeat; position: absolute; top: 0px; left: 0px; height: 1124px; }
.bg_attach2 { width: 100%; background: #3390c1; opacity: 0.6; position: absolute; top: 0px; left: 0px; height: 510px; }
.index_3 { position: relative; z-index: 11; margin: 75px auto 0px auto; width: 1035px;}
.index_3 p span { position: absolute; font-size: 30px; color: #fff; left: 658px;}
.index_3 p .span1 { top: 54px;}
.index_3 p .span2 { top: 157px;}
.index_3 p .span3 { top: 263px;}
.index_3 p .span1 em { display: inline-block; width: 90px;}
.index_3 p .span2 em { display: inline-block; width: 82px;}
.index_3 p .span3 em { display: inline-block; width: 98px;}


.index_4 { width: 1180px; margin: 0 auto;}
.box4 .item_box_wp { text-align: center;}
.box4 ul { float: left; display: inline; width: 1178px; /* border: 1px #eee solid;  */background: #fff; }
.box4 ul li { float: left; display: inline; width: 293px; border:1px #eee solid; margin-bottom: -1px; margin-left: -1px; /* border-right: 1px #eee solid; border-bottom: 1px #eee solid; */ height: 88px; line-height: 88px; cursor: pointer;}
/* .box4 ul li.last { margin-right: -1px; border-right: none;} */
.box4 ul li.bottom { margin-bottom: -1px;}
.box4 ul li:hover { background: #f2f2f2;}


/*短信*/
.ft_banner1 { width: 100%; height: 550px; background: url("../images1/3.jpg") center center;}
.ft_banner1 .desc { float: left; display: inline; margin-top: 186px; margin-left: 40px;}
.ft_banner1 .desc h1 { font-size: 60px; color: #fff; }
.ft_banner1 .img { float:right; display: inline; margin: 88px 52px 0 0;}

.message_1 { margin-top: 70px;}
.message_1 ul { margin-bottom: 68px; overflow: hidden;}
.message_1 ul li { float: left; display: inline; margin: 0px 140px; width: 310px; text-align: center;}
.message_1 dl { width: 100%; text-align: center;}
.message_1 dt { margin-bottom: 15px;}
.message_1 dd { line-height: 25px; font-size: 14px; color: #666;}
.message_1 dd.tit { font-size: 24px; color: #333; margin-bottom: 15px;}
.doc_link { text-align: center;}
.doc_link a { border:1px #aaa solid; border-radius: 4px; padding: 10px 14px; font-size: 14px; color: #666; background: #fff;}

.box6 { background: url("../images1/bg2.png") center center repeat-y; height:550px; padding: 0px;}
.message_2 { margin-bottom: 42px;}
.message_2 ul li { float: left; display: inline; margin-left: 20px;}
.message_2 ul li.li1 { width: 560px; margin-bottom: 30px;}
.message_2 ul li.li2 { width: 580px;}
.message_2 ul li dl { overflow: hidden;  margin: 0px 30px 81px 30px;}
.message_2 ul li dl.dl2 { margin-left: 65px;}
.message_2 ul li dt { float: left; display: inline;}
.message_2 ul li .dl2 dt { float: right; display: inline; }
.message_2 ul li dd { font-size: 14px; color: #fff; line-height: 40px; width: 210px; }
.message_2 ul li .dl1 dd { margin-left: 270px; margin-top: 42px;}
.message_2 ul li .dl2 dd { margin-right: 42px; margin-top: 60px;}

.box7 { background: url("../images1/bg3.png") 0 43px repeat-x; padding: 0px; height: 650px;}

.steps_box { background: #f8f8f8; padding: 35px 0px 30px 0px;}
.steps_box h5 { margin-bottom: 35px; margin-left: 25px;}
.steps_info { text-align: center; margin: 0px 29px;}
.steps_box span { width: 321px; text-align: center; display: inline-block;}
.steps_box .span2 { margin: 0px 75px;}
.steps_box span a { display: inline-block; font-size: 18px; width: 321px; height: 55px; line-height: 55px; background: #49a748; border-radius: 12px; color: #fff; text-align: center; margin-bottom: 10px;}
.steps_box span em { font-size: 12px; color: #999; font-style: normal; display: inline-block; height: 38px; margin: 0px 25px;}

.box8 { padding: 129px 0px 142px 0px; height: 317px; background: #f7fbf3; }
.box8 h3 { margin: 0px 0px 40px 0px; color: #cacbcd; font-size: 60px;}
.step_box { position: relative; width: 877px; margin: 0 auto;}
.step_box span { position: absolute; background: url("../images1/step_bg.png") 0 0 no-repeat; display: inline-block; height: 78px; line-height: 58px; color: #6dac00; font-size: 18px; text-align: center;}
.step_box span.step1 { top: 0px; left: 22px; width: 119px;}
.step_box span.step2 { top: 0px; left: 213px; width: 178px;}
.step_box span.step3 { top: 0px; left: 451px; width: 199px;}
.step_box span.step4 { top: 0px; left: 758px; width: 119px;}
.step_box img { position: absolute; left: 0px; top: 91px;}

/*语音通话*/
.ft_banner2 { width: 100%; height: 688px; background: #51abb6;}
.ft_banner2 .desc { float: left; display: inline; margin-top: 302px; width: 375px;}
.ft_banner2 .desc h1 { font-size: 48px; color: #fff; margin-bottom: 20px;}
.ft_banner2 .desc p { font-size: 18px; color: #fff; line-height: 35px; margin-bottom: 35px;}
.ft_banner2 .img { position: absolute; right: 0px; top: 0px;}

.voice_1 { width: 100%; text-align: center;}
.voice_1 .img { margin-bottom: 60px;}

.box10 { background: #404344; padding: 0px; height: 610px;}
.voice_2 { width: 1180px; position: relative; left: 50%; margin-left: -590px;}
.voice_2 ul li { float: left; display: inline; height: 610px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background: #4a9ebd}
.voice_2 ul li.li2 { background: #4abdb9}
.voice_2 ul li.li3 { background: #90d73d}
.voice_2 ul li.li4 { background: #e3d02c}
.voice_2 ul li.li5 { background: #e37e2c}
.voice_2 ul li.li6 { background: #cc428d}
.voice_2 .fold { width: 100px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("../images1/icon.png") 0 0 no-repeat; margin-bottom: 20px; margin-top: 236px;}
.voice_2 .li1 .fold .img { background-position: -482px -181px; width: 56px; height: 113px; margin: 236px 20px 20px 20px;}
.voice_2 .li2 .fold .img { background-position: 0 -417px; width: 51px; height: 138px; margin: 236px 25px 28px 25px;}
.voice_2 .li3 .fold .img { background-position: -64px -413px; width: 62px; height: 142px; margin: 239px 23px 20px 23px;}
.voice_2 .li4 .fold .img { background-position: -136px -204px; width: 76px; height: 96px; margin: 276px 12px 26px 12px;}
.voice_2 .li5 .fold .img { background-position: -141px -420px; width: 53px; height: 116px; margin: 259px 23px 24px 23px;}
.voice_2 .li6 .fold .img { background-position: -172px -306px; width: 54px; height: 104px; margin: 270px 23px 25px 23px;}
.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 38px; line-height: 25px;}
.voice_2 .unfold { width: 680px; height: 100%; display: none; position: absolute; top: 0px; left: 0px; margin: 0 150px;}
.voice_2 .unfold dl { margin: 50px 60px 0px 60px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
.voice_2 .unfold dd { font-size: 18px; line-height: 35px;}
.voice_2 .unfold dd b { font-size: 30px; font-weight: normal;}
.voice_2 .unfold dd b a { font-size: 14px; display: inline-block; color: #fff; margin-left: 40px;}
.voice_2 li.li6 .unfold dt { margin-top: 95px;}

.box11 .item_box_wp .title { background: none;}
.voice_3 { margin: 58px 0px 50px 0px; overflow: hidden;}
.voice_3 ul li { float: left; display: inline; width: 215px; margin: 0px 89px; text-align: center;}
.voice_3 dt { background: url("../images1/icon.png") 0 0 no-repeat;}
.voice_3 ul li.li1 dt { background-position: -217px -430px; width: 124px; height: 109px; margin: 27px 45px 20px 45px;}
.voice_3 ul li.li2 dt { background-position: -241px -295px; width: 157px; height: 125px; margin: 10px 29px 20px 29px;}
.voice_3 ul li.li3 dt { background-position: -227px -146px; width: 94px; height: 135px; margin: 0px 60px 20px 60px;}
.voice_3 ul li.li4 dt { background-position: -178px 0px; width: 64px; height: 100px; margin: 36px 75px 20px 75px;}
.voice_3 dd { font-size: 12px; color: #666;}
.voice_3 dd b,.voice_3 dd h3 { font-size: 18px; color: #333; font-weight: normal; margin: 0px;}
.voice_3 dd a { color: #666; display: inline-block; margin-top: 10px;}

.ft_banner3 { width: 100%; height: 430px; background: url("../images1/banner10.png") center center;}


/*即时消息*/
.ft_banner4 { width: 100%; height: 688px; background: url("../images1/banner8.png") #31ae9d center center;}
.ft_banner4 .desc { float: left; display: inline; margin-top: 141px;}
.ft_banner4 .desc h1 { font-size: 49px; color: #fff; margin-bottom: 20px;}
.ft_banner4 .desc h1 img { margin-bottom: 25px;}
.ft_banner4 .desc p { font-size: 20px; color: #fff; line-height: 35px; margin-bottom: 35px;}
.ft_banner4 .desc p.link a { display: inline-block; width: 140px; height: 48px; line-height: 48px; text-align: center; background: #fff; border-radius: 5px; font-size: 18px; color: #34b89c;}
.ft_banner4 .img { float:right; display: inline; margin: 129px 0px 0 0;}
.ft_banner4 .desc p span { display: block; background: url("../images1/correct.png") 0 5px no-repeat; padding-left: 34px;}
.ft_banner4 .desc p span i.hot { background: url("../images1/hot.png") 0 0 no-repeat; display: inline-block; width: 42px; height: 16px; margin-left: 5px;}

.im_box { padding: 0px;}
.im_box .img,.im_box .desc { float: left; display: inline; width: 590px;}
.im_box .img { text-align: center;}
.im_box .img span { position: relative; display: inline-block; width: 100%;}
.im_box .img span img { position: absolute;}
.im_box .desc h2 { font-size: 34px; color: #000; padding: 45px 0px;}
.im_box .desc h2 i.space { display: inline-block; background: url("../images1/dot_blue_8x8.png") 0 0 no-repeat; width: 8px; height: 8px; vertical-align: middle; margin: 0 10px;}
.im_box .desc_list dl { margin-bottom: 30px;}
.im_box .desc_list dt { font-size: 24px; color: #4c4c4c; margin-bottom: 5px;}
.im_box .desc_list dd { font-size: 16px; color: #929292; line-height: 28px;}
.im_box .desc_list dl.active dt,.im_box .desc_list dl.active dd { color: #49a748;}

.box12 { background: #fff; height: 700px; padding-top: 60px;}
.box12 .item_box_wp .desc { margin-left: 10px; width: 535px;}
.box12 .span1 img { top: 183px; left: 10px;}
.box12 .span2 img { top: 70px; left: 34px;}
.box12 .span3 img { top: 43px; left: 45px;}
.box12 .span4 img { top: 128px; left: 3px;}

.box13 { background: #edf4f6; height: 760px;}
.box13 .item_box_wp .desc { width: 535px; padding-right: 55px;}
.box13 .item_box_wp h2 { margin-top: 51px;}
.box13 .span1 img { top: 138px; left: 28px;}
.box13 .span2 img { top: 50px; left: 120px;}
.box13 .desc_list dl { margin-bottom: 40px;}
.box13 .desc_list dd { background: url("../images1/dot_grey_6x6.png") 0 12px no-repeat; padding-left: 15px; margin-left: 5px;}
.box13 .desc_list dl.active dd { background-image: url("../images1/dot_blue_6x6.png");}

.box14 { background: #fff; height: 700px;}
.box14 .item_box_wp .desc { margin-left: 10px; width: 535px;}
.box14 .item_box_wp h2 { margin-top: 40px;}
.box14 .span1 img { top: 107px; left: 0px;}
.box14 .span2 img { top: 234px; left: 47px;}
.box14 .span3 img { top: 72px; left: 0px;}
.box14 .span4 img { top: 110px; left: 15px;}

.box44 { background: #edf4f6; padding: 67px 0px 47px 0px;}
.box44 .item_box_wp .title { background: none;}
.box44 .item_box_wp .title h1 { font-size: 34px; color: #000;}
.box44 .title h1 i.space { display: inline-block; background: url("../images1/dot_blue_8x8.png") 0 0 no-repeat; width: 8px; height: 8px; vertical-align: middle; margin: 0 10px;}
.box44 .item_box_wp .title h2 { font-size: 16px; color: #4c4c4c;}
.im_download .download_list { float: left; display: inline; margin-left: 55px;}
.im_download .download_list dt { display: inline-block; background: url("../images1/im_icon.png") 0 0 no-repeat; width: 80px; height: 80px; margin-right: 22px; float: left; display: inline;}
.im_download .android_list dt { background-position: 0 0;} 
.im_download .ios_list dt { background-position: 0 -104px;} 
.im_download .download_list dd { margin-left: 102px; position: relative; background: #fff; border-radius: 5px; padding: 20px 15px; margin-bottom: 18px; width: 370px;}
.im_download .download_list dd .triangle { display: inline-block; background: url("../images1/triangle_left.png") 0 0 no-repeat; width: 9px; height: 22px; position: absolute; top: 20px; left: -9px;}
.im_download .download_list h3 { font-size: 18px; color: #000; border-bottom: 1px #b1aeaf dotted; padding-bottom: 10px; margin-bottom: 15px; margin-top: 0px;} 
.im_download .download_list h3 span { font-size: 14px; color: #464646; float: right; display: inline;}
.im_download .download_list ol { margin-bottom: 15px; max-height: 250px; overflow-y:auto; max-width: 260px;  }
.im_download .download_list ol li { background: url("../images1/dot_grey_3x3.png") 0 10px no-repeat; padding-left: 10px; font-size: 14px; color: #6a6a6a; margin-top: 5px; position: relative;}
.im_download .download_list p { margin-bottom: 25px;}
.im_download .download_list .more_link { color: #49a748; font-size: 14px; cursor: pointer;}
.im_download .download_list .more_link:hover { text-decoration: underline;}
.im_download .download_list .download_link { margin-bottom: 10px;}
.im_download .download_list .download_link a { padding: 8px 10px; font-size: 14px; border-radius: 3px; margin-right: 10px;}
.im_download .download_list .download_link a.sdk { background: #49a748; color: #fff; border:1px #49a748 solid;}
.im_download .download_list .download_link a.sdk:hover { background: #56C255; border:1px #56C255 solid;}
.im_download .download_list .download_link a.demo { color: #7d8083; border:1px #737373 solid;}
.im_download .download_list .download_link a.demo:hover { background: #7D8083; color: #fff; border:1px #7D8083 solid;}
.im_download .download_list .code { position: absolute; bottom: 20px; right: 15px;}
.im_download .download_list .code span { color: #49a748; font-size: 14px; display: block; text-align: center;}

.box45 { background: #fff; padding: 30px 0px 71px 0px;}
.box45 .item_box_wp .title { background: none;}
.box45 .item_box_wp .title h1 { font-size: 34px; color: #000;}
.box45 .title h1 i.space { display: inline-block; background: url("../images1/dot_blue_8x8.png") 0 0 no-repeat; width: 8px; height: 8px; vertical-align: middle; margin: 0 10px;}
.box45 .item_box_wp .title h2 { font-size: 16px; color: #4c4c4c;}
.box_link { text-align: center;}
.box_link a { width: 216px; height: 46px; line-height: 46px; border-radius: 23px; font-size: 22px; display: inline-block; margin: 0px 12px; vertical-align: top;}
.box_link a.doc { background: #49a748; color: #fff; border:2px #49a748 solid;}
.box_link a.reg { background: #fff; color: #3b3b3b; border:2px #49a748 solid;}
.box_link a.doc:hover { background: #EDF4F6; color: #49a748;}
.box_link a.reg:hover { background: #EDF4F6; color: #3b3b3b;}
.box_link a.qq { text-align: left; width: 177px; height: 46px; line-height: 46px; border-radius: 23px; font-size: 22px; display: inline-block; margin: 0px 12px; border:2px #49a748 solid; background: url("../images1/group.png") #fff 15px 2px no-repeat; padding-left: 63px;}
.box_link a.qq em { font-style: normal; display: block;}
.box_link a.qq em.qq_txt { font-size: 20px; color: #000; line-height: 20px; padding-top: 3px;}
.box_link a.qq em.qq_num { font-size: 14px; color: #7b7b7b;line-height: 20px;}
.box_link a.qq:hover { background: url("../images1/group.png") #EDF4F6 15px 2px no-repeat; color: #3b3b3b;}

.im_menu { position: fixed; top: 50%; left: 5%; margin-top: -91px; height: auto; z-index: 12; display: none;}
.im_menu li.menu_name a { background: url("../images1/dot_grey_9x9.png") 0 center no-repeat; padding-left: 18px; font-size: 12px; color: #a7a7a7;}
.im_menu li.menu_name a.cur { background: url("../images1/dot_blue_12x12.png") 0 center no-repeat; color: #49a748;} 
.im_menu li.dot_line { background: url("../images1/dot_line.png") center 0 no-repeat; width: 9px; height: 14px; margin: 4px 0px;}
.im_menu li.menu_name a span { display: none;}
.im_menu li.menu_name a.cur span,.im_menu li.menu_name a:hover span { display: inline;}


/*视频*/
.ft_banner5 { width: 100%; height: 688px; background: #066fba;}
.ft_banner5 .ft_banner_wp { height: 688px;}
.ft_banner5 .desc { float: left; display: inline; margin-top: 190px; width: 502px;}
.ft_banner5 .desc h1 { font-size: 52px; color: #fff; margin-bottom: 5px;}
.ft_banner5 .desc p { font-size: 20px; color: #fff; line-height: 35px; margin-bottom: 30px;}
.ft_banner5 .desc p.link a { display: inline-block; background: #12b7f5; width: 200px; height: 46px; line-height: 46px; color: #fff; font-size: 18px; text-align: center; border-radius: 5px;}
.ft_banner5 .img { position: absolute; right: -135px; bottom: 0px;}
.ft_banner5 .cloud { width: 100%; position: relative;}
.ft_banner5 .cloud span { position: absolute; display: inline-block;}
.ft_banner5 .cloud .span1 { top: 214px; left: 172px;}
.ft_banner5 .cloud .span2 { top: 532px; left: 288px;}
.ft_banner5 .cloud .span3 { top: 78px; left: 590px;}
.ft_banner5 .cloud .span4 { top: 621px; left: 668px;}
.ft_banner5 .cloud .span1 img { opacity: 0.23; filter:alpha(opacity=23);}
.ft_banner5 .cloud .span2 img { opacity: 0.5; filter:alpha(opacity=50);}
.ft_banner5 .cloud .span3 img { opacity: 0.23; filter:alpha(opacity=20);}
.ft_banner5 .cloud .span4 img { opacity: 0.23; filter:alpha(opacity=30);}

.video_box { padding-top: 25px; padding-bottom: 100px;}
.video_box .item_box_wp .title { background: none;}
.video_box .item_box_wp .title .icon { display: inline-block; background: url("../images1/video_icon.png") 0 0 no-repeat;}
.video_box .item_box_wp .title h1 { font-size: 38px; font-weight: lighter; color: #374051;}
.video_box .item_box_wp .title p { font-size: 16px; color: #374051; margin-top: 8px;}
.video_box .item_box_wp .title h2 { margin-top: 5px; font-size: 16px; color: #374051;}

.box60 { background: #f2f2f2; height: 575px; padding-bottom: 0px;}
.box60 .item_box_wp .title .icon { background-position: 0 0; width: 36px; height: 53px;}
.video_1 { text-align: center; margin-top: 68px;}
.video_1 ul li { float: left; display: inline; width: 185px; padding: 0px 55px;}
.video_1 dt { margin-bottom: 40px;}
.video_1 dd { font-size: 14px; color: #808080; line-height: 20px;}
.video_1 dd b { display: block; font-weight: normal; font-size: 24px; color: #374051; margin-bottom: 15px;}

.box61 { background: url("../images1/img109.png") center center; height: 240px; padding: 0px; padding-top: 60px;}
.video_3 ul li { float: left; display: inline;}
.video_3 ul li.li2 { float: right;}
.video_3 ul li dl { width: 522px; height: 225px; overflow: hidden;}
.video_3 ul li.li1 dl { background: url("../images1/video_bg1.png") 0 0 no-repeat;}
.video_3 ul li.li2 dl { background: url("../images1/video_bg2.png") 0 0 no-repeat;}
.video_3 ul li dl dt { background: url("../images1/video_icon.png") 0 0 no-repeat; float: left; display: inline;}
.video_3 ul li.li1 dl dt { background-position: 0 -101px; width: 97px; height: 110px; margin: 44px 0 0 36px;}
.video_3 ul li.li2 dl dt { background-position: 0 -278px; width: 73px; height: 124px; margin: 37px 0 0 42px;}
.video_3 ul li dl dd { font-size: 14px; color: #fff; line-height: 25px; width: 318px;}
.video_3 ul li.li1 dl dd { margin-left: 158px;}
.video_3 ul li.li2 dl dd { margin-left: 142px;}
.video_3 ul li dl dd b { font-size: 38px; display: block; margin: 35px 0px 25px 0px;}

.box15 { background: #edf0f5; height: 565px; padding: 0px;}
.box15 .item_box_wp .title .icon { background-position: -49px 0; width: 48px; height: 48px;}
.box15 .item_box_wp .title { margin-bottom: 20px;}
.video_2 ul li { float: left; display: inline; width: 281px; height: 310px; padding: 0px 35px; color: #fff; text-align: center; background: #fff; border-radius: 5px;}
.video_2 ul li.li2 { margin: 0px 63px;}
.video_2 dt { background: url("../images1/video_icon.png") 0 0 no-repeat;}
.video_2 ul li.li1 dt { background-position: 0 -444px; width: 86px; height: 97px; margin: 46px 0 40px 97px;}
.video_2 ul li.li2 dt { background-position: 0 -585px; width: 83px; height: 97px; margin: 46px 0 40px 99px;}
.video_2 ul li.li3 dt { background-position: 0 -733px; width: 89px; height: 88px; margin: 52px 0 42px 96px;}
.video_2 dd { font-size: 14px; color: #374051; opacity: 0.8; filter:alpha(opacity=80);}
.video_2 dd b { font-size: 26px; font-weight: normal; opacity: 1; filter:alpha(opacity=100);}

.box16 { background: #fff; height: 687px; padding: 0px;}
.box16 .item_box_wp .title { margin-top: 55px;}
.box16 .item_box_wp .title .icon { background-position: 0 -867px; width: 47px; height: 42px;}
.video_4 ul li { float: left; display: inline; width: 276px; margin-right: 25px;}
.video_4 ul li.li4 { margin-right: 0px;}
.video_4 ul li dl { border:1px #eee solid; border-top: none; width: 224px; height: 141px; padding: 20px 25px;}
.video_4 ul li dl dt { font-size: 22px; color: #374051; margin-bottom: 10px;}
.video_4 ul li dl dd { font-size: 14px; color: #374051; line-height: 25px;}

/*在线体检（身份验证、双向回拨、语音通知）*/
.ft_banner6 { width: 100%; height: 430px; background: url("../images1/banner12.png") center center;}
.box17 { padding-bottom: 0px;}
.exp_tit { width: 666px; margin: 0 auto;}
.exp_tit ul li { float: left; display: inline; width: 221px; text-align: center; color: #ccfff2; font-size: 18px; cursor: pointer; border: 1px #49A748 solid; height: 58px; line-height: 58px; color: #4c4c4c; margin: 0px -1px 0px 0px;}
.exp_tit ul li.li1 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; /* margin-right:-2px; */}
/* .exp_tit ul li.li2 { width: 150px;}
.exp_tit ul li.li3 { width: 150px;}
.exp_tit ul li.li4 { width: 137px;} */
.exp_tit ul li.li5 { /* width: 164px; */ border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.exp_tit ul li.current,.exp_tit ul li:hover { background: #49A748; color: #fff;}

.exp_1 { margin-top: 63px;}
.exp_1 h2 { color:#2f2f2f; font-size:28px; text-align:center; margin:120px 0px 40px 0px;}
.exp_left {float: left; display: inline; width: 505px; padding: 0px 60px;}
.exp_left ul li { margin-bottom: 35px; position: relative;}
.exp_left label { float: left; display: inline; width: 150px; text-align: right; font-size: 18px; color: #333; line-height: 44px; margin-right: 40px;}
.exp_left span.label_span { font-size: 18px; color: #333; line-height: 44px;}
.exp_left .select_box { margin-left: 190px;}
.exp_left .select_box ul li { margin-bottom: 0px;}
.exp_left ul li.code input[type="text"] { width: 112px; vertical-align: middle;}
.exp_left ul li.code img { display: inline-block; margin: 0 10px; vertical-align: middle;}
.exp_left ul li.code a.refresh { display: inline-block; font-size: 12px; line-height: 22px; vertical-align: middle; width: 25px;}
.exp_left ul li.type input[type='button'] { background: url("../images1/verify_bg.png") 0 0 repeat-x; font-size: 18px; width: 130px; height: 40px; color: #fff; text-align: center; line-height: 40px; padding-left: 32px; border-radius: 0px;}
.exp_left ul li.type input[type='button'].msg { background-position: 0 0px;}
.exp_left ul li.type input[type='button'].voice { background-position: 0 -60px;}
.exp_left ul li.type em { color: #333; font-size: 14px; display: inline-block; margin: 0px 14px;}
.exp_left ul li.button { margin-left: 190px;}
.exp_left ul li .error { position: absolute; top: 48px; left: 180px;}
.exp_left ul li #content_error { top: 140px;}

.exp_right {float: right; display: inline; width: 555px;}
.exp_right .intro h5 { font-size: 30px; color: #3f616c;}
.exp_right .intro p { font-size: 14px; color: #aaa; line-height: 30px;}
.exp_right .intro b { font-weight: normal; font-size: 24px; color: #666; display: block; margin-top: 40px;}

.box19 { background: #04adbf; padding: 30px 0px 65px 0px;}
.exp_2 { margin: 0px 50px;}
.exp_2 h6 { font-size: 30px; color: #fff; margin-bottom: 20px;}
.exp_2 .step { text-align: center; margin-bottom: 78px;}
.exp_2 .step span { display: inline-block; background: #f1feff; width: 300px; height: 54px; line-height: 54px; border-bottom: 5px #55c3c9 solid; color: #04adbf; font-size: 18px;}
.exp_2 .step em { display: inline-block; background: url("../images1/arrow_right.png") center center no-repeat; width: 29px; height: 14px; line-height: 54px; margin: 0px 26px;}
.exp_display { font-size: 14px; color: #fff;}
.exp_display ul li { float: left; display: inline;}
.exp_display ul li.text { width: 482px;}
.exp_display ul li.img { margin-left: 58px;}
.exp_display strong { display: block; font-weight: normal; font-size: 24px; margin-bottom: 15px;}
.exp_display .p_list { margin-bottom: 30px;}
.exp_display .p_list span { display: inline-block; margin-right: 70px; text-align: left;}
.exp_display .p_list .span2 { margin-right: 0px;}
.exp_display .p_link { margin-bottom:15px; }
.exp_display .p_link a { border:1px #fff solid; border-radius: 4px; display: inline-block; width: 212px; line-height: 50px; height: 50px; font-size: 14px; color: #fff; }
.exp_display .p_link a i { background: url("../images1/icon.png") 0 0 no-repeat; margin: 10px 15px 0px 10px; float: left; display: inline;}
.exp_display .p_link a i.ios { background-position: -256px 0px; width: 25px; height: 29px;}
.exp_display .p_link a i.android { background-position: -256px -41px; width: 26px; height: 30px;}
.exp_display .p_link a i.windows { background-position: -256px -83px; width: 29px; height: 26px;}
.exp_display p.tips { margin-top: 30px;}

.box17 h6,.box19 h6 { font-size: 30px; /* background: url("../images1/line_bg1.png") center center repeat-x; */ height: 30px; position: relative; width: 100%; margin: 55px 0px 25px 0px;}
.box17 h6 span,.box19 h6 span { font-size: 34px; display: inline-block; width: 218px; position: absolute; top: -15px; left: 50%; margin-left: -109px; color: #353535; background: #fff; text-align: center;}
/* .box19 h6 { background: url("../images1/line_bg2.png") center center repeat-x;} */
.box19 h6 span {background: #04adbf; color: #fff;}

.box18 { padding-bottom:120px;}
.exp_step p { font-size: 16px; color: #4c4c4c; width: 700px; text-align: center; margin: 0 auto 40px auto; line-height: 28px;}
.exp_step p.mark { color: #49a748;}
.exp_step .step_info { width: 900px; margin: 40px auto; text-align: center; border-bottom: 2px #e6e6e6 solid; position: relative;}
.exp_step .step_info_list { width: 720px; margin: 0 auto;}
.exp_step .step_info a { float:left; display:inlne; font-size: 18px; color: #999; width: 180px; text-align: center; margin-bottom: -2px; padding-bottom: 13px; border-bottom: 2px #e6e6e6 solid; position: relative; z-index: 1;}
.exp_step .step_info a.active { color: #353535; border-color: #49A748;}
.exp_step .step_info a i { display: inline-block; background: url("../images1/num.png") 0 0 no-repeat; width: 24px; height: 24px;vertical-align: middle; margin-right: 8px;}
.exp_step .step_info a.a1 i,.exp_step .step_info a.a1.active i { background-position: 0px 0;}
.exp_step .step_info a.a2 i { background-position: 0 -40px;}
.exp_step .step_info a.a2.active i { background-position: 0 -80px;}
.exp_step .step_info a.a3 i { background-position: 0 -120px;}
.exp_step .step_info a.a3.active i { background-position: 0 -160px;}
.exp_step .step_info a.a4 i { background-position: 0 -200px;}
.exp_step .step_info a.a4.active i { background-position: 0 -240px;}

.exp_detail p { font-size: 14px; color: #343434; margin-bottom: 30px;}
.exp_detail p span.notice { color:#f00; display:block; font-size:12px; margin-top:2px;}
.exp_detail p.input input[type='text'] { font-size: 14px; color: #343434; text-align: center; width: 378px; height: 42px; line-height: 42px; background: #fff;}
.exp_detail .btn_link { margin-bottom: 30px;}
.exp_detail .btn_link a { display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; background: #49a748; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold;}
.exp_detail .btn_link a.ring_up { background: #49a748;}
.exp_detail .btn_link a.ring_off { background: #f96363;}
.exp_detail .btn_link a i { display: inline-block;}
.exp_detail .btn_link a.ring_up i { background: url("../images1/ring_up.png") 0 0 no-repeat; width: 19px; height: 20px; margin-right: 10px; vertical-align: middle; margin-top: -2px;}
.exp_detail .btn_link a.ring_off i { background: url("../images1/ring_off.png") 0 0 no-repeat; width: 23px; height: 11px; margin-right: 10px; vertical-align: middle;}
.exp_step .exp_detail p.mark { font-size: 16px;}
.exp_step .exp_tips { width: 750px; margin: -20px auto 50px auto; border:1px #efefef dashed; padding:5px; background:#f8f8f8;}
.exp_step .exp_tips p { text-align: center; font-size: 12px; color: #949494; margin-bottom: 0px; line-height: 22px;}
.exp_step .exp_tips b { font-size: 14px; color: #666; background: url("../images1/tips_bg.png") 0 4px no-repeat; padding-left: 20px; margin-bottom: 5px; padding-bottom: 5px; font-weight: normal;}
.exp_detail .ring { width: 408px; margin: 40px auto; background: url("../images1/going.png") center 25px no-repeat;}
.exp_detail .ring span { display: inline-block; width: 90px; text-align: center; font-size: 16px;}
.exp_detail .ring span img { display: block; margin-bottom: 5px;}
.exp_detail .ring span.user2 { float: right; display: inline;}
.exp_detail p.time { font-size: 18px; color: #343434; opacity: 0.6; filter:alpha(opacity=60);}
.exp_detail .success p { font-size: 20px; color: #343434;}
.exp_detail .success p.relate_tips { font-size: 16px; opacity: 0.6; filter:alpha(opacity=60);}
.exp_detail .success p.btn_link a { display: inline-block; border:1px #49A748 solid; background: none; width: 140px; height: 44px; line-height: 44px; color: #49a748; } 


/*下载*/
.ft_banner7 { width: 100%; height: 688px; background: url("../images1/banner13.png") center center;}
.ft_banner7 .desc { position: relative; width: 1180px;}
.ft_banner7 .desc h1 { position: absolute; font-size: 32px; color: #67aabd; display: block; width: 258px; height: 50px; line-height: 50px; text-align: center; background: #fff; position: relative; top: 192px; border-radius: 3px;}
.ft_banner7 .desc p { position: absolute;}
.ft_banner7 .desc p.txt { font-size: 65px; color: #fff; position: absolute; top: 257px; line-height: 85px;}
.ft_banner7 .desc p.link { top: 450px;}
.ft_banner7 .desc p.link a { display: inline-block; width: 196px; height: 42px; line-height: 42px; border-radius: 3px; border:2px #fff solid; font-size: 18px; color: #fff; text-align: center;}
.ft_banner7 .img { position: absolute; right: 0px; top: 68px;}

.download_tit_box { padding-bottom: 0px;}
.download_tab_tit { width: 716px; overflow: hidden; margin: 36px auto 24px auto; cursor: pointer; height: 78px;}
.download_tab_tit ul li { float: left; display: inline; width: 204px; height: 65px; line-height: 65px; border:2px #e0e9eb solid; border-radius: 3px; background: none; text-align: center; position: relative; cursor: pointer; font-size: 20px; color: #9a9a9a; }
.download_tab_tit ul li i { display: inline-block; background: url("../images1/download_icon.png") 0 0 no-repeat; vertical-align: middle; margin-right: 10px;}
.download_tab_tit ul li.ios i { background-position: -32px 0; width: 28px; height: 32px;}
.download_tab_tit ul li.android { margin: 0px 23px;}
.download_tab_tit ul li.android i { background-position: -31px -43px; width: 29px; height: 32px;}
.download_tab_tit ul li.windows i { background-position: -32px -86px; width: 28px; height: 30px;}
.download_tab_tit ul li.current { color: #fff;}
.download_tab_tit ul li.ios.current { background:#3397fd; border-color:#3397fd;}
.download_tab_tit ul li.android.current { background:#49a748; border-color:#49a748;}
.download_tab_tit ul li.windows.current { background:#fd9500; border-color:#fd9500;}
.download_tab_tit ul li.ios.current i { background-position: 0 0;}
.download_tab_tit ul li.android.current i { background-position: 0 -43px;}
.download_tab_tit ul li.windows.current i { background-position: 0 -86px;}
.download_tab_tit ul li em { display: inline-block; width: 23px; height: 11px; background: url("../images1/arrow_down.png") 0 0 no-repeat; position: absolute; bottom: -12px; left: 50%; margin-left: -12px;}
.download_tab_tit ul li.ios em { background-position: 0 0;}
.download_tab_tit ul li.android em { background-position: 0 -16px;}
.download_tab_tit ul li.windows em { background-position: 0 -32px;}

/* .download_tab_ctn { text-align: center;} */

.download_box { background: #eff1f2; padding: 40px 0px 117px;}
.download_tit { width: 1180px; margin: 0 auto; overflow: hidden;}
.download_tit ul li { float: left; display: inline; background: #fff; width: 534px; border-bottom: 1px #E6EEF0 solid; padding: 10px 22px; border-radius: 3px; margin-bottom: 18px; }
.download_tit ul li.li2 { float: right;}
.download_tit ul li.current { margin-bottom: 0px; padding-bottom: 28px; border-bottom: 1px #fff solid;}
.download_desc { position: relative; font-size: 16px; color: #11c382;height: 244px; border-bottom: 1px #E6EEF0 solid; }
.download_desc strong { display: block; font-size: 36px; color: #404a58; font-weight: normal; position: relative; width: 175px;}
.download_desc strong span { display: inline-block; width: 53px; height: 22px; line-height: 22px; text-align: center; font-size: 13px; color: #3397fd; border:1px #3397fd solid; border-radius: 3px; position: absolute; right: 0px; top: 18px;}
.download_desc p { font-size: 12px; color: #999;}
.download_desc p.link { background: url("../images1/book.png") 0 0 no-repeat; height: 104px; padding-left: 153px; margin-top: 28px;}
.download_desc p.link a { font-size: 16px; color: #11c382; display: block; line-height: 48px;}
.download_desc .sdk_link { height: 50px; line-height: 50px; font-size: 17px; color: #fff; border-radius: 3px; text-align: center; width: 180px; background: #11c382; display: inline-block; position: absolute; top: 20px; right: 20px;}
.download_desc .sdk_link i { display: inline-block; background: url("../images1/download_icon.png") -39px -133px no-repeat; width: 21px; height: 18px; margin-right: 8px; }
.download_desc img.code { position: absolute; top: 99px; right: 20px; width: 133px;}

.update_link { margin: 12px 0px 5px 0px;}
.update_link span { font-size: 16px; color: #11c382; border-bottom: 1px #11c382 solid; cursor: pointer;}
.dowload_info { background: #fff; overflow: hidden; padding-bottom: 20px;}
.dowload_info h2 { font-size: 20px; color: #656c76; border-left: 3px #11C382 solid; margin: 15px 0px 15px 0px; padding-left: 8px;}
.dowload_info .info { padding: 0px 22px;}
.dowload_info .desc h3 { font-size: 16px; color: #fff; background: #b0b2b3; height: 32px; line-height: 32px; padding-left: 10px; margin: 0px;}
/* .dowload_info .desc p { font-size: 12px; color: #999; line-height: 20px;} */
.dowload_info .desc .txt { width: 268px; float: left; display: inline; margin-right: 19px; color: #999;}
.dowload_info .desc .txt.current h3 { background: #11C382;}
.dowload_info .desc .list { border:1px #E6EFE6 solid; padding: 10px 10px 20px 10px; border-top: none; background: #fff; margin-bottom: 20px; height: 160px; overflow: auto; font-size: 12px; color: #999; line-height: 20px;}
.dowload_info .desc .list pre { white-space:pre-wrap;}
.dowload_info .desc .txt.current .list { color: #404a58;}
.dowload_info .desc b { font-size: 18px; color: #29a0b5; margin-bottom: 5px; display: block;}

/*.download_code { background: #f6f6f6; padding: 68px 0px 85px 0px; margin-top: 40px;}
.download_code .img { float: left; display: inline; margin: 0px 120px 0px 100px;}
.download_code .desc { float: left; display: inline; margin-top: 38px;}
.download_code .desc p { font-size: 22px; color: #5c5c5c; margin-bottom: 15px;}
.download_code .desc h1 { font-size: 42px; color: #59b12b; margin-bottom: 30px;}
.download_code .code_list dl { float: left; display: inline; width: 180px; margin-right: 66px; text-align: center;}
.download_code .code_list dt { margin-bottom: 10px;}
.download_code .code_list dd { font-size: 16px; color: #727272;}
.download_code .code_list dd b { font-size: 24px; color: #56c718; font-weight: normal; display: block; margin-bottom: 5px;}
.download_code .code_list .dl2 dd b { color: #029bf3;}*/

/*社交应用*/
.ft_banner8 { width: 100%; height: 430px; background: url("../images1/banner14.png") center center;}
.box20 { padding: 0px 0px 0px 0px;}
.social_1 .txt { position: relative; height: 456px; margin: 0px 90px 0px 124px;}
.social_1 .txt h6 { font-size: 24px; color: #333; padding-top: 125px; margin-bottom: 10px; }
.social_1 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.social_1 .txt p.doc_link { text-align: left;}
.social_1 .txt p.img { position: absolute; top: 0px; right: 0px;}

.box21 { padding: 0px; background: url("../images1/bg5.png") 0 center repeat-x; height: 550px;}
.social_2 .txt { position: relative; height: 400px; margin: 0px 0px 0px 638px;}
.social_2 .txt h6 { font-size: 24px; color: #333; padding-top: 125px; margin-bottom: 10px; }
.social_2 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.social_2 .txt p.doc_link { text-align: left;}
.social_2 .txt p.img { position: absolute; top: 37px; left: -465px;}

.box22 { padding: 0px 0px 70px 0px;}
.social_3 { margin: 0 52px; overflow: hidden;}
.social_3 ul li { float: left; display: inline; text-align: center;}
.social_3 ul li.li1 { width: 210px;}
.social_3 ul li.li2 { margin: 0px 208px; width: 240px;}
.social_3 ul li.li3 { width: 210px;}
.social_3 dt { margin-bottom: 10px; height: 239px;}
.social_3 ul li.li2 dt img { margin-top: 5px;}
.social_3 ul li.li3 dt img { margin-top: 15px;}
.social_3 dd { font-size: 14px; color: #666;}
.social_3 dd b { font-size: 24px; color: #333; font-weight: normal;}

/*o2o*/
.ft_banner9 { width: 100%; height: 550px; background: url("../images1/banner15.png") center center;}
.box23 { padding: 0px 0px 0px 0px; overflow: inherit;}
.o2o_1 h5 { font-size: 36px; color: #3f616c; padding-top: 15px;}
.o2o_1 .txt { position: relative; margin: 0px 0px 0px 82px;}
.o2o_1 .txt1 { background: url("../images1/img29.png") 0px 0px no-repeat; padding-left: 315px; height: 277px; margin-bottom: 53px;}
.o2o_1 .txt h6 { font-size: 24px; color: #333; padding-top: 85px; margin-bottom: 10px; }
.o2o_1 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.o2o_1 .txt p.doc_link { text-align: left;}
.o2o_1 .txt p.img { position: absolute; top: 0px; right: 88px; height: 485px;}

.box24 { background: #f0f7f8; overflow: inherit; }
.o2o_1 ul { overflow: hidden; margin-bottom: 15px;}
.o2o_1 ul li { float: left; display: inline; text-align: center;}
.o2o_1 ul li.li1 { width: 175px; margin-right: 110px;}
.o2o_1 ul li.li2 { width: 258px;}
.o2o_1 dt { height: 142px; margin-bottom: -5px;}
.o2o_1 ul li.li1 dt { margin-top: 5px; margin-bottom: -10px;}
.o2o_1 dd { font-size: 14px; color: #666; margin-bottom: 15px;}
.o2o_1 dd b { font-size: 24px; color: #333; font-weight: normal;}
.box24 .o2o_1 .txt p.img { position: absolute; top: -58px; right: 28px; height: 485px; z-index: 1;}
.box24 .o2o_1 .txt p.doc_link { margin-left: 15px;}

/*分类信息*/
.ft_banner10 { width: 100%; height: 430px; background: url("../images1/banner16.png") center center;}
.box25 { padding: 0px 0px 33px 0px;}
.category_1 h5 { font-size: 36px; color: #3f616c; padding-top: 15px;}
.category_1 .txt { position: relative; margin: 0px 70px 0px 662px; height: 450px;}
.category_1 .txt h6 { font-size: 24px; color: #333; padding-top: 85px; margin-bottom: 10px; }
.category_1 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.category_1 .txt p.doc_link { text-align: left;}
.category_1 .txt p.img { position: absolute; top: 0px; left: -534px;}

.box26 { background: #4096a5; height: 400px; padding: 0px;}
.category_2 .txt h6,.category_2 .txt p { color: #fff;}
.category_2 .txt h6 { padding-top: 100px;}
.category_2 .txt p.img { top: 134px; left: -610px;}

.box27 { padding: 66px 0px 75px 0px;}
.category_3 { margin: 0px 102px 0px 102px;}
.category_3 ul li { float: left; display: inline; text-align: center;width: 358px;}
.category_3 ul li.li1 { margin-right: 260px;}
.category_3 dt { height: 249px; margin-bottom: 10px;}
.category_3 ul li.li2 dt { margin-top: 16px; margin-bottom: -7px;}
.category_3 dd { font-size: 14px; color: #666; margin-bottom: 10px;}
.category_3 dd b { font-size: 24px; color: #333; font-weight: normal;}

/*远程医疗*/
.ft_banner11 { width: 100%; height: 430px; background: url("../images1/banner17.png") center center;}
.box28 { padding: 93px 0px 77px 0px;}
.medical_1 h5 { font-size: 36px; color: #3f616c; padding-top: 15px;}
.medical_1 .txt { position: relative; margin: 0px 0px 0px 590px; height: 343px;}
.medical_1 .txt h6 { font-size: 24px; color: #333; padding-top: 85px; margin-bottom: 10px; }
.medical_1 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.medical_1 .txt p.doc_link { text-align: left;}
.medical_1 .txt p.img { position: absolute; top: 0px; left: -499px;}

.box29 { background: #81b4d7; height: 400px; padding: 0px;}
.medical_2 .txt { margin: 31px 0px 28px 741px; height: 340px;}
.medical_2 .txt h6,.medical_2 .txt p { color: #fff;}
.medical_2 .txt h6 { padding-top: 100px;}
.medical_2 .txt p.img { top: 0px; left: -679px;}

.box30 { padding: 45px 0px 58px 0px;}
.medical_3 h5 { font-size: 36px; color: #3f616c; padding-top: 15px;}
.medical_3 .txt { margin: 0px 0px 0px 20px;}
.medical_3 .txt h6 { font-size: 24px; color: #333; padding-top: 85px; margin-bottom: 10px; }
.medical_3 .txt p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 25px;}
.medical_3 .txt p.large { font-size: 18px;}
.medical_3 .txt dl { float: left; display: inline;}
.medical_3 .txt .dl1 { width: 243px; padding: 86px 0px 0px 286px; margin-right: 118px; background: url("../images1/img29.png") 0 0 no-repeat; height: 191px;}
.medical_3 .txt .dl2 { width: 221px; padding: 64px 0px 0px 260px; background: url("../images1/img39.png") 0 0 no-repeat; height: 188px; margin-top: 22px;}
.medical_3 .txt dt { font-size: 24px; color: #333; margin-bottom: 10px; }
.medical_3 .txt dd { font-size: 14px; color: #666; line-height: 25px; }

/*解决方案（企业通讯、IP客服、安全通讯、国际通话）*/

/*企业通讯*/
.ft_banner12 { width: 100%; height: 430px; background: url("../images1/banner18.png") center center;}
.box31 { padding: 89px 0px 83px;}
.solution_box h5 { font-size: 36px; color: #3f616c; padding-top: 23px; margin-bottom: 15px;}
.solution_box .txt { margin: 0px 0px 0px 91px; position: relative; }
.solution_box .txt p { font-size: 14px; color: #666; line-height: 35px;}
.solution_box .txt p.doc_link { text-align: left; margin-top: 20px;}
.solution_box .txt p.img { position: absolute; top: 0px; width: auto;}
.solution_1 .txt { height: 301px;}
.solution_1 .txt p { width: 524px;}
.solution_1 .txt p.img { right: 100px;}

.box32 { background: #f1f8f7; padding: 124px 0px 96px 0px;}
.solution_2 { margin-left: 458px;}
.solution_2 .txt { height: 281px;}
.solution_2 .txt h5 { padding-top: 0px;}
.solution_2 .txt p { width: 567px;}
.solution_2 .txt p.img { left: -432px;}

.box33 { padding: 130px 0px 110px 0px;}
.solution_3 .txt { float: left; display: inline;}
.solution_3 .txt1 { width: 435px; margin-right: 167px;}
.solution_3 .txt2 { width: 429px; margin-left: 0px;}


/*IP客服*/
.ft_banner13 { width: 100%; height: 430px; background: url("../images1/banner19.png") center center;}
.box34 { padding: 84px 0px 50px 0px;}
.solution_4 .txt { height: 339px;}
.solution_4 .txt h5 { padding-top: 11px;}
.solution_4 .txt p { width: 563px;}
.solution_4 .txt p.img { right: 100px;}

.box35 { background: #f1f8f7; padding: 96px 0px 101px 0px;}
.solution_5 .txt { margin-left: 522px;}
.solution_5 .txt { height: 301px;}
.solution_5 .txt p { width: 532px;}
.solution_5 .txt p.img { left: -390px;}

.box36 { padding: 118px 0px 111px 0px;}
.solution_6 .txt { height: 272px;}
.solution_6 .txt p { width: 575px;}
.solution_6 .txt p.img { right: 95px;}

/*安全通讯*/
.ft_banner14 { width: 100%; height: 430px; background: url("../images1/banner20.png") center center;}
.box37 { padding: 74px 0px 64px 0px;}
.solution_7 .txt { height: 427px; margin-left: 44px;}
.solution_7 .txt h5 { padding-top: 93px;}
.solution_7 .txt p { width: 640px;}
.solution_7 .txt p.img { right: 77px;}

.box38 { background: #f2f8f1; padding: 76px 0px 66px 0px;}
.solution_8 .txt { position: static; text-align: center; margin: 0px 75px 0px 70px;}
.solution_8 .txt h5 { padding-top: 0px;}
.solution_8 .txt p { }
.solution_8 .txt p.img { position: static; margin-top: 38px;}

.box43 { padding: 66px 0px 46px 0px;}
.solution_11 .txt { margin-top: 322px;}
.solution_11 .txt p {}
.solution_11 .txt p.img { top: -319px; left: 2px;}
.solution_11 .txt p.p1 {}
.solution_11 .txt .space { display: inline-block; margin-left: 55px;}

/*国际通话*/
.ft_banner15 { width: 100%; height: 430px; background: url("../images1/banner21.png") center center;}
.solution_9 { margin-top: 40px;}
.solution_9 ul { margin-bottom: 22px; overflow: hidden;}
.solution_9 ul li { float: left; display: inline;  text-align: center;}
.solution_9 ul li.li1 { margin-left: 122px;width: 379px;}
.solution_9 ul li.li2 { margin-left: 160px;width: 390px;}
.solution_9 dl { width: 100%; text-align: center;}
.solution_9 dt { margin-bottom: -10px;}
.solution_9 dd { font-size: 18px; color: #2f3c4f;}

.box40 { background: #e2f5fa;}
.box40 h4 { margin-top: 40px;}
.solution_10 ul { margin: 73px 0px 0px 0px; overflow: hidden;}
.solution_10 ul li { float: left; display: inline;  text-align: center; margin-right: 82px; width: 232px;}
.solution_10 ul li.li4 { margin-right: 0px;}
.solution_10 dl { width: 100%; text-align: center;}
.solution_10 dt { background: url("../images1/icon.png") 0 0 no-repeat;}
.solution_10 ul li.li1 { width: 237px;}
.solution_10 ul li.li1 dt { background-position: -362px -430px; width: 237px; height: 109px; margin: 6px 0px 15px 0px;}
.solution_10 ul li.li2 dt { background-position: -417px -304px; width: 95px; height: 106px; margin: 8px 0px 15px 68px;}
.solution_10 ul li.li3 dt { background-position: -342px -166px; width: 122px; height: 122px; margin: 0px 0px 7px 55px;}
.solution_10 ul li.li4 dt { background-position: -363px -55px; width: 128px; height: 100px; margin: 15px 0px 15px 52px;}
.solution_10 dd { font-size: 12px; color: #666;}
.solution_10 dd.tit { font-size: 18px; color: #333; margin-bottom: 5px;}

/*价格*/
.ft_banner16 { width: 100%; height: 430px; background: url("../images1/banner22.png") center center;}
.box41 .item_box_wp h4 { color: #6c7f8d; font-size: 34px;}
.box41 .item_box_wp h4 span { font-size: 24px;}
.box41 .item_box_wp h4 a { font-size: 14px; display: block; margin-top: 10px;}
.price_table { overflow: hidden; width: 1180px; border-bottom: 3px #dbe4ea solid; margin-bottom: 17px;}
.price_table td { font-size: 18px; padding: 40px 0px 0px 0px;}
.price_table td.tit { background: #f4f7f9; width: 332px; text-align: right; padding: 40px 28px 0px 0px; font-size: 14px; color: #999;}
.price_table td.tit b { color: #333; display: block; margin-bottom: 10px; font-weight: normal; font-size: 18px;}
.price_table td.ctn { padding-left: 50px; width: 770px; text-align: left; background: #f9fbfc; color: #999;}
.price_table td.ctn span { width: 363px; display: inline-block;}
.price_table td.ctn span em { font-style: normal; color: #67b83d; display: inline-block; margin-right: 5px;}
.price_table .last td { padding-bottom: 40px;}
.price_table td.im_ctn span { display: block; font-size: 15px; font-style: italic; margin-bottom: 5px;}
.price_table td.im_ctn span em { margin-right: 25px; font-size: 18px;}

.box42 { background: #f1f5f7; padding: 42px 0px 20px 0px; overflow:inherit;}
.price_search { width: 1180px; margin-bottom: 20px;}
.price_search label { font-size: 24px; color: #333; float: left; display: inline; line-height: 44px; margin-right: 20px;}
.search_data { border:1px #ccc solid; float: left; display: inline; margin-right: 15px; position: relative; cursor: text;}
.search_data { font-size: 18px; font-family: 微软雅黑; outline: none; background: #f7f7f7; height: 44px; line-height: 44px; color: #ccc; padding-left: 12px; width: 386px; border:1px #ccc solid; position:relative;}
.search_data { background: #fff; border-color: #67B83D; color: #333;}
.search_data .country { float: right; display: inline; margin-right: 5px;}
.search_data .country img { width:33px;}
.price_search .tips { font-size: 12px; color: #aaa; line-height: 44px;}
.search_data ul { position: absolute; top: 46px; left: -1px; border:1px #67B83D solid; width: 398px; background: #fff; display: none; max-height:300px; overflow-y:scroll;}
.search_data ul li { padding-left: 12px; cursor:pointer; }
.search_data ul li:hover { background: #f5f5f5;}
.search_data input[type='text'] { width:auto; border:none; background:none; padding-left:0px; position:absolute; left:12px; top:0px;width:386px;}
.search_data ul li img { width:33px;}
.search_data .div_code_cur { position:absolute; left:12px; top:0px;z-index:11; width:386px; }

.global_price { width: 1148px;}
.global_price table { width: 100%;}
.global_price table th,.global_price table td { font-size: 18px; text-align: center;}
.global_price table th { height: 40px; line-height: 40px; color: #fff;}
.global_price .table1 th { background: #aabcc8;}
.global_price .table2 th { background: #d7dce0;}
.global_price .table2 th.th1 { background: #f1f5f7;}
.global_price table td { color: #333; padding: 20px 0px;}
.global_price table td.td2 { background: #fff;}
.global_price .table2 td.td2 { background: #f1f6f9;}
.global_price .table2 td.td3 { background: #e5eef3;}
/*.global_price td span { display: inline-block; margin: 0px 26px 33px 0px;}*/
.global_price table td.td2 span { color: #999;}
.global_price td span em { font-style: normal; color: #67b83d; display: inline-block; margin-right: 5px;}

/*点对点通话*/
.ft_banner17 { background: #2e4452;}
.ft_banner17 .desc { float: left; display: inline; margin-top: 192px; width: 355px;}
.ft_banner17 .desc h1 { font-size: 48px; color: #fff; margin-bottom: 20px;}
.ft_banner17 .desc p { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 35px; opacity: 0.8; filter:alpha(opacity=80);}
.ft_banner17 .desc p.link { opacity: 1; filter:alpha(opacity=100);}
.ft_banner17 .desc p.link a { display: inline-block; width: 198px; height: 42px; line-height: 42px; text-align: center; border: 1px #fff solid; border-radius: 5px; font-size: 18px; color: #fff; font-size: 18px;}
.ft_banner17 .img { float:right; display: inline; margin: 101px 41px 0 0;}

.p2p_box { height: 600px; padding: 0px;}
.p2p_box .item_box_wp .title { background: none; margin: 80px auto 99px; min-height: 0px;}
.p2p_box .item_box_wp .title h1 { font-size: 34px; color: #000;}
.p2p_box .item_box_wp .title h2 { font-size: 16px; color: #4c4c4c;}
.p2p_box ul li { float: left; display: inline;}
.p2p_box ul li dl dd { font-size: 14px; color: #808080; line-height: 25px;}
.p2p_box ul li dl dd b { font-size: 24px; color: #000; font-weight: normal; display: block; margin-bottom: 12px;}

.box46 ul li { width: 255px; margin-right: 30px; text-align: center;}
.box46 ul li.li4 { margin-right: 0px;}
.box46 ul li dl dt { background: url("../images1/p2p_icon.png") 0 0 no-repeat; width: 142px; height: 142px; margin-bottom: 20px; margin-left: 56.5px;}
.box46 ul li.li1 dl dt { background-position: 0 0;}
.box46 ul li.li2 dl dt { background-position: 0 -142px;}
.box46 ul li.li3 dl dt { background-position: 0 -284px;}
.box46 ul li.li4 dl dt { background-position: 0 -426px;}
.box46 ul li.li1:hover dl dt { background-position: -288px 0;}
.box46 ul li.li2:hover dl dt { background-position: -288px -142px;}
.box46 ul li.li3:hover dl dt { background-position: -288px -284px;}
.box46 ul li.li4:hover dl dt { background-position: -288px -426px;}

.box47 .item_box_wp .title { margin-bottom: 46px;}
.box47 { background: #effbf7; height: 600px;}
.box47 ul li { width: 360px; text-align: left; margin-right: 47px;}
.box47 ul li.li3 { margin-right: 0px;}
.box47 ul li dl dt { margin-bottom: 30px;}

.box48 { background: #fff; height: 600px;}
.box48 ul li { width: 124px; text-align: center; margin-right: 139px;}
.box48 ul li dl dt { background: url("../images1/p2p_icon.png") -156px 0 no-repeat; width: 124px; height: 124px; margin-bottom: 25px;}
.box48 ul li.li1 dl dt { background-position: -156px 0;}
.box48 ul li.li2 dl dt { background-position: -156px -124px;}
.box48 ul li.li3 dl dt { background-position: -156px -248px;}
.box48 ul li.li4 dl dt { background-position: -156px -372px;}
.box48 ul li.li5 dl dt { background-position: -156px -496px;}
.box48 ul li.li5 { margin-right: 0px;}

.box49 { background: #effbf7; height: 680px;}
.box49 .item_box_wp .title { margin-bottom: 30px; margin-top: 70px;}
.box49 .item_box_wp ul li { margin-right: 25px;}
.box49 .item_box_wp ul li dl dd { font-size: 12px; color: #4c4c4c; background: #fff; padding: 30px 25px; border:1px #e6f2ed solid; border-top: none; height: 144px; width: 224px;}
.box49 .item_box_wp ul li dl dd b { font-size: 18px; color: #000;}
.box49 ul li:hover { box-shadow: 2px 2px 12px #eee;}

/*流量*/
.ft_banner18 { width: 100%; height: 661px; background: url("../images1/bg7.png") #c4e4f3 center bottom repeat-x;}
.ft_banner18 .desc p.img { margin-left: -40px; }
.ft_banner18 .desc p.link { position: absolute; top: 421px;}
.ft_banner18 .desc p.link a { color: #075f9e; border-radius: 5px; display: inline-block; width: 188px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; border:2px #075F9E solid;}

.traffic_box { padding-top: 50px;}
.traffic_box .item_box_wp .title { background: none; min-height: 66px;}
.traffic_box .item_box_wp .title h1 { font-size: 30px; color: #333;}
.traffic_box .item_box_wp .title h1 span { border-bottom:3px #1d83cb solid; padding: 0px 15px 5px 15px;}
.traffic_box ul li { float: left; display: inline; text-align: center;}
.traffic_box ul li dd { font-size: 14px; color: #808080;}
.traffic_box ul li dd b { font-size: 24px; color: #404a58; font-weight: normal; display: block; margin-bottom: 10px;}

.box50 ul li { width: 255px; height: 235px; margin: 1px 46px 1px 1px; padding: 30px 52px; border:1px #EAECEE solid; border-radius: 5px;}
.box50 ul li.li3 { margin-right: 1px; float: right;}
.box50 ul li.li1 dl dt { background: url("../images1/traffic_icon1.png") center 0 no-repeat; height: 73px; margin: 33px 0px 35px 0px;}
.box50 ul li.li2 dl dt { background: url("../images1/traffic_icon2.png") 0 0 no-repeat; height: 68px; margin: 38px 0px 35px 94px;}
.box50 ul li.li3 dl dt { background: url("../images1/traffic_icon3.png") 0 0 no-repeat; height: 79px; margin: 26px 0px 35px 68px;}
.box50 ul li:hover { border-width: 2px; border-color: #1D83CB; margin: 0px 45px 0px 0px;}
.box50 ul li.li3:hover { margin-right: 0px;}
.box50 ul li.li1:hover dl dt { background-position: center -87px;}
.box50 ul li.li2:hover dl dt { background-position: 0 -92px;}
.box50 ul li.li3:hover dl dt { background-position: 0 -108px; height: 92px; margin: 13px 0px 35px 68px;}

.box51 ul li { width: 258px; height: 237px; margin-right: 45px; padding: 0px 52px;}
.box51 ul li.li3 { margin-right: 0; float: right;}
.box51 ul li dl dt { margin-bottom: 30px;}

.box52 ul li { width: 221px; height: 186px; padding: 45px 184px 60px 184px; border-right:1px #eee solid; border-bottom:1px #eee solid;}
.box52 ul li.li2,.box52 ul li.li4 { border-right: none;}
.box52 ul li.li3,.box52 ul li.li4 { border-bottom: none;}
.box52 ul li dl dt { margin-bottom: 15px;}
.box52 ul li.li1 dl dt { margin-top: 4px;}
.box52 ul li.li3 dl dt { margin: 5px 0px 34px 0px;}
.box52 ul li dl dd b { margin-bottom: 5px;}

.box53 ul li { margin-right: 19.5px; width: 220px; height: 220px;}
.box53 ul li.li1 { background: url("../images1/img95.png") center center no-repeat;}
.box53 ul li.li2 { background: url("../images1/img96.png") center center no-repeat;}
.box53 ul li.li3 { background: url("../images1/img97.png") center center no-repeat;}
.box53 ul li.li4 { background: url("../images1/img98.png") center center no-repeat;}
.box53 ul li.li5 { background: url("../images1/img99.png") center center no-repeat; margin-right: 0px;}
.box53 ul li.li1:hover { background: url("../images1/img95_hover.png") center center no-repeat;}
.box53 ul li.li2:hover { background: url("../images1/img96_hover.png") center center no-repeat;}
.box53 ul li.li3:hover { background: url("../images1/img97_hover.png") center center no-repeat;}
.box53 ul li.li4:hover { background: url("../images1/img98_hover.png") center center no-repeat;}
.box53 ul li.li5:hover { background: url("../images1/img99_hover.png") center center no-repeat;}

.box54 { background: url("../images1/bg8.png") center top repeat-x; position: relative; height: 331px; border-bottom: 3px #49a748 solid;}
.box54 .img { position: absolute; top: 23px; left: 50%; margin-left: -661px;}
.box54 .item_box_wp { position: relative; z-index: 1; margin-top: 55px;}
.box54 .item_box_wp .title { min-height: 84px;}
.box54 p.link { text-align: center; width: 560px; margin: 0 auto;}
.box54 p.link a { float:left; display:inline; width: 236px; height: 56px; line-height: 58px; font-size: 22px; color: #fff; background: #1d83cb; border:2px #1d83cb solid; margin: 0px 20px; border-radius: 5px;}
.box54 p.link a.tel { background: url("../images1/tel.png") 12px center no-repeat; line-height: 25px; color: #000; padding-left: 35px; width: 201px;}
.box54 p.link a.tel span { display: block; margin-top: 5px;}
.box54 p.link a.tel em { display: block; font-size: 14px; opacity: 0.8; filter:alpha(opacity=80);}


/*-----------------公共底部及版权copyright------------------*/

.time_box { background: url("../images1/time_bg.png") center 0 repeat-x; height: 120px; padding: 0px; border-bottom: none;}
.time_box p { text-align: center; color: #fff; font-size: 36px; line-height: 120px;}
.time_box p span { font-size: 36px; background: url("../images1/time.png") 0 0 no-repeat; padding: 10px 0px 10px 100px;}

.footer_link { background: #5a5e60; color: #eee; overflow: hidden; height: 220px;}
.footer_link dl { float: left; display: inline; width: 198px; margin-top: 30px;}
.footer_link dl dt { font-size: 18px; margin-bottom: 12px;}
.footer_link dl dd { font-size: 14px; margin-bottom: 8px;}
.footer_link dl dd a { color: #eee;}
.footer_link dl.share { float: right; display: inline; width: 300px;}
.footer_link dl.share dd { float: left; display: inline; width: 120px;}
.footer_link dl.share span { display: inline-block; background: url("../images1/share_icon.png") 0 0 no-repeat; padding-left: 40px; margin-bottom: 5px;}
.footer_link dl.share dd.sina span { background-position: 0 0; height: 27px;}
.footer_link dl.share dd.wx { margin-left: 55px;}
.footer_link dl.share dd.wx span { background-position: 0 -34px; height: 27px;}
.footer_link .links { color: #999; margin-top: 80px;}
.footer_link .links a { color: #999; display: inline-block; margin: 0px 10px;}

.copyright { background: #44494c; overflow: hidden; height: 46px; line-height: 46px;}
.copyright p { text-align: center; color: #999; font-size: 12px; margin-bottom: 10px;}
.copyright p i.space { display: inline-block; margin: 0px 8px;}
.copyright p span.icp { display: inline-block; margin: 0px 46px;}



/*------------登录、注册、忘记密码样式--------------*/

/*登录*/
.ft_content_log { background: url("../images1/log_bg.png") center bottom no-repeat; width: 100%;  overflow: hidden; padding-bottom: 80px; border-top: 3px #00adee solid;}
.ft_content_log h1 { font-size: 30px; color: #656565;}
.login_info { margin-top: 102px; width: 540px; float: left; display: inline;}
.login_info h1 { border-bottom: 2px #ccc solid; margin-bottom: 18px;}
.login_info p.text { line-height: 36px; font-size: 14px; color: #333; text-indent: 2em;}
.login_info p.link { margin: 20px 0px 32px 0px;}
.login_info p.link a { font-size: 18px;}
.login_info p.mail { font-size: 14px; color: #aaa;}


.login_box { width: 508px;  padding: 35px; border:1px #ccc solid; float: right; display: inline; margin-top: 65px; background: #fff; box-shadow: 0px 1px 6px #ddd;}
.login_box h1 { text-align: center; margin-bottom: 32px;}
.login_box .error { margin-left: 140px; margin-top: -10px;}
.login_box ul li { margin-bottom: 32px; color: #fff; font-size: 14px; width: 628px; line-height: 44px; float:left; display:inline;}
.login_box label { font-size: 18px; color: #333; text-align: right; margin-right: 40px; width: 100px; line-height: 44px; float:left; display:inline;}
.login_box ul li.remember,.login_box ul li.code,.login_box ul li.button { margin-left: 140px; width: 368px;}
.login_box ul li.remember { margin-top: -40px; font-size: 14px; color: #aaa;}
.login_box ul li.remember input[type='checkbox'] { vertical-align: middle;}
.login_box ul li.code { margin-top: -28px; margin-bottom: 25px;}
.login_box ul li.code input[type='text'] { width: 112px; vertical-align: middle;}
.login_box ul li.code img { vertical-align: top; display: inline-block; margin: 0px 20px;}
.login_box ul li.code .refresh { display: inline-block; font-size: 12px; width: 25px; line-height: 22px; vertical-align: top;}
.login_box li.button { margin-bottom: 15px;}
.login_box li.button a { font-size: 12px; display: inline-block; margin-left: 20px; line-height: 36px;}
.login_box ul li.third label { font-size: 14px;}
.login_box ul li.third a { display: inline-block; width: 32px; height: 32px; background: url("../images1/third_party_icon.png") 0 0 no-repeat; margin-right: 8px; vertical-align: middle;}
.login_box ul li.third a.sina { background-position: 0 0;}
.login_box ul li.third a.in { background-position: -40px 0;}
.login_box ul li.third a.baidu { background-position: -80px 0;}
.login_box ul li.third a.qq { background-position: -120px 0;}
.login_box ul li.third a.google { background-position: -160px 0;}
.login_box ul li.third a.sina { background-position: 0 0;}

.login_box1 { width: 508px; height: 350px;  padding: 35px 35px 35px 35px; border:1px #ccc solid; margin: auto; margin-top: 65px; background: #fff;}
.login_box1 h1 { text-align: center; margin-bottom: 32px;}
.login_box1 .error { margin-left: 140px; margin-top: -10px;}
.login_box1 ul li { margin-bottom: 32px; color: #fff; font-size: 14px; width: 628px; line-height: 44px; float:left; display:inline;}
.login_box1 label { font-size: 18px; color: #333; text-align: right; margin-right: 40px; width: 100px; line-height: 44px; float:left; display:inline;}
.login_box1 ul li.remember,.login_box ul li.code,.login_box ul li.button { margin-left: 140px; width: 368px;}
.login_box1 ul li.remember { margin-top: -40px; font-size: 14px; color: #aaa;}
.login_box1 ul li.remember input[type='checkbox'] { vertical-align: middle;}
.login_box1 ul li.code { margin-top: -28px; margin-bottom: 25px;}
.login_box1 ul li.code input[type='text'] { width: 112px; vertical-align: middle;}
.login_box1 ul li.code img { vertical-align: top; display: inline-block; margin: 0px 20px;}
.login_box1 ul li.code .refresh { display: inline-block; font-size: 12px; width: 25px; line-height: 22px; vertical-align: top;}
.login_box1 li.button { margin-left: 140px;margin-bottom: 15px;}
.login_box1 li.button a { font-size: 12px; display: inline-block; margin-left: 20px; line-height: 36px;}
.login_box1 ul li.third label { font-size: 14px;}
.login_box1 ul li.third a { display: inline-block; width: 32px; height: 32px; background: url("../images1/third_party_icon.png") 0 0 no-repeat; margin-right: 8px; vertical-align: middle;}
.login_box1 ul li.third a.sina { background-position: 0 0;}
.login_box1 ul li.third a.in { background-position: -40px 0;}
.login_box1 ul li.third a.baidu { background-position: -80px 0;}
.login_box1 ul li.third a.qq { background-position: -120px 0;}
.login_box1 ul li.third a.google { background-position: -160px 0;}
.login_box1 ul li.third a.sina { background-position: 0 0;}

/*ie placeholder处理*/
span.simulation { height:46px; display:inline-block;font-size: 24px; font-family: 微软雅黑; line-height:46px; position: relative; vertical-align:middle;}
span.simulation em { position: absolute; top: 0px; left: 0px; padding-left:12px; color: #ccc; display:inline-block; height:44px; line-height: 44px; cursor: text; z-index:1; font-size:18px;}
span.simulation em:focus { color: #333;}
span.simulation input { position:absolute; left:0px;}

/*注册*/
.ft_content_reg { min-height: 580px; border-top: 3px #67b83d solid;}
.reg_step { margin: 105px 0px 95px 0px;}
.reg_step h1 { border-bottom: 2px #ccc solid; font-size: 30px; color: #656565;}
.reg_step h1 span { display: inline-block; margin-left: 15px; font-size: 14px;}
.reg_box p { font-size: 18px; color: #333; line-height: 35px; margin-bottom: 30px; text-align: center;}
.reg_box p.tips { font-size: 14px; color: #aaa;}
.reg_box p.large { font-size: 24px;}
.reg_box p.large span { color: #67b83d; font-size: 30px; display: inline-block; margin: 0px 20px;}
/*.reg_box p.mascot img { margin-left: 70px;}*/
.reg_box p.link a { display: inline-block; width: 140px; height: 36px; line-height: 36px; font-family: 微软雅黑; background: #6cc83c; text-align: center; color: #fff; font-size: 18px; border-radius: 5px;}

.reg_form dl { margin-bottom: 32px;}
.reg_form dl dt { float: left; display: inline; width: 35%; text-align: right;font-size: 18px; line-height: 44px; color: #333;}
.reg_form dl dt .mark { background: url("../images1/mark.png") 0 0px no-repeat; display: inline-block; width: 7px; height: 10px; margin-right: 12px; line-height: 44px;}
.reg_form dl dd { margin-left: 38.5%;}
.reg_form dl.txt dd { color: #67b83d; font-size: 24px;}
.reg_form dl dd.tips { color: #aaa; font-size: 12px; margin-bottom: -20px; margin-top: 2px;}
.reg_form dl.verify,.reg_form dl.code { margin-top: -12px;}
.reg_form dl.verify input[type='button'] { background: url("../images1/verify_bg.png") 0 0 repeat-x; font-size: 18px; width: 130px; height: 40px; color: #fff; text-align: center; line-height: 40px; padding-left: 32px; border-radius: 0px;}
.reg_form dl.verify input[type='button'].msg { background-position: 0 0px;}
.reg_form dl.verify input[type='button'].voice { background-position: 0 -60px;}
.reg_form dl.verify em { color: #333; font-size: 14px; display: inline-block; margin: 0px 14px;}
.reg_form dl.code { margin-bottom: 45px;}
.reg_form dl.code input[type='text'] { width: 117px;}

/*忘记密码*/
.forget_pwd_box dl.code input[type='text'] { vertical-align: middle;}
.forget_pwd_box dl.code img { display: inline-block; margin: 0px 20px; vertical-align: middle;}
.forget_pwd_box dl.code .refresh { display: inline-block; width: 25px; line-height: 22px; vertical-align: middle;}
.forget_pwd_box dl.code { margin-top: 0px; margin-bottom: 32px;}
.forget_pwd_box p.tips { margin-top: -10px;}
.forget_pwd_box p.tips span { margin-left: 6.5%;}
.forget_pwd_box p.tips a { display: inline-block; margin-left: 10px;}

/*弹层*/
.float_body { overflow: hidden;}
.background_box { background: #000; opacity: 0.4; filter:alpha(opacity=40); height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 11; }
.float_box { border: 6px #6b6b6b solid; border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-borer-radius:6px; z-index: 111; position: fixed; background: #fff; width: 534px;}
.float_tit { height: 40px; line-height: 40px; background: #f3f4f5; font-weight: bold;}
.float_tit h1 { margin-left: 20px; font-size: 14px; color: #4c4c4c; font-weight: bold;}
.float_ctn { margin: 20px;}
.float_ctn h2 { font-size: 30px; color: #3f616c; text-align: center;}
/*.float_ctn p { line-height: 30px; margin-bottom: 12px; font-size: 14px; color: #aaa; text-align: center;}*/
.float_field { font-size: 30px; color: #3f616c; text-align: center;}
.float_ctn input[type='checkbox'] { vertical-align: middle; margin-right: 5px;}
.float_btn { border-top: 1px #e8e8e8 solid; padding-top: 10px; text-align: right; width: 100%; margin-top: 60px;} 
.confirm_btn { margin-left: 15px;}
.float_btn .disabled_btn { border: 1px #ccc solid; background: #fff; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #383838; margin-left: 15px; cursor: default;}

/*错误页面404,500*/
.error_page { color: #595959; padding: 140px 0px; width: 550px; margin: 0 auto;}
.error_page_500 { width: 420px;}
.error_page ul li { float: left; display: inline;}
.error_page ul li.num { color: #ed6d49; font-size: 130px; margin-right: 30px;}
.error_page ul li.txt { margin-top: 70px;}
.error_page ul li h2 { color: #333;}
.error_page ul li p { line-height: 25px;}

/*hr招聘页面*/
.banner_list .bm_hr{background:url(../images1/banner_hr.png) 50% 0 no-repeat;}

/*im上线页面*/
.banner_list .bm_im{background:url(../images1/banner_im.png) #31ae9d 50% 0 no-repeat;}
.bm_txt_im { text-align: left; color: #fff; width: 1180px; margin: 0 auto;}
.bm_txt_im h1 { font-size: 50px; padding-top: 69px; margin-bottom: 29px; display: block;}
.bm_txt_im h2 { font-size: 53px; display: block;}
.bm_txt_im p { font-size: 20px;}
.bm_txt_im h3 { font-size: 26px; margin: 30px 0px 15px 0px;}
.bm_txt_im h3 i.hot { background: url("../images1/hot.png") 0 0 no-repeat; width: 42px; height: 16px; display: inline-block; margin-left: 5px;}
.bm_txt_im .banner_link { display: block; margin-top: 36px;}
.bm_txt_im .banner_link span { display: inline-block; font-size: 18px; color: #31ae9d; border-radius: 5px; background:#fff; width: 160px; height: 44px; line-height: 44px; text-align: center; opacity: 0.88; filter:alpha(opacity=88);}
.box1 ul li dt em.new { position: absolute; right: 0px; top: 0px; color: #fff; font-size: 14px; background: #FF3636; padding: 2px 8px; border-radius: 3px; z-index: 99;}

/*反信息诈骗联盟
.banner_list .bm_anti{ background:url(../images1/banner_anti.png) 50% 0 no-repeat;}*/
.banner_list .bm_1{ background:url(../images1/1.jpg) 50% 0 no-repeat;}
.banner_list .bm_2{ background:url(../images1/2.jpg) 50% 0 no-repeat;}
.banner_list .bm_3{ background:url(../images1/9.jpg) 50% 0 no-repeat;}



/*流量banner*/
.banner_list .bm_traffic{ background: #c4e4f3; position: relative;}
.bm_traffic .bm_txt { position: relative; width: 1180px; margin: 0px auto; background:url(../images1/banner_traffic1.png) center center no-repeat; padding-top: 127px; height: 480px;}
.bm_traffic .bm_txt .banner_link { position: absolute;  top: 329px; left: 0px;}
.bm_traffic .bm_txt .banner_link span { display: inline-block; color: #075f9e; font-size: 18px; width: 186px; height: 50px; line-height: 50px; text-align: center; border:2px #075F9E solid; border-radius: 5px;}
.bm_traffic_bg { background:url(../images1/bg7.png) 50% bottom repeat-x; position: absolute; bottom: 0px; height: 92px; width: 100%;}

/*语音验证码*/
.ft_banner19 { width: 100%; height: 688px; background: url("../images1/banner23.png") center center; overflow: hidden;}
.ft_banner19 .ft_banner_wp { position: relative;}
.ft_banner19 .desc strong { display: block; font-size: 30px; font-weight: normal; color: #42b69d; width: 247px; height: 50px; line-height: 50px; text-align: center; background: #fff; position: absolute; top: 144px; left: 0px; border-radius: 5px;}
.ft_banner19 .desc h1 { font-size: 52px; color: #fff; position: absolute; top: 213px; left: 0px;}
.ft_banner19 .desc p.link { position: absolute; top: 386px; left: 0px;}
.ft_banner19 .desc p.link a { color: #fff; border-radius: 5px; display: inline-block; width: 196px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; border:2px #fff solid;}
.ft_banner19 .desc p.tips { position: absolute; top: 488px; left: 0px; background: url("../images1/correct.png") 0 8px no-repeat; padding-left: 34px; color: #fff; font-size: 24px;}
.ft_banner19 .desc img { position: absolute;}
.ft_banner19 .desc .img1 { top: 117px; right: -4px;}
.ft_banner19 .desc .img2 { top: 215px; right: 82px;}

.voicecode_box { padding-top: 55px; padding-bottom: 100px;}
.voicecode_box .item_box_wp .title { background: none;}
.voicecode_box .item_box_wp .title .icon { display: inline-block; background: url("../images1/voicecode_icon.png") 0 0 no-repeat;}
.voicecode_box .item_box_wp .title h1 { font-size: 38px; font-weight: lighter; color: #374051;}
.voicecode_box .item_box_wp .title p { font-size: 16px; color: #818a98; margin-top: 8px;}
.traffic_box ul li { float: left; display: inline; text-align: center;}

.box55 .item_box_wp .title .icon { background-position: 0 0; width: 36px; height: 53px;}
.box55 ul li { width: 188px; height: 236px; margin-right: 10px; position: relative; float: left; display: inline; box-shadow: 0px 5px 5px #ccc; border-radius: 5px;}
.box55 ul li.li6 { margin-right: 0;}
.box55 .show1 { position: absolute; left: 0px; top: 0px; width: 188px; height: 236px; text-align: center;}
.box55 .show1 img { position: absolute; left: 0px; left: 0px;}
.box55 .show1 .bg { position: absolute; left: 0px; top: 0px; width: 188px; height: 236px; border-radius: 5px; opacity: 0.7; filter:alpha(opacity=70);}
.box55 ul li.li1 .show1 .bg { background-color: #d84c29;}
.box55 ul li.li2 .show1 .bg { background-color: #31b04c;}
.box55 ul li.li3 .show1 .bg { background-color: #216be6;}
.box55 ul li.li4 .show1 .bg { background-color: #a048e4;}
.box55 ul li.li5 .show1 .bg { background-color: #68c111;}
.box55 ul li.li6 .show1 .bg { background-color: #e15d5d;}
.box55 .show1 .icon { display: block; background: url("../images1/voicecode_icon.png") 0 0 no-repeat; position: relative;}
.box55 ul li.li1 .show1 .icon { background-position:  -72px 0px; width: 66px; height: 66px; margin: 53px 63px 48px 63px; }
.box55 ul li.li2 .show1 .icon { background-position:  -72px -82px; width: 77px; height: 66px; margin: 53px 55px 48px 55px; }
.box55 ul li.li3 .show1 .icon { background-position:  -72px -167px; width: 67px; height: 67px; margin: 53px 60px 47px 60px;}
.box55 ul li.li4 .show1 .icon { background-position:  -163px 0px; width: 68px; height: 60px; margin: 53px 60px 54px 60px;}
.box55 ul li.li5 .show1 .icon { background-position:  -163px -77px; width: 77px; height: 69px; margin: 53px 55px 45px 55px;}
.box55 ul li.li6 .show1 .icon { background-position:  -163px -160px; width: 68px; height: 72px; margin: 53px 60px 42px 60px;}
.box55 .show1 b { font-size: 24px; font-weight: normal; position: relative; color: #fff;}
.box55 .show2 { display: none; position: absolute; left: 0px; top: 0px; width: 144px; padding: 0px 22px; height: 236px; border-radius: 5px; background: #42b69d; text-align: center;}
.box55 .show2 dl dt {  background: url("../images1/voicecode_icon.png") 0 0 no-repeat; margin: 29px auto 20px auto;}
.box55 ul li.li1 .show2 dl dt { background-position:  -72px 0px; width: 66px; height: 66px;}
.box55 ul li.li2 .show2 dl dt { background-position:  -72px -82px; width: 77px; height: 66px;}
.box55 ul li.li3 .show2 dl dt { background-position:  -72px -167px; width: 67px; height: 67px; margin-bottom: 19px;}
.box55 ul li.li4 .show2 dl dt { background-position:  -163px 0px; width: 68px; height: 60px; margin-bottom: 26px;}
.box55 ul li.li5 .show2 dl dt { background-position:  -163px -77px; width: 77px; height: 69px; margin-bottom: 17px;}
.box55 ul li.li6 .show2 dl dt { background-position:  -163px -160px; width: 68px; height: 72px; margin-bottom: 14px;}
.box55 .show2 dl dd { font-size: 12px; color: #fff;}
.box55 .show2 dl dd b { font-size: 24px; font-weight: normal; margin-bottom: 15px; display: block;}

.box56 { background: #f2f2f5; padding-bottom: 140px;}
.box56 .item_box_wp .title .icon { background-position: 0 -64px; width: 55px; height: 36px;}
.box56 .item_box_wp ul.slides li { margin-right: 23px; width: 266px; height: 157px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px #dfdfdf;}
.box56 .item_box_wp ul.slides li.li1 { background: #fff url("../images1/voicecode_icon1.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li2 { background: #fff url("../images1/voicecode_icon2.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li3 { background: #fff url("../images1/voicecode_icon3.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li4 { background: #fff url("../images1/voicecode_icon4.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li5 { background: #fff url("../images1/voicecode_icon5.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li6 { background: #fff url("../images1/voicecode_icon6.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li7 { background: #fff url("../images1/voicecode_icon7.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li.li8 { background: #fff url("../images1/voicecode_icon8.png") right center no-repeat;}
.box56 .item_box_wp ul.slides li p { font-size: 12px; color: #808080; width: 160px; margin: 12px 0px 0px 12px;}
.box56 .item_box_wp ul.slides li p b { font-size: 20px; color: #374051; font-weight: normal; display: block; margin-top: 20px;}

.box57 { background: #3badcd; padding: 63px 0px 22px 0px;}
.box57 .item_box_wp .title .icon { background-position: 0 -112px; width: 48px; height: 48px; margin-bottom: 10px;}
.box57 .item_box_wp .title h1 { color: #fff;}
.box57 .item_box_wp p.img { margin-left: -26px;}

.box58 { width: 100%; height: 600px; background: url("../images1/banner24.png") center center; padding: 0px;}
.box58 .item_box_wp .title { margin-top: 86px;}
.box58 .item_box_wp .title .icon { background-position: 0 -175px; width: 47px; height: 42px; margin-bottom: 20px;}
.box58 .item_box_wp .title h1 { color: #fff;}
.box58 .item_box_wp p { margin-top: 56px; font-size: 24px; color: #fff; text-align: center;}
.box58 .item_box_wp p span { color: #42b69d; font-size: 60px;}
.box58 .item_box_wp p.link a { display: inline-block; width: 216px; height: 56px; border:2px #fff solid; border-radius: 5px; line-height: 56px; text-align: center; font-size: 18px; color: #fff; margin: 0px 12px;}
.box58 .item_box_wp p.link a.a1 { background: #42b69d; border-color: #42b69d;}

.box59 .item_box_wp .title .icon { background-position: 0 -228px; width: 47px; height: 36px; margin-bottom: 10px;}
.box59 .item_box_wp p { text-align: center;}
.box59 .item_box_wp p span { display: inline-block; margin: 25px 35px 25px 35px;}

/*电话会议套件*/
.ft_banner20 { width: 100%; height: 688px; background: #e0f2ff; overflow: hidden;}
.ft_banner20 .desc { float: left; display: inline; width: 415px;}
.ft_banner20 .desc h1 { font-size: 52px; color: #374051; margin-top: 190px; margin-bottom: 10px;}
.ft_banner20 .desc p.txt { font-size: 18px; color: #374051; opacity: 0.8; filter:alpha(opacity=80); line-height: 32px; margin-bottom: 30px;}
.ft_banner20 .desc p.link a { display: inline-block; width: 200px; height: 46px; line-height: 46px; text-align: center; background: #32c9b1; font-size: 18px; color: #fff; border-radius: 22px;}
.ft_banner20 .img { float: right; display: inline; margin-top: 37px;}

.teleconference_box .img { float: left; display: inline;}
.teleconference_box .txt { float: right; display: inline;}
.teleconference_box .txt h2 { font-size: 38px; color: #374051; margin-bottom: 10px;}
.teleconference_box .txt p { color: #374051; font-size: 18px; opacity: 0.8; filter:alpha(opacity=80); line-height: 32px;}
.box62,.box63,.box64 { height: 400px; padding: 0px;}
.box63 { background: #edf6fb;}
.box62 .img { margin: 41px 0 0 35px;}
.box62 .txt { margin: 110px 65px 0 0; width: 420px;}
.box63 .img { float: right; display: inline; margin: 27px 33px 0px 0px;}
.box63 .txt { float: left; display: inline; margin: 116px 0 0 15px; width: 542px;}
.box64 .img { margin-top: 57px;}
.box64 .txt { margin: 164px 0 0 30px; width: 560px;}


/*------------动画----------*/

/*弹入*/
@keyframes bouncein {	
    0%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein {	
    0%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}

@keyframes bouncein2 {	
    0%{opacity:0;transform:scale(0.3);}
    40%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein2 {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    40%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein2 {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    40%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein2 {	
    0%{opacity:0;-o-transform:scale(0.3);}
    40%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}


@keyframes bouncein3 {	
    0%{opacity:0;transform:scale(0.3);}
    80%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein3 {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    80%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein3 {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    80%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein3 {	
    0%{opacity:0;-o-transform:scale(0.3);}
    40%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}

/*向上淡入*/
@keyframes fadeinup1 {
	0%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup1 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup1 {
	0%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup1 {
	0%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup2 {
	0%{opacity:0; transform:translateY(298px);}
	20%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup2 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	20%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup2 {
	0%{opacity:0; -webkit-transform:translateY(298px);}
	20%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup2 {
	0%{opacity:0; -o-transform:translateY(298px);}
	20%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup3 {
	0%{opacity:0; transform:translateY(298px);}
	40%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup3 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	40%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup3 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	40%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup3 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	40%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup4 {
	0%{opacity:0; transform:translateY(298px);}
	60%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
	0%{opacity:0; transform:translateY(298px);}
	60%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup4 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	60%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup4 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	60%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup4 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	60%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup5 {
	0%{opacity:0; transform:translateY(298px);}
	80%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup5 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	80%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup5 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	80%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup5 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	80%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup6 {
	0%{opacity:0; transform:translateY(298px);}
	90%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup6 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	90%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup6 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	90%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup6 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	90%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

/*沿Y轴翻入*/
@keyframes flipinY1{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY1 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY1 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY1 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

@keyframes flipinY2{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY2 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY2 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY2 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

@keyframes flipinY3{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY3 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY3 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY3 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

/*沿左右淡入*/
@keyframes fadeinL1{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinL1 {	
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinL1 {	
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinL1 {	
    0%{opacity:0;-o-transform:translateX(-100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinL2{
    0%{opacity:0;transform:translateX(-100px);}
    20%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinL2 {	
    0%{opacity:0;-moz-transform:translateX(-100px);}
    20%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinL2 {	
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    20%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinL2 {	
    0%{opacity:0;-o-transform:translateX(-100px);}
    20%{opacity:0;-o-transform:translateX(-100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinR1{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinR1 {	
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinR1 {	
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinR1 {	
    0%{opacity:0;-o-transform:translateX(100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinR2{
    0%{opacity:0;transform:translateX(100px);}
    20%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinR2 {	
    0%{opacity:0;-moz-transform:translateX(100px);}
    20%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinR2 {	
    0%{opacity:0;-webkit-transform:translateX(100px);}
    20%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinR2 {	
    0%{opacity:0;-o-transform:translateX(100px);}
    20%{opacity:0;-o-transform:translateX(100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

/*从上淡入*/
@keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT {	
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinT {	
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-o-keyframes fadeinT {	
    0%{opacity:0;-o-transform:translateY(-100px);}
    100%{opacity:1;-o-transform:translateY(0);}
}



/*流量动画*/

/*banner动画效果(弹入)*/
.ft_banner18 .desc p.img,.ft_banner18 .desc p a { animation:bouncein 3s;}

/*流量产品动画效果(向上淡入)*/
.box50 ul li { transform:translateY(381px);}
.box53 ul li { transform:translateY(381px);}
.box55 ul li { transform:translateY(381px);}
.box50 ul li.li1.fadeinup,.box53 ul li.li1.fadeinup,.box55 ul li.li1.fadeinup { animation:fadeinup1 3s; transform:translateY(0px)}
.box50 ul li.li2.fadeinup,.box53 ul li.li2.fadeinup,.box55 ul li.li2.fadeinup { animation:fadeinup2 3s; transform:translateY(0px)}
.box50 ul li.li3.fadeinup,.box53 ul li.li3.fadeinup,.box55 ul li.li3.fadeinup { animation:fadeinup3 3s; transform:translateY(0px)}
.box53 ul li.li4.fadeinup,.box55 ul li.li4.fadeinup { animation:fadeinup4 3s; transform:translateY(0px)}
.box53 ul li.li5.fadeinup,.box55 ul li.li5.fadeinup { animation:fadeinup5 3s; transform:translateY(0px)}
.box55 ul li.li6.fadeinup { animation:fadeinup6 3s; transform:translateY(0px)}

/*平台功能优势效果(沿Y轴翻入)*/
.box51 ul li.flipinY { animation:flipinY1 3s;}
.box51 ul li.li2.flipinY { animation:flipinY2 3s;}
.box51 ul li.li3.flipinY { animation:flipinY3 3s;}

/*应用类型(沿左右淡入)*/
.box52 ul li.li1 dl,.box52 ul li.li3 dl {transform:translateX(-900px);}
.box52 ul li.li2 dl,.box52 ul li.li4 dl {transform:translateX(900px);}
.box52 ul li.li1 dl.fadeinL { animation:fadeinL1 2s;transform:translateX(0);}
.box52 ul li.li3 dl.fadeinL { animation:fadeinL2 2s;transform:translateX(0);}
.box52 ul li.li2 dl.fadeinR { animation:fadeinR1 2s;transform:translateX(0);}
.box52 ul li.li4 dl.fadeinR { animation:fadeinR2 2s;transform:translateX(0);}

/*语音验证码动画*/
.voicecode_box .item_box_wp .title .icon.bouncein { animation:bouncein 2s;}
.voicecode_box .item_box_wp .title h1.bouncein { animation:bouncein2 2s;}
.voicecode_box .item_box_wp .title p.bouncein { animation:bouncein3 2s;}

.ft_banner19 .desc strong { animation:fadeinT 2s;transform:translateY(0);}
.ft_banner19 .desc h1 { animation:fadeinL1 2s;transform:translateX(0);}
.ft_banner19 .desc p { animation:fadeinup1 3s; transform:translateY(0px)}
.ft_banner19 .desc .img2 { animation:fadeinup1 2s; transform:translateY(0px)} 
.ft_banner19 .desc .img1 { animation:bouncein 2s;}
.box57 .item_box_wp p.img.bouncein { opacity:1; animation:bouncein 2s;}
.box58 .item_box_wp p.link a.a1 { animation:fadeinL1 2s;transform:translateX(0);}
.box58 .item_box_wp p.link a.a2 { animation:fadeinR1 2s;transform:translateX(0);}

