@charset "utf-8";
html,body{width: 100%; position: relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button{margin:0;padding:0;}
body {color: #333;font-family: "Microsoft YaHei","微软雅黑","宋体",Arial,Verdana;font-size: 12px; min-width: 1000px;}
img {border: 0 none;}
em, i {font-style: normal;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
h1, h2, h3 {font-weight: 300;}
li {list-style: none;}
.clearfix:after{content:" ";visibility:hidden;display:block;clear:both;height:0;font-size:0}
.clearfix {clear: both;}
.clear {clear: both;overflow: hidden;}
:focus {outline: medium none;}
.al{text-align:left}.ac{text-align:center}.ar{text-align:right}
.fl{float:left}.fr{float:right}.ti{text-indent:-150%;overflow:hidden}
.hide{display:none}
.wrap {width: 1000px; margin: 0 auto;}

/*index*/
.head {width: 100%; height: 80px; position: relative; z-index: 999;}
.top_in {width:1000px;margin: 0 auto; height: 80px;}
.logo {float: left; width: 165px; height: 55px; margin-top: 15px; }
.menu_index_box{/*width:662px;*/ width: 760px; float: right;}
.nav {width: 100%;}
.nav li {float: left; width: 105px; height: 80px; display: block; position: relative; z-index: 9;}
.nav li.back{position: absolute; left: 0; top: 0;width:105px;height: 5px; background: #1778e5; font-size: 0; line-height: 0;}
.nav li.help{width: 130px;}
.nav li a {display:block;height:80px;width:100%; text-align:center;line-height: 80px;font-size: 16px; color: #000; outline:none; position: relative; }
.nav li a:hover{color: #1778e5;}
.nav li a i {position: absolute;right: 0;top:26px; width: 1px; height: 32px; background: #e9e9e9;}
.nav li ul { display: none;  position: absolute;width:100%; top:80px; left: 0; background: #fff; z-index:999;}
.nav li ul li { display:block;width: 100%; text-align:left; height: 40px; overflow: hidden;}
.nav li ul li a { display:block;height: 40px;padding:0; width:100%;text-align: left; text-indent:12px; font-size: 14px; color: #333; line-height: 40px; border:none;}
.nav li ul li a:hover {background:#2e85e8; color: #fff; border: none; }

.ban_bot span ,#b_prev ,#b_next{background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/icon_ban.png") no-repeat ;}
#b_prev ,#b_next {width:39px; height: 78px; display: block; position: absolute; top: 50%; z-index: 999; margin-top: -60px; overflow: hidden; opacity: 0.4; filter:alpha(opacity=40); }
#b_prev {left: 20px; background-position: 0 0;}
#b_next {right: 20px; background-position:0 -81px }
#b_prev:hover ,#b_next:hover {opacity: 0.8; filter:alpha(opacity=80);}
#b_prev:active ,#b_next:active {opacity: 0.2; filter:alpha(opacity=20);}

.ban_bot span {display:inline-block;width:36px;height:6px;margin: 13px 5px 0;background-position:0 -163px;cursor: pointer;}
.ban_bot span.on {background-position: 0 -170px;}

.banner_wrap {width:100%;margin: 0 auto; overflow: hidden; position: relative;}
.banner {display:block;height: 470px;  position: relative; margin:0 auto; overflow: hidden;}
/*.banner li .wrap {overflow: hidden;}*/
.banner li {float: left; width: 100%; height:100%; overflow: hidden; position: absolute; left: 0; top: 0; opacity: 1;}
.banner li .wrap {position: relative;height: 100%;}
.ban_bot {width: 100%;height: 40px;position: relative;clear: both; text-align: center;}
.ban_wrap1 ,.ban_wrap2 ,.ban_wrap3 {width: 100%; height: 570px; position: relative; color: #fff;}

.ban_wrap1 {background:#4aa1e9 url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban01.jpg") no-repeat top center; z-index: 1}
.ban_wrap1 .wrap {background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/b1_bg.png") no-repeat 40px center;}
.b1_con {width:230px; position: absolute; right: 170px; top: 90px;}
.b1_con img {margin-left: 10px;}
.b1_con .b1_down {display: block; width: 162px; height: 50px; font-size: 24px; color: #fff; text-align: center; margin: 24px 0 8px; line-height: 50px; background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/b1_down.png") no-repeat;}
.b1_con p {width: 162px; text-align: center;}
.b1_con .b1_down:hover {opacity:0.9; color: #1778e5}

/*banner*/
.ban_itools{background: #2d6fe0; text-align: center; line-height: 24px;}
.ban_itools .wrap{ position: relative;}
.bg_ban1{background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban_itools.jpg") no-repeat center;}
.bg_ban2{background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban_itools2.jpg") no-repeat center;}
.bg_ban3{background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban_itools3.jpg") no-repeat center;}
.bg_ban4{background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban_syzs.jpg") no-repeat center;}
.bg_ban5{background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban_itools4.jpg") no-repeat center;}
.bVideo{display:inline-block;width: 78px; height: 20px;color: #fff; font-size: 14px;background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/bVideo.png") no-repeat 0 0; line-height: 20px; text-indent:16px; position: absolute; left: 620px; top: 110px;}
.bVideo:hover{background-position: 0 -20px;}
.ban_down1{display:inline-block; margin:350px auto 8px; width: 206px; height: 50px; background: #0fd25a; color: #fff; font-size: 22px; text-shadow:1px 1px 1px #01b446; line-height: 50px; box-shadow: 0px 10px 5px rgba(60,143,230,0.2); }
.ban_down1:hover{background: #0fe05f}
.ban_down1:active{background: #07bb4c}
.f14{font-size: 14px;}.cfff{color: #fff;}
.version{color: #1458cd;}
.ban_itools .line span{display: block; background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/line.png") no-repeat; width: 128px; height: 75px; position: absolute;}
.ban_itools .line span.line1{left:-90px; bottom: 36px;}
.ban_itools .line span.line2{right:-130px; bottom: 47px;}


.ban_wrap4 {background:#6396c3 url("http://tximg.slooti.com/dev3_web/img.itools.cn/pro.itools.cn/image_repos/yueyu/banner2.jpg") no-repeat center -15px;z-index: 1}
.b4_con{ float: left;  padding:245px 0 0 320px; width: 460px; overflow:hidden;}
.ban_wrap4 .yueyu_download{display:block; width: 335px; height: 88px; background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/pro.itools.cn/image_repos/yueyu/yueyu_download.png") top center no-repeat; float:right; text-indent: -999em;}
.ban_wrap4 p{color:#fff; font-size: 14px; width:100%; float:right; line-height: 24px; text-align: right; margin-top: 26px;}
.ban_wrap4 p span{margin-left: 40px;}

.ban_wrap3 {background:#422d75 url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/ban03.jpg") no-repeat top center;  }
.ban_wrap3 .wrap {background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/b3_bg.png") no-repeat 100px center;}
.b3_con {width: 200px; text-align: center; position: absolute; right: 180px; top: 120px;}
.b3_con img {margin-bottom:30px; }
.b3_con span {font-size: 16px;}
.b3_con .b3_down {display: block; width: 152px; height: 45px; margin:8px auto; font-size: 18px; font-weight: normal; color: #fff; text-align: center; line-height: 45px; background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/b3_down.png") no-repeat;}
.b3_con .b3_down:hover {opacity: 0.9}

.max1270 {width: 1000px; margin:0 auto 40px; overflow: hidden;}
.sfea {height: 172px;overflow: hidden;position: relative;border-right: 1px solid #fff;border-left: 1px solid #fff;overflow: hidden;}
.figures li {position: relative;float: left;width:246px; cursor: pointer; position: relative; margin:0 2px; }
.figures li img {display: block;position: absolute; left: 0; top: 0; }

.tg_video ,.tip_down {width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0;z-index: 999999999;display: none;}
.tg_video{background: rgba(11,58,110,0.8);  }
.tg_con {width: 712px; height: 500px; }
.tgv_close {display: block; float: left; background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/close.png") no-repeat; width: 32px; height: 34px; }
#tg_vcen {width: 680px; height: 500px; float: left;}


.tip_down {background: rgba(6,28,24,0.7); *background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/png_block.png") repeat; background: url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/png_block.png") repeat \0;}
/*.tip_con{width: 784px; height: 490px; background:#fff;-moz-box-shadow:5px 5px 12px #333333; -webkit-box-shadow:5px 5px 12px #333333; box-shadow:5px 5px 12px #333333;}
.tip_top {background:#3489d0 url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_top.jpg") no-repeat 20px top; height:84px; font-size: 18px; color: #fff; padding-left:120px; line-height: 84px; overflow: hidden; }
.tip_close {float: right; display: inline-block;width:21px; height: 21px; margin:32px 46px 0 0;background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_close.jpg") no-repeat -28px 0;}
.tip_close:hover {background-position: 0 0;}
.tip_content {background:#f7f8fa url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_bg.jpg") no-repeat left top; padding-left:116px; height: 407px; font-size: 16px; color: #5d5e5e; overflow: hidden;  }
.tip_content span , .tip_content a {color: #3489d0; }
.tip_content a{text-decoration: underline;}
.tip_item1 {display: block; background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_topbg.jpg") repeat-x left top; height: 124px; padding-top: 21px; }
.tip_item1 dt {float: right; margin-right:58px;width:101px; height: 101px; border:2px solid #3489d0;}
.tip_item1 dd {padding:10px 0 0 40px; line-height: 30px;}
.tip_item1 dd h3 {font-size:18px; margin-bottom: 6px;}
.tip_item2 {background: #f0f3f5;}
.tip_item2 ,.tip_item3{height: 131px;line-height: 131px; padding-left:40px;}
.tip_item2 a {margin-right: 20px;}
.cred {color: #f26d7e; font-size: 12px;}*/

/*======pop 0306==========*/
.tip_con{width: 784px; height: 400px; background:#fff;-moz-box-shadow:5px 5px 12px #333333; -webkit-box-shadow:5px 5px 12px #333333; box-shadow:5px 5px 12px #333333;}
.tip_top {background:#3489d0 url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_top.jpg") no-repeat 20px top; height:84px; font-size: 21px; color: #fff; padding-left:120px; line-height: 84px; overflow: hidden; }
.tip_close {float: right; display: inline-block;width:21px; height: 21px; margin:32px 46px 0 0;background:url("http://tximg.slooti.com/dev3_web/img.itools.cn/www.itools.cn/images/main/tip_close.jpg") no-repeat -28px 0;}
.tip_close:hover {background-position: 0 0;}
.tip_content {background:#f7f8fa; padding:68px 70px 60px 60px; width: 654px; height:188px;  font-size: 18px; color: #232323; overflow: hidden; line-height: 30px;  }
.tip_content .ios_gray {color: #666; margin-bottom: 32px;}
.tip_content .ios_blue {color: #038df3;}
.tip_content span.ios_blue{font-size: 24px;}

.anwang{position: fixed; width:229px; height: 73px; right: 0;bottom: 0;z-index: 999;}

@media screen and (max-width: 1240px){
	.banner {height: 440px;}
}