﻿@charset "utf-8";
/* CSS Document */
html{font-size: 62.5% !important; font-family: "microsoft yahei";}
body{margin:0; padding:0; background-color:#fff; font:12px/normal "Microsoft yahei", sans-serif; color: #333333;}

.clear {clear:both; *display:inline;/*IE only*/}
.underline{text-decoration:underline;}
.text_indent{text-indent: 24px;}
 .float_left{float: left;}
.float_right{float: right;}
.twentfive{width:25%;}

.thirty{width: 33.33333%;}
.line_height_30{line-height: 30px;}
.line_height_40{line-height: 40px;}
.line_height_80{line-height: 70px;}
.width_70{width: 70%;}
.width_30{width: 30%;}
.width_60{width: 60%;}
.width_40{width: 40%;}
.center{text-align: center;text-indent:0;}
.win_center{width:100%; margin:0 auto; max-width:1200px;}
.radius{border-radius: 5px;}
.overflow{overflow: hidden;}
.img_hide_r{position: relative; opacity: 0; left: 100%;}
.img_hide_l{position: relative; opacity: 0; left: -100%;}
.text_right{text-align: right;}
.text_left{text-align: left;}
.hide{display:none;}
.font_m{font-size: 14px;}
.font_l {font-size: 16px;}
.padding_left_30{padding-left: 30px;}
.padding_left_15{padding-left: 15px;}
.padding-bot_30{padding-bottom:30px;}
.hei150{height:150px;}



#content .infos{width: 77%; max-width: 1200px; margin:0 auto; overflow: hidden;}
#content .infos h2{font-size: 26px; font-weight: normal; color: #333; line-height: 100px;}
#content .infos h2 span{color: red;}
.infos p{line-height: 35px; color: #444; font-size: 15px; overflow: hidden;}
.infos p span{display: block; float: right;}
.infos p span a{display: block; padding: 5px 40px; background: #f60; text-align: center; color: #fff; border-radius: 5px;}
.infos p span a:hover{background: #de600c;}

.gongneng{width: 77%; max-width: 1200px; margin:0 auto; overflow: hidden;}
.gongneng .gn_con{width: 25%; float: left; text-align: center;}
.gn_con h3{font-size: 20px; color: #333333; font-weight: normal;}

.special{width: 77%; max-width: 1200px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.special .special_con{margin-bottom: 20px; background: url(../Images/special_bg.png); overflow: hidden;}
.special_con .left{width: 20.083333%; float: left; background: url(../Images/special_con.png) no-repeat top right; height: 186px; text-align: center;}
.special_con .left img{margin-top: 20px;}
.special_con .left h3{color: #FFFFFF; font-size: 20px; font-weight: normal; line-height: 45px;}
.special_con .right{width: 75.583%; float: right; padding:2.08551%; position: relative;}
.special_con .right h2{font-size: 20px; color: #666; font-weight: normal; line-height: 40px; border-bottom: 1px solid #ccc;}
.special_con .right div{line-height: 30px; color: #666;}
.special_con .right div span{color: #FF6600; background: url(../Images/yuandian.png) no-repeat left center; text-indent: 15px; margin-right: 25px; display: inline-block;}
.special_con .right div.click{width: 100px; height: 40px; overflow: hidden; border-radius: 5px; background: #FF6600; line-height: 40px; text-align: center; position: absolute; bottom: 0; right: 10px;}
.special_con .right div.click:hover{background: #de600c;}
.special_con .right div.click a{color: #fff; display: block; width: 100%; height: 100%;}

.body_title h2{font-size: 32px; color: #f60; line-height: 80px;}
.body_title h3{font-size: 16px; color: #999;}

.body_nav{overflow: hidden; margin: 10px auto;}
.body_nav .body_nav_list{width: 24%;padding: 1.5%;}
.index_jianjie{max-height:120px;overflow:hidden;}
.body_nav_list:hover{background: #f5f5f5;}
.body_nav_list:hover p span{background: #1C91F5; color: #fff;}
/*.body_nav_list h2{line-height: 45px; margin-top: 20px; color: #444;}*/
.body_nav_list h2{line-height: 45px; height: 90px; margin-top: 20px; color: #FF0202; font-weight: 900; }
.body_nav_list p{color: #666;}
.body_nav_list p span{padding: 5px 10px; color: #1C91F5; border: 1px solid #1C91F5; border-radius: 5px;}

.down span{display: block; margin-right: 5px; float: left; margin-bottom: 5px; white-space: nowrap;}
.down span a{color: #fff; padding: 8px 10px; background: #3DBAE8; display: block;}
.down span a:hover{background: #f90;}



/*如何购买*/
.h_title{text-align: center; color: #fff; font-size: 48px; font-weight: normal; line-height: 100px; position: relative; bottom: 400px; opacity: 0; filter: alpha(opacity = 0);}
#buy_02 .h_title{color: #004b85;}
#buy_03 .h_title{color: #8a5e25;}
#buy_04 .h_title{color: #535353;}

#buy_01{background:url(../Images/bg101.png) no-repeat center center #0075D1; overflow: hidden;}
#buy_01 .left{width: 45%; float: left; height: 400px; position: relative; text-align: right;}
#buy_01 .left img{margin: 45px 90px 0 0; position: relative; left: -150%;}
#buy_01 .right{width: 55%; float: right;}
#buy_01 .right .buy_01_text{width: 75%; margin-top: 60px;}
.buy_01_text .list{width: 31%; margin-right: 2%; margin-bottom: 2%; padding:2% 0; float: left; background: url(../Images/list_bg.png) left top; text-align: center; transform: scale(0);}
.buy_01_text .list p{color: #fff; font-size: 16px; line-height: 50px;}
.float_wrap{overflow: hidden;}
#buy_01 .xiazai{text-align: center; margin-top: 40px; height: 100px;}
#buy_01 .xiazai a{display: block; width: 500px; height: 97px; background: url(../Images/win_bg.png) no-repeat; font-size: 34px; color: #31C2EE; line-height: 82px; text-align: right; position: absolute; left: 105%;}
@media only screen and (max-width: 1366px) {
	.buy_01_text .list{padding: 0;}
	#buy_01 .xiazai{margin: 0;}
	.hei150{height:150px;}
}




/*==================如何购买====================*/
.howbuy{width: 77%; max-width:1200px; margin:30px auto 20px; overflow: hidden;}
@media only screen and (max-width: 1024px) {
	.howbuy{width: 95%;}
}
.buy_step{overflow: hidden;}
.buy_step .step_con{width: 24%; height: 150px; position: relative;}
.buy_step .step_con .icon{height: 100px; text-align: center;}
.buy_step_01 .icon,.buy_step_01 .icon-box{padding-right: 40px;}
.buy_step_04 .icon,.buy_step_04 .icon-box{padding-left: 40px;}
.buy_step .step_con .icon span{display: block; width: 60px; height: 60px; margin:17px auto 0; background: #41AAE7; border-radius: 50%; text-align: center; border:8px solid #ECECEC;}
.buy_step .step_con .icon span:hover{background: #6D6D6D; transition:1s;}
.buy_step .step_con .icon span i{font-size: 2.5em; color: #fff; line-height: 60px;}
.step_con .icon-box{text-align: center; font-size: 14px; color: #333;}
.buy_step_01{background: url(../Images/arr_right.png) no-repeat right top; border-left: 5px solid #eee;}
.buy_step_02,.buy_step_03{background: url(../Images/arr_right.png) no-repeat right top;}
.buy_step_02 .jianjiao,.buy_step_03 .jianjiao{background: url(../Images/arr_left.png) no-repeat left top; width: 80px; height: 150px; position: absolute; left: 0; top: 0;}
.buy_step_04{background: url(../Images/arr_left.png) no-repeat left top; border-right: 5px solid #eee;}
.buy_step_02{cursor: pointer;}

.jiage,.free{margin:20px 0;}
.jiage h2,.pay h2,.free h2,.down_03 h2{font-size: 16px; font-weight: normal; line-height: 40px;}
.jiage h2 i,.pay h2 i,.free h2 i,.down_03 h2 i{color: #EA6153; margin-right: 10px;}
.jiage .jiage_con{overflow: hidden;}
.jiage_list{overflow: hidden; margin-top: 15px; line-height: 40px;}
.jiage_list:first-child{margin: 0;}
.jiage_list .title{background: #1E98F7; height: 40px; line-height: 40px; width: 100px; text-align: center; color: #fff; margin-right: 1px;}
.years span{display:block; float: left; width: 100px; margin-right: 1px; text-align: center; height: 40px; line-height: 40px; color: #333; background: #F7EDBC; cursor: pointer;}
.years span:hover{background: #f8f1cc;}
.years span.current{background: #51aef7; color: #fff;}
.jiage_list .result{width: 100px; font-size: 16px; text-align: center; border: 2px dashed #ddd; line-height: 36px; margin-right: 5px;}
.drag{position: relative; height: 40px;}
.drag span{display: block; float: left; width: 100px; height: 40px; margin-left: 1px; text-align: center; background: #F7EDBC; cursor: pointer;}
.drag span:hover{background: #f8f1cc;}
.drag span.current{background: #51aef7; color: #fff;}
.kefu_result{width: 100px; border: 2px dashed #ddd; color: #333; font-size: 16px; text-align: center; height: 36px; margin-left: 5px; display: none;}

.pay table{border-collapse: collapse; width: 100%;}
.pay table td{border:1px solid #ddd; padding:10px;}

.table{border-collapse: collapse; width: 100%;}
.table td{border: 1px solid #ddd; padding: 10px; text-align: center;}
.table_title{background: #3498DB;}

.free_con p span{display: inline-block;}




/*aboutus*/
.aboutus{width: 77%; max-width: 1200px; margin:15px auto 0;}
@media only screen and (max-width: 1024px) {
	.aboutus{width: 95%;}
}
.aboutus .first{background: url(../Images/bglogo.png) no-repeat right top;}
.aboutus .title{font-size: 32px; color: #ED545F; font-family: Microsoft YaHei;}
.aboutus .first .information{line-height: 30px; text-indent: 24px; width: 700px; padding-bottom: 15px; color: #555; font-family: Microsoft YaHei;}
.aboutus .second{margin-top: 10px; height: 235px; overflow: hidden; background: url(../Images/a01.png) no-repeat 70px 55px;}
.aboutus .second .information{line-height: 25px; text-indent: 24px; font-family: Microsoft YaHei; width: 73%; padding-bottom: 15px; color: #555; float: right; margin-top:10px;}
.aboutus .third{
	background: url(../Images/a02.png) no-repeat right top; height: 200px;}
.aboutus .third p{width: 79%; overflow: hidden;}
.aboutus .third .title span{float: right;}
.aboutus .third .information{line-height: 25px; font-family: Microsoft YaHei; text-indent: 24px; color: #555; margin-top: 10px;}
.aboutus .fourth{
	height: 235px; overflow: hidden; background: url(../Images/a03.png) no-repeat 20px 55px; }
.aboutus .fourth .information{line-height: 25px; text-indent: 24px; font-family: Microsoft YaHei; width: 70%; color: #555; float: right; margin-top: 10px;}
.aboutus .six {
    overflow: hidden;
    margin-top: 30px;
    background: url(../Images/a05.png) no-repeat right 30px;
    height: 150px;
}
.aboutus .six .information {
    float: left;
    line-height: 30px;
    text-indent: 24px;
    width: 80%;
    padding-bottom: 15px;
    color: #555;
    font-family: Microsoft YaHei;
}
.aboutus .five{
	overflow: hidden; margin-top: 30px; 
	padding-right: 30px;
	background: url(../Images/hezi.jpg) right 80px no-repeat;
	padding-top:30px;
	height:250px;}
.htitle,.wtitle a{font-size: 24px;
	color: #ED545F; 
	font-family: Microsoft YaHei;}
.wtitle a:hover{
	text-decoration:underline;
}
.aboutus .five .information{float: left;
    line-height: 30px;
    text-indent: 24px;
    width: 70%;
    padding-bottom: 15px;
    color: #555;
    font-family: Microsoft YaHei;
    margin-top: 10px;}

/*contact*/
.contact{width: 77%; max-width: 1200px; height: 0; margin:0 auto; overflow:hidden; height: 360px; margin-top: 80px;}
.big_title{text-align: center; border-bottom: 1px dashed #6cb8dc;}
.big_title h2{font-size: 30px; line-height: 70px;}
.big_title_02{text-align: center; margin-top:25px;}
.big_title_02 h1{font-size: 30px; line-height: 60px;}
.big_title_02 h2{font-size:30px; line-height:80px;}
.big_title_02 p{font-size:14px; color:#666;}
.big_title_02 h3{font-size:30px; color:#b13535; line-height:120px;}


/*agent*/
.agent_btn{display: inline-block;padding: 8px 0;background: #009CDA;color: #fff;margin-right: 15px;width: 230px;text-align:center;}
.agent_btn:hover{background: #0066FF;text-decoration: none;}
.agent_01 a.gold_yellow{text-decoration: underline;}
.table_xiexian{background: url(../Images/xiexian.png);background-size: 100% 100%;  }
.qunkong_htitle{
   font-size: 24px;
   color: #1C91F5;
}
.agent_01_list{
	width: 27.33%;
    margin: 1%;
    border-radius: 5px;
    overflow: hidden;
    height: 190px;
    padding: 2%;}
.agent_title{font-size: 24px; line-height: 65px; color: #1c91f5;}
.agent_01 .list_01{background: #ff8b66;}
.agent_01 .list_02{background: #73c2a3;}
.agent_01 .list_03{background: #c78ac6;}
.agent_01 .list_04{background: #8ecc83;}
.agent_01 .list_05{background: #5eabd9;}
/*.agent_01 .list_01 h2{background: #f67951;}
.agent_01 .list_02 h2{background: #5bb491;}
.agent_01 .list_03 h2{background: #b873b7;}
.agent_01 .list_04 h2{background: #78bd6c;}
.agent_01 .list_05 h2{background: #4e9cca;}*/
.agent_01_list h2{color: #fff; line-height: 45px;}
.agent_01_list p{padding: 0 10px 10px; color: #fff;}

.agent_02{background: #F5F5F5;}
.agent_us_list{width: 23%; margin: 1%;}
.agent_us_list h2{font-size: 16px; line-height: 60px; color: #f60;}
.tj_list{
	width: 48%; margin: 1%; height: 60px; line-height: 60px; color: #fff; border-radius: 5px;}
.tj_list .num{width: 60px; height: 60px; text-align: center; font-size: 36px; color: #fff;}
.tj_list   a{color: #fff;}
.tj_list_01{background: #1ABC9C;}
.tj_list_01 .num{background: #16A085;}
.tj_list_02{background: #2ECC71;}
.tj_list_02 .num{background: #27AE60;}
.tj_list_03{background: #3498DB;}
.tj_list_03 .num{background: #2980B9;}
.tj_list_04{background: #9B59B6;}
.tj_list_04 .num{background: #8E44AD;}


/*table*/
table{width:100%; border: 1px solid #ccc; border-collapse: collapse;}
table td,table th{border: 1px solid #ccc;  height: 35px; line-height: 35px;}
table thead th{background: #eee;}
table tbody tr:hover{background: #e9e9e9;}
table td span{color: #f00; font-size: 15px; margin-right: 10px;}
table td span.noColor{color:#000000; font-size:12px; display:block; cursor:pointer; margin: 0;}
table td span.noColor:hover{background: #D4D4D4;}


.newside{width:280px;float:right;margin-left:10px;}
.newscont{width:800px;float:left;margin-right:10px;}
.new_content #content{width:800px;margin:auto;}
.new_content #imgauto{width:800px;height:300px;position:relative;}

.new_list{width:800px;}
.new_list dd{width: 800px;display: block;padding: 20px 5px 10px;margin: auto;background: #fff;margin-bottom: 20px;}
.new_list dd .arc_left{width:200px;height:145px;float:left;}
.arc_left img{width:200px;height:145px;}
.new_list dd .arc_right{width:580px;float:right;}
.new_list dd .arc_right a{width:550px;display:block;font-size:18px;line-height:1; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_list dd .arc_right p{line-height:25px;font-size:13px;max-height:75px;overflow:hidden;text-indent:26px;}
.new_list dd .arc_right b{font-weight:normal;}
.new_list dd .arc_right span.biaoji{color:#9E7575; display:inline; height:25px; line-height:30px;padding-right:15px;font-size:12px;}

.dede_pages{margin-top:8px; padding-left:245px;overflow:hidden;}
.pagelist{width:100%;}
.sopagelist{width:500px;margin:auto;}
.dede_pages ul li{float:left;padding:0 2px; line-height:17px; margin-right:6px; overflow:hidden;}
.dede_pages ul li a{float:left; color:#666; border-bottom:1px solid #EEE;}
.dede_pages ul li a:hover{color:#690;text-decoration:none;border-bottom:2px solid #690;}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#F63;padding:2px 4px 1px;border-bottom:2px solid #F63;font-weight:bold;}
.dede_pages .pageinfo{color:#999;}
.dede_pages .pageinfo strong{color:#666;font-weight:normal; margin:0px 2px;}
.tanone table,.tanone table th,.tanone table td{border:none;}


.newside .right{border:1px solid #ccc; background:#fff;padding-bottom:20px;}
.newside .rtitle{border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;text-align: center;font-size: 16px;letter-spacing: 3px;position:relative;}
.tag{padding: 10px;max-height:200px;overflow:hidden;}
.biaoqian{position: absolute;left: 100px;bottom: 11px;}
.biaoqian2{position: absolute;left: 83px;bottom: 11px;}
.arc_tuijian{padding:10px;max-height:300px;overflow:hidden;}
.tag a{display:block;border-radius:5px;text-align:center;margin:5px;padding:5px 10px;border:1px solid #f60;background:#fcf7f3;color:#f60;overflow: hidden;    }
.arc_tuijian ul{background:url(../Images/arcul.png) no-repeat 0 1px;}
.arc_tuijian li a{padding-left:25px;display:block;height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;}
.arc_tuijian li a:hover{text-decoration:underline;}
.ztitle{font-size: 16px;letter-spacing: 3px;text-indent:10px;height:40px;line-height:40px;border-bottom:1px solid #ccc;}
.margin_t_10{margin-top:10px;}
.margin_t_15{margin-top: 15px;}
.margin_t_20{margin-top:20px;}
.margin_t_30{margin-top:30px;}
.margin_left_15{margin-left: 15px;}
.margin_r{margin-right:5px;}
a img{border:none 0;display:inline-block;}
.clear {clear:both; *display:inline;/*IE only*/}

.news_border{padding:10px;}
.news_content{line-height:30px;}
.news_content h1{text-align:center;font-size:18px;font-weight:bold;}
.news_content h2{text-align:center;font-size:18px;font-weight:bold;}
.news_content h3{border-bottom:1px #e1e1e1 solid;font-weight:normal;color:#9E7575;font-size:12px;text-align:center;padding-bottom:5px;}
.news_content h3 span{margin:5px;}
.news_text{text-indent:30px;line-height:30px;margin-top:10px;padding:0px 15px;font-size:16px; width: 760px; overflow: hidden;}
.news_text a{font-size:16px;text-decoration:underline;}
.news_text p img {  max-width: 90%; height: 90%}
.news_text div img {  max-width: 90%; height: 90%}
.xiangguan{margin:20px 10px 10px;line-height:25px;font-size:14px;}
.xiangguan a{font-size:14px;}
.likearticle {padding:10px;}
.likearticle  p {font-size: 16px;margin-bottom: 5px;border-bottom: 1px solid #62C0D4;padding-bottom: 5px;}
.liketitle{width:100%;margin:auto;}
.likearticle  a{width:47%;display:inline-table;line-height:30px;font-size:14px;padding-right:2%;overflow:hidden;}
.likearticle  a:hover,.xiangguan a:hover{text-decoration:underline;}


#banner_index{background: url(../Images/banner_index.jpg) top center; height: 350px; overflow: hidden; padding-top: 100px;}
#banner_contact{background: url(../Images/banner_contact.jpg) top center;}
.banner_about{background: url(../Images/banner_about.jpg) center; height: 360px; padding-top: 50px; text-align: center;}
.banner_about h2{color: #f60; font-size: 50px; line-height: 160px;}
.banner_about .line{width: 400px; height: 1px; /*background: #fff; */margin: 0 auto;}
.banner_about h3 {font-size: 32px;color: #fff;line-height: 60px;margin-top: 220px;opacity: 0.8;}
.banner_about .go_down{margin-top: 50px;}
#banner_buy{background: url(../Images/banner_buy.jpg) top center;}
#banner_qunkong{background: url(../Images/banner_qunkong.jpg) top center; height: 400px; overflow: hidden;}
/*@media only screen and (max-width: 1366px) {
    .banner_about{height: 280px;}
}*/

.contact_list{overflow: hidden;padding: 40px 0;}
.contact_list h2{line-height:45px;color:#369ecf;}
.contact_list p{font-size:14px;}