﻿

.in{display:block;position:absolute;right:0; top:550px;}
.in a{display: block; background: url(/images/in_1.png) no-repeat center center; width:156px; height:50px;color:#fff; font-size:16px; font-weight:bold; line-height:50px; text-align:center;}
.in a:hover{background:url(/images/in_2.png) no-repeat center center; color:#0d69c9;}

.fastTools{position:absolute;left:0;bottom:120px; height:128px;width:254px; overflow: hidden; }
.fastTools li{float: left;width:255px; height:128px; border-right:1px solid #c8daee;box-sizing:border-box;}
.fastTools .txt{position: relative; z-index:2;}
.fastTools .txt a{display:block;width:100%;height:128px; line-height:128px; font-size:22px; color:#0d69c9; text-indent:110px;}
.fastTools .txt a:visited{color:#0d69c9;}
.fastJt a{background:url(/images/fast/jt01.png) no-repeat center center; cursor: pointer;}
.fast01 a{background:url(/images/fast/fast01.png) no-repeat 40px center; }
.fast01 a:hover{background-color:#fff;}
.fast02 a{background:url(/images/fast/fast02.png) no-repeat 40px center; } .fast02 a:hover{background-color:#fff;}

.fastTools .txt .fast02 a{line-height:26px; padding-top:40px; height:88px;}
.fast03 a{background:url(/images/fast/fast03.png) no-repeat 40px center; } .fast03 a:hover{background-color:#fff;}
.fast04 a{background:url(/images/fast/fast04.png) no-repeat 40px center; } .fast04 a:hover{background-color:#fff;}
.fastTools .bg{position:absolute; left:0;top:0; z-index:1; background:#fff; filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}


/*tools*/
#tools{background:#0c69c9 url(/pictures/mainpic/toolBg.jpg) no-repeat center center;height:1010px; padding-top:100px; z-index:1; position: relative;}
#tools .searchForm{position:absolute; right:0; top:120px;width:428px; height:520px; background:url(/images/searchBg.png) no-repeat;}
#tools .float{display:none;}


.searchForm .tip{margin-top:20px; color:#0d69c8; font-size:14px;text-align:center;}
.searchForm .img{text-align:center;padding-top:10px;position:relative;}
.searchForm .img span{display:block;position:absolute;z-index:2; right:20px;top:16px;width:68px;height:68px;background:url(/images/codeLogin.png) no-repeat;cursor:pointer;}
.searchForm .img .return{background:url(/images/return.png) no-repeat;}
.tip01{position:absolute; left:200px; top:160px;}
.tip02{position:absolute; left:-20px; top:300px;}
.tip03{position:absolute; left:500px; top:250px;}
.tip04{position:absolute; left:350px; top:500px;}
.tip05{position:absolute; left:-20px; top:480px;}
.tip06{position:absolute; left:220px; top:350px;}
.tip07{position:absolute; left:560px; top:400px;}

/**/
#service{z-index:2; position: relative; margin-top:-200px; height:710px;overflow: hidden;}
#service .item{display:none;}
#service .left{float: left;width:280px;overflow: hidden;}
#service .links{padding-top:70px;}
#service .links li{height:52px; }
#service .links a{font-size:18px; height:30px; line-height:30px; color:#0d69c9; font-weight:bold; padding-right:20px; display: inline-block; border-bottom:2px solid #fff;}
#service .links a:hover{color:#29ac80; border-bottom:2px solid #29ac80;}
#service .more{margin-top:30px;}
#service .more a{display:inline-block; width:80px; height:80px; background:url(/images/jtc.png);}
#service .more a:hover{background:url(/images/jtc2.png) no-repeat;}
#service .right{float: left;width:1000px}
#service .right li{float: left; margin:0 44px 38px 0;width:478px; height:275px; overflow: hidden; position:relative;cursor:pointer;border-radius:15px;}
#service .right .last{margin-right:0;}
#service .right img{position: absolute; left:0; top:0; z-index:1;}
#service .bg{position: absolute;left: 0;top:0; z-index:2; background:url(/images/listBg.png) no-repeat;width:478px; height:275px; display:none;}
#service .txt{position: relative; z-index:99; color:#fff;padding:38px 0 0 26px; display:none;}
#service .txt h3{font-size:24px; font-weight:bold;}
#service .txt p{font-size:16px;line-height:160%; width:300px; margin-top:30px;}
#service .txt a{color:#fff;}
/*about*/

#about{background:url(/pictures/mainpic/inBg.jpg) no-repeat center center;height:665px; padding-top:100px;}
#about .img{position: absolute; right:0; top:100px;width:670px;height:470px;border-radius:15px;overflow:hidden;}
#about .img img{width:670px; height:470px;left:0;top:0;position:absolute;}
#about .content{width:500px; color:#fff;}
#about .ctop h3{font-size:20px; margin-top:80px;}
#about .ctop p{color:#cacaca; font-size:16px;text-align: justify; line-height:14px; line-height:160%; margin-top:30px; height:180px;}

#about .iconf li{float:left;width:120px; font-size:16px; text-align:center; margin-right:20px;}
#about .iconf h3{font-family:'RobotoLight', sans-serif; font-size:48px; color:#fff;}
#about .iconf h3:hover{color:#29ac80;}
#about .iconf .ext{width:180px}
#about .iconf .last{margin-right:0; padding-top:10px; width:190px;}
#about .iconf p{color:#cacaca;}
#about .more{position: absolute; right:-130px; top:100px;width:80px; height:80px;}
#about .more a{display:inline-block; width:80px; height:80px; background:url(/images/jtc.png);}
#about .more a:hover{background:url(/images/jtc2.png) no-repeat;}

/*news*/
#news{background:url(/pictures/mainpic/newBg.jpg) no-repeat center center;height:864px; padding-top:100px; margin-top:120px;}
.newsContent{margin-top:70px;}
#news .item{display:none;}
#news .left{float: left; margin-right:52px;width:658px}
#news .left .showTxt h2{font-size:30px; color:#fff; padding:20px 0 10px 0; line-height:120%;width:658px; color:#cacaca;}
#news .left p{color:#cacaca; line-height:150%; font-size:16px;}
#news .right{float: left;}
#news a{color:#cacaca;}
#news .showTxt a:hover , #news .newsTitle a:hover{color:#29ac80;}
#news .newsList{color:#cacaca;margin-top:20px;} 
#news .newsList li{position: relative; padding-left:100px;width:440px; margin-bottom:30px;}
#news .newsList .time{ position: absolute; left:0;top:0; text-align:right;width:90px; padding-top:15px;}
#news .newsList .time h2{font-size:28px;font-family:'RobotoLight', sans-serif; }
#news .newsList .time h3{font-size:18px;font-family:'RobotoLight', sans-serif; }
#news .newsTitle{border-left:2px solid #5578a3; padding-left:12px;}
#news .newsTitle h2{color:#cacaca; font-size:18px;}
#news .newsTitle p{color:#cacaca; margin-top:10px;font-size:14px; line-height:150%;}
#news .newsContent .img{position: relative; border-radius:10px;overflow: hidden;}
#news .newsContent .img img{position:absolute; left:0;top:0;z-index:1;}
#news .left .img{width:658px; height:388px; }
#news .left img{width:658px; height:388px; }
#news .newsContent .bg{position:absolute; left:0; top:0;z-index:2;width:100%; height:100%; background:url(/images/newsoverbg.png) no-repeat center bottom; display:none;}
#news .left .txt{position: absolute; text-align:right;left:0;bottom:0; z-index:99;width:100%; display:none;}
#news .left .txt h2{font-size:28px; font-family:'RobotoLight', sans-serif; color:#fff;height:38px;padding-right:20px; }
#news .left .txt h3{font-size:16px; font-family:'RobotoLight', sans-serif; color:#fff; height:18px; padding:0 20px 20px 0;}
#news .right .txt{position:absolute; width:100%;left:0; bottom:0; z-index:99; display:none;}
#news .right .txt h2{font-size:18px; color:#cacaca; padding:5px 15px 0 15px; line-height: 120%;font-weight:bold;}
#news .right .txt h3{font-size:18px; font-family:'RobotoLight', sans-serif;color:#cacaca; padding:0px 15px;}
#news .right .txt p{font-size:16px; color:#cacaca; padding:5px 15px 20px 15px; line-height:150%;}
#news .right .img{width:568px; height:322px;}
#news .right .img img{width:568px;height:322px;}

/*know*/
#know{background:#ebedf0; height:780px; padding-top:100px;}
#know .item{display:none;}
.newBox{margin-top:50px;}
.newBox .item{float: left;width:608px;}
.newBox .img{width:608px;height:332px; overflow: hidden;border-radius:10px; position: relative;}
.newBox .img img{position:absolute; left:0; top:0; z-index:1;}
.newBox .img .txt{position:absolute;left:0;bottom:0; z-index:2;width:370px; height:74px; background:url(/images/knowgoto.png) no-repeat;}
.newBox .img .txt a{display:inline-block;width:370px; height:74px;line-height:74px; font-size:18px;text-indent:20px; color:#515151;}
.newBox .left{margin-right:64px;}
.newBox .nTitle{height:100px;}
.nTitle h2{font-size:28px;letter-spacing:3px; margin-bottom:10px; }
.nTitle h3{font-size:16px; color:#0d69ca;letter-spacing:3px; }
.newBox .right .nTitle{text-align:right;}
.newBox .right .nTitle h2{margin-top:20px;}
#know .more{position: absolute; right:-130px; top:100px;width:80px; height:80px;}
#know .more a{display:inline-block; width:80px; height:80px; background:url(/images/jtc.png);}
#know .more a:hover{background:url(/images/jtc2.png) no-repeat;}

