@charset "utf-8";
/*banner*/
.banner{ background:url(images/banner1.jpg) no-repeat center 0;height:698px;}
.banner .wslogo{float:left;width:160px; background:#fff; border-radius:0 0 5px 5px; text-align:center;padding:10px 0;}
.banner .login{float:right;border:1px solid #fff;height:34px;padding:5px;margin-top:10px; border-radius:5px;}
.banner .login .dl{display:inline-block; background:url(images/peo.png) no-repeat 5px center;width:60px;height:34px;padding-left:30px; line-height:34px;}
.banner .login .name{ font-size:18px; font-weight:700; line-height:34px;padding:0 10px;border-right:1px solid #fff;}
.banner .login .out{ line-height:34px;padding:0 10px;}
.banner .tglogo{width:136px;height:37px; margin:0 auto;padding-top:15px;}
.banner .tglogo a{display:block; background:url(images/tg_logo.png) no-repeat;width:136px;height:37px; text-indent:-9999px;}
.banner .text1{float:right;width:66.8%;padding:10px 0;}
.banner .btn{width:30%;float:right;margin-right:40px;margin-top:10px;}
.banner .btn.dw{margin-right:120px;}
.banner .btn a{display:inline-block; background:#f75a50; text-align:center;width:206px;height:50px;color:#fff; font-size:28px;padding-top:10px; border-radius:5px;}
.banner .btn a span{ font-size:12px;display:block;}
.banner .btn a:hover{ background:#f67067;text-decoration:none;}
.banner .btn .txt{ text-align:center; line-height:1.4em;padding-top:8px;color:#fff;}
.banner .text2{width:39.7%;margin-left:250px;margin-top:10px;}
.banner .btmtext{float:right;width:620px;}
.banner .btmtext dl{float:left;padding:0 15px; text-align:center;}
.banner .btmtext dd{width:90%; font-style:italic; line-height:1.2em;padding-top:5px;margin:0 auto;}
.banner .btmtext .w130{width:130px;}
.banner .btmtext .w150{width:150px;}
.banner .btmtext .w245{width:245px;}
.banner .text3{display:none;text-align:center;margin-top:15px;}
.banner .text4{display:none;text-align:right;margin-top:50px;}
.banner .text4 img{height:260px;}
.banner .text5{text-align:right;}
@media (max-width: 979px) {
	.banner .tglogo{width:210px;height:33px; margin:0 auto;padding-top:15px;}
	.banner .tglogo a{display:block; background:url(images/tg_logo3.png) no-repeat;width:210px;height:33px; text-indent:-9999px;}
	.banner .text1,.banner .text2,.banner .btmtext{display:none;}
	.banner .text3,.banner .text4{display:block;}
	.banner .btn{width:40%;margin-right:100px;margin-top:20px;}
	.banner .btn.dw{margin-right:100px;margin-top:20px;}
}
@media (max-width: 767px) {
	.banner{ background-position:right 0;}
	.banner .tglogo{padding-top:30px;}
	.banner .text3,.banner .text4{ text-align:center;}
	.banner .wslogo{width:120px;}
	.banner .wslogo img{height:30px;}
	.banner .login{height:26px;}
	.banner .login .dl{padding-left:30px; line-height:26px;height:26px;}
	.banner .login .name{ font-size:14px; font-weight:700; line-height:26px;padding:0 5px;border-right:1px solid #fff;}
	.banner .login .name img{height:26px;}
	.banner .login .out{ line-height:26px;padding:0 5px;}
	.banner .text4 img{height:auto;}
	.banner .btn{float:none;width:70%;margin:20px auto 0 auto;}
	.banner .btn.dw{margin:20px auto 0 auto;}
	
}
@media (max-width: 479px) {
	.banner{height:auto;padding-bottom:40px;}
	.banner .wslogo{width:90px;}
	.banner .wslogo img{height:24px;}
}

.pro_banner{ background:url(images/tg_bg.jpg) no-repeat center 0;}
.pro_banner .pic{float:right;width:54.5%;}
.pro_banner .text{float:left;width:35%;margin-top:100px;}
.pro_banner .text h2{ font-size:20px; font-weight:700;}
.pro_banner .text .dd{margin-top:10px;}
.pro_banner .text .btn{margin-top:20px;}
.pro_banner .text .btn a{display:inline-block; background:#f75a50; text-align:center;width:160px;height:50px;color:#fff; font-size:20px;padding-top:5px; border-radius:5px;}
.pro_banner .text .btn a span{ font-size:12px;display:block;}
.pro_banner .text .btn a:hover{ background:#f67067;text-decoration:none;}
@media (max-width: 979px) {
	.pro_banner{display:none;}
}

.mainbox{ background:url(images/main_bg.gif) repeat;padding:50px 0;}
.mainbox .title{height:87px; text-align:center;}
.mainbox .faq{float:left;width:380px;}
.mainbox .faq h3{ background:url(images/nav_bg.gif) repeat-x;height:57px; border:1px solid #000;color:#fff; line-height:57px; font-size:16px; font-weight:700;padding:0 15px; text-align:right; cursor:pointer;}
.mainbox .faq h3 strong{ font-size:30px;}
.mainbox .faq ul{ background:#fff;margin:0 10px;padding:30px 40px;}
.mainbox .faq li{margin-bottom:20px;}
.mainbox .faq .arw1,.mainbox .faq .arw2{ background:url(images/arrow_bg.png) no-repeat;height:10px; font-size:0;}
.mainbox .faq .arw2{ background-position:0 -10px;}
.mainbox .news{float:right;width:50%;}
.mainbox .news .area{border-top:2px solid #dedede;border-bottom:2px solid #dedede;padding-top:50px;}
.mainbox .news .area .dot{display:inline-block; background:url(images/dot.png) no-repeat;width:19px;height:19px;margin:0 2px;}
.mainbox .news .area dl{ text-align:center;margin-bottom:50px;}
.mainbox .news .area dt{ font-size:22px; font-weight:700;margin-top:3px;}
.mainbox .news .area dd{ font-style:italic;}
.mainbox2{background:#fff;}
.mainbox2 .lpic{float:left;width:40%;margin-top:-80px;}
.mainbox2 .rpic{float:right;width:60%;margin-top:-60px;}
@media (max-width: 979px) {
	.mainbox .news{width:44%;}
}
@media (max-width: 767px) {
	.mainbox2{padding:30px 0;}
	.mainbox2 .rpic{float:none;width:auto; text-align:center;margin-top:30px;}
	.mainbox2 .lpic{float:none;width:auto; text-align:center;margin-top:-120px;}
	.mainbox .faq{float:none;width:380px;margin:0 auto;}
	.mainbox .news{float:none;width:auto;margin:50px auto 0 auto;}
	.mainbox .news .area dl{margin-bottom:30px;}
}
@media (max-width: 479px) {
	.mainbox2{padding:0;}
	.mainbox2 .lpic{margin-top:30px;}
	.mainbox .faq{width:auto;}
	.mainbox .faq ul{padding:20px;}
	.mainbox .faq h3{ font-size:13px;}
	.mainbox .faq .arw1,.mainbox .faq .arw2{ background:url(images/arrow_bg2.png) no-repeat;}
	.mainbox .faq .arw2{ background-position:0 -10px;}
}

.btmbox{ background:url(images/btm_bg.gif) repeat-x;padding:30px 0 50px 0;}
.btmbox .share{ text-align:center;height:49px;}
.btmbox .share .facebook,.btmbox .share .twitter,.btmbox .share .rss{ display:inline-block;background:url(images/share_icon.png) no-repeat;width:49px;height:49px;margin:0 15px; text-indent:-9999px;}
.btmbox .share .twitter{ background-position:0 -49px;}
.btmbox .share .rss{ background-position:0 -98px;}
.btmbox .tit{padding:20px 0 10px 0; text-align:center;color:#fff;}
.btmbox .dd{color:#fff; font-size:12px;padding-top:15px;border-top:1px solid #1b1b20; line-height:1.6em; text-align:center;}
@media (max-width: 979px) {
	.btmbox{display:none;}
}

.btmbtn{display:none;margin-top:40px;}
.btmbtn .btn{ text-align:center;}
.btmbtn .btn a{display:inline-block; background:#f75a50; text-align:center;width:206px;height:50px;color:#fff; font-size:28px;padding-top:10px; border-radius:5px;}
.btmbtn .btn a span{ font-size:12px;display:block;}
.btmbtn .btn a:hover{ background:#f67067;text-decoration:none;}
@media (max-width: 979px) {
	.btmbtn{display:block;}
}

.tc_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:200;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.pop_box{position:fixed; left:50%; top:0; margin:0 0 0 -335px; z-index:201;background:url(images/bg1.png) repeat; border-radius:5px;width:600px;padding:30px 35px;}
.pop_box .btn_close{float:right;display:block; background:url(images/btn_close.png) no-repeat center center;width:30px;height:30px; cursor:pointer;margin:-20px -20px 0 0;}
.pop_box .tips{background:url(images/circle.png) no-repeat; text-align:center;color:#f26559;width:130px;height:118px;margin:0 auto;padding-top:12px;}
.pop_box .tips strong{display:block; font-size:60px; font-weight:900; line-height:60px;}
.pop_box .logo{padding:15px 0; text-align:center;}
.pop_box .wel{color:#fff; font-size:50px; font-weight:900; text-align:center; line-height:1.2em;}
.pop_box .txt1{color:#fff; text-align:center; font-size:20px;padding:15px 100px; line-height:1.4em;}
.pop_box .txt2{color:#fff; text-align:center; font-size:18px; font-style:italic;}
.pop_box .txt3{color:#fff; text-align:center; font-size:14px; font-style:italic;}
.pop_box .txt4{color:#fff; text-align:center; font-size:24px;padding:15px 50px; line-height:1.4em;}
.pop_box .txt4 strong{display:block; font-size:30px;}
.pop_box .txt4 span{color:#b7ea47;}
.pop_box .txt5{color:#fff; text-align:center; font-size:13px; font-style:italic;padding:0 70px 15px 70px;}
.pop_box .txt5 a{color:#b7ea47;}
.pop_box .txt6{color:#b7ea47;text-align:center; font-size:20px;padding-bottom:20px;}
.pop_box .share{height:91px; text-align:center;padding:20px 0;}
.pop_box .share span{margin:0 20px;}
.pop_box .linkbox{width:400px;margin:0 auto;}
.pop_box .linkbox .ipbg{float:left;background:#fff; border-radius:5px;height:26px;width:250px;padding:5px 10px;}
.pop_box .linkbox .ipbg input{width:250px;height:26px; line-height:26px; outline:none;color:#666; font-size:12px; border:none;}
.pop_box .linkbox .btn{float:right;}
.pop_box .redbtn{display:inline-block; background:#f75a50; text-align:center;width:120px;height:36px;color:#fff; font-size:18px; border-radius:5px; line-height:36px;}
.pop_box .redbtn:hover{background:#f67067;text-decoration:none;}
.pop_box .linkbox .mail{float:left;background:#fff url(images/input_icon.png) no-repeat 5px 3px; border-radius:5px;height:26px;width:220px;padding:5px 10px 5px 40px;}
.pop_box .linkbox .mail input{width:220px;height:26px; line-height:26px; outline:none;color:#666; font-size:12px; border:none;}
@media (max-width: 767px) {
	.pop_box{ position:absolute;left:0;top:0;width:auto;margin:0;padding:30px 15px;}
	.pop_box .btn_close{margin:-20px 0 0 0;}
	.pop_box .wel{ font-size:30px;}
	.pop_box .txt1{padding:15px;}
	.pop_box .txt4{padding:15px;}
	.pop_box .txt5{padding:0 15px 15px 15px;}
}
@media (max-width: 479px) {
	.pop_box .share{height:70px; text-align:center;padding:20px 0;}
	.pop_box .share img{height:70px;}
	.pop_box .share span{margin:0 5px;}
	.pop_box .linkbox{width:auto;}
	.pop_box .linkbox .ipbg{float:none;width:auto;}
	.pop_box .linkbox .ipbg input{width:288px;}
	.pop_box .linkbox .btn{float:none; text-align:center;margin-top:10px;}
	.pop_box .linkbox .mail{float:none;width:auto;}
	.pop_box .linkbox .mail input{width:220px;}
}