@charset "utf-8";
/*全局样式*/
* {padding:0px; margin:0px;font-size:14px;}
html { overflow:auto;}
body {font-size:14px;padding:0px; background:#fff;font-family: "Microsoft YaHei","黑体",Arial,sans-serif; width:auto;}
label {font-size:14px; font-family: "Microsoft YaHei","黑体",Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px; list-style:none; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px; font-size:14px;}
.clear{clear:both;}
a{ text-decoration:none;}
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
input, select,textarea{ vertical-align:middle; font-size:12px; font-family:"Microsoft YaHei","黑体",Arial,sans-serif; padding:3px; line-height:20px; }
/*为了消除选中时的虚线框*/
a{
	bblr:expression(this.onFocus=this.blur());/*IE使用*/
	outline-style:none;/*FF使用*/
}
* + html .wrapper{
    overflow: hidden;
}

.l{float:left;}
.r{float:right;}
.wrapper{width:100%; margin:0 auto; min-width:1200px; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");}
.warp{margin:0 auto; width:1200px;}
.bg{background:#f5f5f5;}

.top{background:#202e47; height:80px; padding:0 10px; overflow:hidden;}
.top .logo{float:left; max-width:220px; height:80px;}
.top .logo img{max-height: 80px; max-width: 220px; vertical-align: middle;}
.top .logo b{height: 100%; display: inline-block; vertical-align: middle;}
.top .logo2{float:left; width:165px; height:80px; background:url(../images/logo-two.png) no-repeat;}
.top .menu{ float:left;}
.top .menu a{float:left; width:90px; line-height:80px; text-align:center; color:#fff; font-size:14px; display:block;}
.top .menu a:hover,.top .menu a.hover{color:#57bfff;}
.top .top_r{float:right; text-align:right;} 
.top .a_user{float:right; background:url(../images/icon2.png) no-repeat 0 center; padding-left:25px; color:#fff; line-height:30px; margin-top:25px;}
.top .a_user:hover{background:url(../images/icon3.png) no-repeat 0 center; padding-left:25px; color:#fff; line-height:30px;color:#57bfff;}
.top .a_btn{float:right; vertical-align:middle;background:#f18a2d url(../images/icon1.png) no-repeat 10px center; padding:0 10px 0 30px; color:#fff; height:30px; line-height:28px; margin:25px 15px 0 0;}
.top .a_btn:hover{background:#ed7724 url(../images/icon1.png) no-repeat 10px center; padding:0 10px 0 30px; color:#fff; height:30px; line-height:28px;color:#fff;}

/*大图*/
.img_index{background:url(../images/banner_index02.jpg) no-repeat center; height:480px; margin:0 auto;}
#imgbig{background:#fff;}
#full-screen-slider { width:100%; height:480px; float:left; position:relative;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:18%; top:520px; z-index:2998;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#ccc }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#3f65ad;}

.module1{background:#f5f5f5; overflow:hidden;}
.module1 h2{text-align:center; font-size:34px; margin-bottom:20px;}
.module1 h4{ color:#666; font-size:16px; line-height:24px; text-align:center; margin-bottom:20px;}
.module1 .btn{ width:190px; height:60px; line-height:60px; background:#f18a2d url(../images/icon5.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; margin:40px auto 0; padding-left:20px; overflow:hidden;}
.module1 .btn:hover{background:#ed7724 url(../images/icon5.png) no-repeat 55px center;}

.module1 ul.box{padding:20px; width:1160px; margin:0 auto;}
.module1 ul.box li{width:520px; height:440px; display:inline-block; *display:inline; *zoom:1; background:#fff; border:1px solid #dfdfdf; margin:20px;}
.module1 ul.box li .img{ text-align:center;height:260px; overflow:hidden;}
.module1 ul.box li .img img{ margin-top:-20px;}
.module1 ul.box li .txt{ padding:0 55px;}
.module1 ul.box li .txt h4{font-size:24px; margin-bottom:20px;}
.module1 ul.box li .txt p{ font-size:14; color:#666; line-height:24px;}

.downinfo{width:1200px; margin:70px auto; overflow:hidden;}
.downinfo_n{color:#333; padding:0; float:left; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
.downinfo_n li{height:84px;line-height:84px;width:288px;color:#666;cursor:pointer;text-align:center;background:#fff; border-bottom:1px solid #e4e4e4;font-size:16px;}
.downinfo_n li .tub1{ width:56px; height:56px; background:url(../images/tub01.png) 0 -15px no-repeat;}
.downinfo_n li .tub2{ width:56px; height:56px; background:url(../images/tub01.png) 0 -99px no-repeat;}
.downinfo_n li .tub3{ width:56px; height:56px; background:url(../images/tub01.png) 0 -184px no-repeat;}
.downinfo_n li .tub4{ width:56px; height:56px; background:url(../images/tub01.png) 0 -270px no-repeat;}
.downinfo_n li.Active{color:#fff;text-decoration:none;display:block;background:#3f65ad;}
.downinfo_n li.Active .tub1{ width:56px; height:56px; background:url(../images/tub01.png) -56px -15px no-repeat;}
.downinfo_n li.Active .tub2{ width:56px; height:56px; background:url(../images/tub01.png) -56px -99px no-repeat;}
.downinfo_n li.Active .tub3{ width:56px; height:56px; background:url(../images/tub01.png) -56px -184px no-repeat;}
.downinfo_n li.Active .tub4{ width:56px; height:56px; background:url(../images/tub01.png) -56px -270px no-repeat;}

.downinfo_c{ border:6px solid #ddd; overflow:hidden; width:847px; height:309px; float:left; padding:10px 20px; background:#fff;}
.downinfo_c img{ float:left;width:420px;}
.downinfo_c .txt{display:table-cell; float: none; vertical-align:middle; width:auto; *display:block; *zoom:1; height:309px; padding:0 10px;}
.downinfo_c .txt:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.downinfo_c .txt h4{ font-size:24px; line-height:42px; color:#222; margin-bottom:10px; text-align:left;}
.downinfo_c .txt p{ font-size:14px; color:#666; line-height:24px;}

.module2{background:#fff; overflow:hidden; padding-top:60px; padding-bottom:20px;}
.module2 h2{text-align:center; font-size:34px; margin-bottom:20px;}
.module2 h3{ font-size:20px; line-height:24px; text-align:center; margin-bottom:10px; color:#555;}
.module2 h3 i{ width:32px; height:32px; background:url(../images/tub.png) no-repeat; display:inline-block; vertical-align:bottom; margin:0 5px; text-indent:-2000px; }
.module2 h3 span.sty1{ color:#0685d4; font-size:20px; }
.module2 h3 span.sty2{ color:#ff6c00; font-size:24px; font-weight:bold;} 
.module2 h4{ color:#888; font-size:14px; line-height:24px; text-align:center;}
.module2 .news_box{ float:left; width:680px; border-right:1px solid #dfdfdf; padding:0 30px; overflow:hidden; margin-top:48px; margin-bottom:100px;}
.module2 .news_box img{float:left; width:240px; height:140px; padding-right:20px;}
.module2 .news_box .txt{float:left; width:420px; padding:10px 0; }
.module2 .news_box .txt p{line-height:24px; color:#666; padding:10px 0;}
.module2 .news_box .txt a{ background:url(../images/hot.gif) no-repeat; padding-left:50px; font-size:16px; color:#222;}
.module2 .news_box .txt a:hover{color:#3f65ad;}
.module2 .news_tub{ float: right; text-align:center; width:409px; padding:0 25px; margin-top:60px; margin-bottom:100px;}
.module2 .news_tub li{display:inline-block; *display:inline; *zoom:1; width:32%; height:140px; text-align:center; vertical-align:middle;}
.module2 .news_tub li a{display:block; font-size:16px; color:#222; line-height:36px;}
.module2 .news_tub li a .tub1{width:78px; height:75px; background:url(../images/tub02.jpg) no-repeat; display:block; margin:0 auto;}
.module2 .news_tub li a .tub2{width:78px; height:75px; background:url(../images/tub02.jpg) -135px 0 no-repeat; display:block; margin:0 auto;}
.module2 .news_tub li a .tub3{width:78px; height:75px; background:url(../images/tub02.jpg) -270px 0 no-repeat; display:block; margin:0 auto;}
.module2 .news_tub li a:hover{color:#3f65ad;}

.module2 .cpimg_main{height:268px; margin:10px 0; background:url(../images/product_img01.jpg) no-repeat center;}


.module3{background: url(../images/bg_img01.jpg) no-repeat center; height:420px; overflow:hidden; padding-top:60px;}
.module3 h2{text-align:center; font-size:34px; margin-bottom:20px; color:#fff;}
.module3 h4{ color:#fff; font-size:16px; line-height:24px; text-align:center;}
.module3 .btn{ width:190px; height:60px; line-height:60px; background:#f18a2d url(../images/icon4.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; margin:40px auto 60px; padding-left:20px; overflow:hidden;}
.module3 .btn:hover{background:#ed7724 url(../images/icon4.png) no-repeat 55px center;}

.rollBox img{border:none;}
.rollBox{ width:1050px; margin:0 auto;overflow:hidden; text-align:center;}
.rollBox .Cont{width:950px;overflow:hidden;margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont li{width:160px; float:left;text-align:center;padding:0 15px;}
.rollBox .Cont .pic{width:160px; height:60px;}
.rollBox .Cont .pic img{ vertical-align:middle; max-height:60px; max-width:160px;}
.rollBox .Cont .pic b{vertical-align:middle; height:100%; display:inline-block;}
*+html .rollBox .Cont .pic{width:160px;float:left;text-align:center;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2,.Cont{float:left;}
.img1,.img2{width:30px; height:30px; display:block;cursor:pointer;margin-top:15px;}
.img1{background:url(../images/arrow01.png) no-repeat 0 center;margin-right:20px;}
.img2{background:url(../images/arrow02.png) no-repeat 0 center;margin-left:20px;}

.module4{background: url(../images/bg_img02.jpg) no-repeat center; height:160px; overflow:hidden;}
.module4 h3{font-size:18px; color:#e3e3e3; line-height:160px;}
.module4 a{ float:right;width:190px; height:60px; line-height:60px; background:#0091f8 url(../images/icon4.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; padding-left:20px; overflow:hidden; margin-top:50px;}
.module4 a:hover{background:#007ef6 url(../images/icon4.png) no-repeat 55px center;}


/*底部*/
.bottom{background:#202e47; padding-top:30px; overflow:hidden;}
.bottom.p_0{ padding-top:0;}
.bottom ul{width:1200px; margin:0 auto;}
.bottom ul li.box1{float:left; width:550px; padding-right:150px;}
.bottom ul li.box1 img{max-width:165px; max-height:60px;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.bottom ul li.box1 p{ color:#798291; line-height:24px;}
.bottom ul li.box1 h4{font-size:18px; color:#798291; padding-bottom:10px;}
.bottom ul li.box1.w{ width:500px;}
.bottom ul li.box2.w{ width:460px;}
.bottom ul li.box1.w h4,.bottom ul li.box2.w h4{ font-weight:bold;}

.bottom ul li.box2{float:right; width:410px;}
.bottom ul li.box2 .code{float:right; width:143px; height:143px; background:url(../images/code_bg.png) no-repeat; text-align:center;}
.bottom ul li.box2 .code img{width:118px; height:118px;  vertical-align:middle;}
.bottom ul li.box2 .code b{display:inline-block; height:100%; vertical-align:middle;}
.bottom ul li.box2 h4{font-size:18px; color:#798291; padding-bottom:10px;}
.bottom ul li.box2 p{ color:#798291; line-height:26px;}
.bottom ul li.box2 a{color:#798291;}
.bottom ul li.box2 a:hover{color:#7aa5cf;}
.bottom ul li.box2 a.weix{width:29px; height:29px; background:url(../images/icon_bottom.png) no-repeat; display:inline-block; margin-right:14px; margin-top:10px;}
.bottom ul li.box2 a.sina{width:29px; height:29px; background:url(../images/icon_bottom.png) -44px 0 no-repeat; display:inline-block; margin-top:10px;}

.bottom ul li.box3{width:100%; border-top:1px solid #2d3a52; line-height:60px; text-align:center; margin-top:30px;color:#798291;}
.bottom ul li.box3.bor_no{border-top:none; margin-top:0;}
.bottom ul li.box3 a,.bottom ul li.box3 span{color:#7aa5cf; margin:0 3px;}

/*内页*/
.banner1{background:url(../images/banner01.jpg) no-repeat center; height:320px; margin:0 auto;}
.banner2{background:url(../images/banner02.jpg) no-repeat center; height:320px; margin:0 auto;}
.banner3{background:url(../images/banner03.jpg) no-repeat center; height:320px; margin:0 auto;}
.banner4{background:url(../images/banner04.jpg) no-repeat center; height:320px; margin:0 auto;}
.banner5{background:url(../images/banner05.jpg) no-repeat center; height:320px; margin:0 auto;}

.module5{ background:#f5f5f5 url(../images/buy_bg.gif) repeat-x top; padding-bottom:50px;}
.buy_tit1{margin:0 auto; width:202px; height:62px; padding-top:116px; background:url(../images/buy_tit1.jpg) no-repeat; color:#222; font-size:16px; text-align:center; line-height:36px;}
.buy_tit2{margin:0 auto; width:202px; height:88px; padding-top:90px; background:url(../images/buy_tit2.jpg) no-repeat; color:#222; font-size:16px; text-align:center; line-height:36px; margin-top:30px;}
.module5 ul{margin:0 auto; width:1200px; text-align:center;}
.module5 ul li{display:inline-block; *display:inline; *zoom:1; width:260px; height:260px; margin:0 10px; position:relative; background:#f4f4f4; margin-top:40px;}
.module5 ul li.sty{display:inline-block; *display:inline; *zoom:1; width:260px; height:260px; margin:0 10px; position:relative; background:#3f65ad; margin-top:40px; text-align:center;}
.module5 ul li.sty .txt i{ width:76px; height:76px; background:url(../images/buy_tub.png) no-repeat; margin:0 auto; display:block;}
.module5 ul li.sty .txt h4{text-align:center; font-size:16px; color:#fff; line-height:48px;}
.module5 ul li.sty .txt a{ width:110px; height:30px; line-height:30px; background:#00ba99; text-align:center; color:#fff; font-size:14px; display:block; margin:10px auto; overflow:hidden;}
.module5 ul li.sty .txt a:hover{background:#00af8b;}

.module5 ul li .tit{position:absolute; left:50%; top:-27px; margin-left:-32px; width:65px; height:65px; line-height:65px; color:#fff; font-size:24px; font-weight:bold; background:url(../images/price_tit.png) no-repeat;}
.module5 ul li .txt{position:absolute; top:35px; left:20px; width:220px;}
.module5 ul li .txt h2{border-bottom:1px solid #dfdfdf; text-align:center; font-size:22px; color:#222; line-height:48px;}
.module5 ul li .txt dl{ padding:10px 0; }
.module5 ul li .txt dt{ margin:0 3px;}
.module5 ul li .txt dl .p1{display:inline-block; *display:inline; *zoom:1; font-size:24px; color:#222; vertical-align:bottom; font-weight:bold; line-height:28px;*line-height:26px;}
.module5 ul li .txt dl .p2{display:inline-block; *display:inline; *zoom:1; font-size:48px; color:#f18a2d; vertical-align:bottom; line-height:48px;*line-height:52px;}
.module5 ul li .txt dl .p3{display:inline-block; *display:inline; *zoom:1; font-size:18px; color:#222; vertical-align:bottom;line-height:28px;*line-height:22px;}
.module5 ul li .txt h4{text-align:center; font-size:18px; color:#222; line-height:48px;}

.module5 ul li .txt a{ width:110px; height:30px; line-height:30px; background:#3f65ad; text-align:center; color:#fff; font-size:14px; display:block; margin:10px auto; overflow:hidden;}
.module5 ul li .txt a:hover{background:#30509a;}

.contact{ width:450px; margin:0 auto; overflow:hidden;}
.contact p{text-align:center; color:#666; line-height:24px; padding:10px 0 20px 0;}
.contact p span{ color:#f18a2d; font-weight:bold;}
.contact .promit{background:#fee6da; line-height:28px; margin:10px 0; padding:5px 10px; text-align:center; color:#fe4f12;}
.contact li{ margin-bottom:10px; overflow:hidden;}
.contact li span{ color:#f15b2d; margin-right:5px;}
.contact li a{ width:110px; height:30px; line-height:30px; background:#f18a2d; text-align:center; color:#fff; font-size:14px; display:block; margin:10px 0 40px 115px; overflow:hidden;}
.contact li a:hover{background:#ed7724;}
.tr_left1{ width:110px; }
label.tr_left1{ float: left; line-height:18px; padding:7px 0; margin-right:5px; text-align:right; color:#222;}
.input_txt{ float:left; border:1px solid #dfdfdf; width:300px; padding:0 0 0 5px; height:32px; background:#fff;line-height:32px; font-size:14px; outline:none; }

.case1{text-align:center; overflow:hidden; width:1200px; margin:20px auto;}
.case1 li{display:inline-block; *display:inline; *zoom:1; width:262px; margin:10px;}
.case1 li .pic{width:260px; height:160px; border:1px solid #dfdfdf; text-align:center;}
.case1 li .pic img{ width:260px; height:160px;}
.case1 li .txt h4{ font-size:14px; color:#3f65ad; line-height:48px; text-align:left;}
.case1 li .txt p{font-size:14px; line-height:20px; color:#666; text-align:left;}

.case2{text-align:center; overflow:hidden; width:1200px; margin:0 auto;}
.case2 li{display:inline-block; *display:inline; *zoom:1; width:142px; margin:10px;}
.case2 li .pic{width:140px; height:86px; border:1px solid #dfdfdf; text-align:center;}
.case2 li .pic img{ width:140px; height:86px;}

#big_wwwzzjsnet { height:432px;overflow:hidden;display:none;}


.news_menu_bg{background:#ececec; height:24px; padding:6px 0; line-height:24px; text-align:center; width:620px; margin:30px auto;}
.news_menu_bg a{ width:84px; height:24px; line-height:24px; vertical-align:middle; text-align:center; display:inline-block; *display:inline; *zoom:1; margin:0 15px;font-size:14px; color:#222;}
.news_menu_bg a:hover,.news_menu_bg a.hover{background:#3f65ad; color:#fff;}

.news{width:1200px; text-align:left; margin:0 auto; overflow:hidden; padding:30px 0;}
.news li{display:inline-block; *display:inline; *zoom:1; width:49%; margin-bottom:40px; vertical-align:top;}
.news li a{display:block;}
.news li .pic{float:left; width:240px; height:140px; overflow:hidden;}
.news li .pic img{max-width:100%;}
.news li .txt{ padding:0 20px; text-align:left;display:table-cell; float: none; vertical-align:middle; width:auto; *display:block; *zoom:1; }
.news li .txt:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.news li .txt .tit{ font-size:16px; color:#222; line-height:40px; margin-bottom:0;text-align:left; width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news li .txt .tit:hover{ color:#3f65ad;}
.news li .txt p{ color:#666; line-height:22px;text-align:left; padding-bottom:12px;}
.news li .txt .more{ background:url(../images/icon6.gif) no-repeat right; padding-right:20px; color:#3f65ad; width:60px; line-height:19px;}

.location{line-height:60px; height:60px; color:#666;}
.location span{margin:0 3px;}
.location a{ color:#666;}
.location a:hover{ color:#3f65ad;}

.news_tj{float:right; width:320px;}
.news_tj h2{ border-bottom:1px solid #dfdfdf; font-size:18px; line-height:40px; margin-bottom:20px;}
.news_tj a{ display:block; color:#222; margin-bottom:30px; overflow:hidden;}
.news_tj a:hover{color:#3f65ad;}
.news_tj a img{float:left; width:110px; height:64px; margin-right:20px;}
.news_tj a span{ line-height:22px;}

.news_txt{float:left; width:840px;}
.news_txt h2{ font-size:24px; line-height:56px; color:#222; text-align:center;}
.news_txt .date{ color:#666; font-size:14px; border-bottom:1px solid #dfdfdf; line-height:20px; padding-bottom:10px; text-align:center; }
.news_txt p{ line-height:22px; padding:30px 0; color:#222;}
.news_txt .img{ text-align:center;}
.news_txt .img img{max-width:100%;}
.news_txt .btnbg{border-top:1px solid #dfdfdf; padding:10px 0 40px 0; text-align:center; margin-top:20px;}
.news_txt .btnbg a{display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; line-height:30px; color:#222; background:#ececec; text-align:center; margin:0 10px;}
.news_txt .btnbg a.no_hov{ color:#9c9c9c; cursor:default;}
.news_txt .btnbg a.no_hov:hover{ color:#9c9c9c;}
.news_txt .btnbg a:hover{color:#3f65ad;}

.about_p{ color:#222; line-height:26px; padding:30px 0; margin:0 auto; width:1120px;}
.about_tit{margin:0 auto; width:224px; height:104px; background:url(../images/about_tit.jpg) no-repeat;}
.about_list{margin:40px auto; width:1200px;}
.about_list li{float:left; width:400px; background:url(../images/about_line.gif) repeat-y top left;}
.about_list li .left{ float:left; width:69px; padding-right:1px; }
.about_list li .left .icon{width:69px; height:8px; background:url(../images/year_icon.gif) no-repeat; display:inline-block;}
.about_list li .left h4{ text-align:right; width:59px; padding-right:10px; padding-top:12px; line-height:28px; font-size:20px; color:#3f65ad;}
.about_list li .right{padding:20px 0; width:330px; float:left;}
.about_list li .right dt{ background:url(../images/year_arrow.gif) no-repeat 0 5px; line-height:20px; padding:4px 0 4px 10px; width:320px; font-size:12px;}

/*h5注册*/
.topbg {background: #202e47; height: 60px; overflow: hidden; padding: 0 10px;}
.topbg .logo {background: #202e47 url(../images/h5/logo.png) no-repeat;height:40px;width: 320px; margin-top:10px; float:left;}
.topbg dl{ float:right;text-align:right; line-height:60px; width:50%; }
.topbg dd{font-size:16px; color:#7aa5cf; margin-right:10px;display:inline-block; *display:inline; *zoom:1;}
.topbg dd.icon{background:#0091f8 url(../images/h5/icon_qqs.png) no-repeat 15px center; padding:0 15px 0 41px;font-size:14px; color:#fff; display:inline-block; *display:inline; *zoom:1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:36px; line-height:36px; cursor:pointer; margin-right:0;}
.topbg dd.icon a,.topbg dd.icon2 a:hover{ color:#fff;}
.topbg dd.icon:hover{background:#007ed8 url(../images/h5/icon_qqs.png) no-repeat 15px center;}
.topbg dd span{ color:#f18a2d; font-size:16px; line-height:60px;}
.bg .box{ width:342px;padding:0 129px 40px 129px; background:#fff;border: 1px solid #bcbcbc; box-shadow: 0 0 10px #bcbcbc; margin:32px auto; color:#222;}
.bg .box a{ color:#3f65ad;}
.bg .box h2{font-size:34px; text-align:center; color:#3b5998; line-height:56px; margin-top:30px;}
.bg .box h3{font-size:16px; text-align:center; color:#888; line-height:24px; margin-bottom:10px;}

.bg .box .codes{width:210px;float:left; height:28px; border:1px solid #e2e2e2; padding:5px 10px; background:#f5f5f5; text-align:left; margin:3px 0;}
.bg .box .codes .input_txt{ border:none; width:210px; padding:0; height:28px; background:#f5f5f5;line-height:28px; font-size:14px; outline:none; }
.bg .box .promit{height:24px; color:red; line-height:24px;}

.bg .box .input_bg{width:320px; height:28px; border:1px solid #e2e2e2; padding:5px 10px; background:#f5f5f5; text-align:left; /*margin:10px 0;*/}
.bg .box .input_bg .input_txt{ border:none; width:320px; padding:0; height:28px; background:#f5f5f5;line-height:28px; font-size:14px; outline:none; }
.bg .box label{text-align:right; line-height:28px;}

.bg .box .button_blue{ margin-top:20px;}
.bg .box .button_blue a{ height:40px; background:#3f65ad; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;line-height:40px; font-size:16px; text-align:center; color:#fff; display:block; margin:3px 0;}
.bg .box .button_blue a:hover{ height:40px; background:#30509a; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;line-height:40px; font-size:16px; text-align:center; color:#fff;}

.bg .box .tel{font-size:14px; color:#666; margin-right:10px; margin-top:10px;display:none;}
.bg .box .tel dt{ line-height:24px;}
.bg .box .tel b.color1{color:#fd6415; font-weight:bold;}
.bg .box .tel b.color2{color:#57bfff; font-weight:bold;}


@media only screen and (max-width: 769px) {
.topbg .warp{ width:100%;}	
.bg{min-width:inherit;}	
.bg .box{ width:72%;padding:0 5% 30px 5%;}
.bg .box .input_bg{ width:90%; padding:5px 5%;}
.bg .box .input_bg .input_txt{width:100%;}
.topbg dl{display:none;}
.bg .box .tel{display: block;}
}
@media only screen and (max-width: 1200px) {
.topbg .warp{ width:100%;}	
}


/*产品历程*/

.mainwrap {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.main {background: url(../images/line-bg.png) repeat-y 251px 0 #fff; padding:20px 0;}
.main .title {
    background: url(../images/clock.jpg) no-repeat left top;
    color: #000;
    font-size: 24px;
    left: 220px;
    line-height: 100px;
    padding-left: 87px;
    position: absolute;
    top: 0;
}
.main .year {
    position: relative;
    z-index: 100;
}
.main .year h2 {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding-right: 30px;
    text-align: right;
    width: 170px;
	font-weight:bold;
}
.main .year h2 a {
    color: #000;
}
.main .year h2 i {
    border-color: #7d7d86 transparent transparent;
    border-style: solid;
    border-width: 6px;
    display: block;
    height: 0;
    left: 180px;
    position: relative;
    top: -30px;
    transform-origin: 6px 3px 0;
    transition: all 0.5s ease 0s;
    width: 0;
}
.main .year .list {
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    transition: height 1s cubic-bezier(0.025, 0.025, 0, 1.115) 0s, opacity 1s ease 0s;
}
.main .year .list ul {
    bottom: 0;
}
.main .year .list ul li {
    background: url(../images/circle.jpg) no-repeat scroll 235px 31px;
    color: #333;
    padding: 24px 0;
}

.main .year .list ul li .date,.main .year .list ul li .version {
    clear: left;
    display: block;
    float: left;
    line-height: 24px;
    text-align: right;
    width: 200px;
}
.main .year .list ul li .date {
    color: #333;
    font-size: 18px;
    line-height: 42px;
}
.main .year .list ul li .intro,.main .year .list ul li .more {
    display: block;
    float: left;
    line-height: 24px;
    margin-left: 110px;
    width: 650px;
}
.main .year .list ul li .intro {
    color: #1d9ed2;
    font-size: 20px;
    line-height: 42px;
}
.cls {
}
.cls:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.online_service { background: url(../images/online_service.png) no-repeat; height: 200px; position: absolute; right: 0; top: 200px; width: 115px;}
.online_service ul { display: block; height: 200px; position: relative; width: 115px;}
#floatTool{ z-index:999;}
#floatTool .move{width: 100%;height: 24px;cursor:move;}
.online_service ul a{ display:block; width:100%; height:88px;}
.online_service ul .tel { bottom: 10px; color: #fff; display: block; font-family: "Microsoft Yahei"; font-size: 14px;font-weight:bold; height: 32px;line-height:32px; position: absolute;right: 0; text-align: center; text-decoration: none;width: 115px;}