@charset "utf-8";
/* CSS Document */

/* 首页新手引导页 */
.slideway{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000') \9;}
.slideway .slid_a{ position:absolute; right:15px; top:15px; cursor:pointer;}
.slideway10{ position:relative;}
.slideway1200{ width:1200px; margin:0 auto; z-index:99999; position:absolute; top:0; left:50%; margin-left:-600px;}
.slideway1200 .img1{ padding-top:78px; padding-left:290px; width:140px; height:99px; float:left;}
.slideway1200 .img2{ position:absolute; z-index:9999; top:-22px;}
.slideway1200 .img3{ padding-top:640px; position:absolute; z-index:9999;}
.slideway1200 .img4{ padding-top:1110px; position:absolute; z-index:9999;}
.slideway1200 .img5{ padding-top:4050px; position:absolute; z-index:9999;}
.slideway1200 .img6{ padding-top:4520px; position:absolute; z-index:9999;}
.slideway1200 .img7{ padding-top:5780px; position:absolute; z-index:9999;}

/* 轮播 */
.flexslider {margin: 0px auto;	position: relative;	width: 100%;height: 400px;overflow: hidden;	zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav{width:1200px; margin: 0px auto;position: relative;}
.flex-direction-nav a {	width:41px; height:69px; line-height:99em; overflow:hidden; margin:-20px 0 0;display: block;background: url(../images/icon-slides.png) no-repeat;position: absolute;top:184px;z-index: 10;cursor: pointer; opacity: 0; filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.6;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.6;	filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {	width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {	background: url(../images/dot.png) no-repeat 0 -16px; display:block; height:16px; overflow:hidden;text-indent:-99em; width:16px; cursor:pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {	width:100%; height:400px; display:block;}


/* 重要公告 */
.not_box{ height:40px; background-color:#fff; font-size:14px;}
.not_box .not{ width:78px; height:26px; border-radius:3px; background-color:#01a65a; text-align:center; line-height:26px; color:#fff; float:left; margin-top:7px;}
.not_box .not a{ color:#fff;}
.not_box li{ width:374px; height:40px; float:left; line-height:40px; }
.not_box li i{ float:left; margin-top:18px; width:5px; height:5px; background-color:#00a65a; border-radius:5px; display:inline-block; margin-left:18px;}
.not_box li a{ margin-left:10px; float:left; overflow:hidden; font-size:14px; width:260px; height:40px; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.not_box li a:hover{ color:#01a65a;}
.not_box li span{ float:right; color:#999;}

.offer_box{ width:100%; display:inline-block;}
.offer_box .offer{ height:42px; border-bottom:1px dashed #c0c0c0; width:1200px; text-align:center; position:relative; margin:70px auto 30px auto;}
.offer_box .offer .pos{ position:absolute; width:240px; background:#f5f5f5; top:-6px; left:50%; margin-left:-120px; z-index:999;}
.offer_box .offer .pos h2{ font-weight:300;}
.offer_box .offer .hori{ width:30px; height:4px; background-color:#01a65a; margin-left:105px;}
.offer_box .offer .feat{ color:#666; font-size:14px;}
.offer_box .offer .dott{ font-size:30px; height:30px; width:240; margin-bottom:12px; margin-top:20px; font-weight:bold;}

.offer_box .pictu{ margin:40px -10px 0 -10px; display:inline-block;}
.offer_box .pictu ul{ height:240px; overflow:hidden;}
.offer_box .pictu li{ background-color:#fff; width:285px; height:240px; float:left; margin:0 10px;position:relative; -webkit-transition: all .2s linear; transition: all .2s linear;}
.offer_box .pictu li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.offer_box .pictu li a{ width:285px; height:240px; display:table-cell; vertical-align:middle; text-align:center;}
.offer_box .pictu li a img{ max-width:285px; max-height:240px;}

.offer_box .pictu_hc{ margin:40px -7px 0 -8px; display:inline-block;}
.offer_box .pictu_hc .supp_img{ width:228px; height:320px; display:table-cell; vertical-align:middle; text-align:center;}
.offer_box .pictu_hc .supp_img img{ max-width:228px; max-height:320px;}
.offer_box .pictu_hc li{ width:228px; height:320px; background-color:#fff; float:left; margin:7px 8px 7px 7px; position:relative; -webkit-transition: all .2s linear; transition: all .2s linear;}
.offer_box .pictu_hc li span{ height:228px; width:228px; display:table-cell; vertical-align:middle; text-align:center;}
.offer_box .pictu_hc li span img{ max-width:228px; max-height:228px;}
.offer_box .pictu_hc li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.offer_box .pictu_hc li p{ text-align:center;}
.offer_box .pictu_hc .size14{ color:#333; font-size:14px; height:24px; margin-left:15px; margin-right:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.offer_box .pictu_hc .size14 a{ color:#333;}
.offer_box .pictu_hc .size12{ color:#666; font-size:12px; height:24px; line-height:24px; margin-top:5px; margin-left:15px; margin-right:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.offer_box .pictu_hc .size16{ font-size:16px; color:#dd4b39; height:24px; line-height:24px; margin-left:15px; margin-right:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.offer_box .pictu_hc .size16 em{ font-size:14px; color:#dd4b39;}

.brand{ margin:0 -6px 0 -5px; float:left; margin-top:40px;}
.brand li{ width:162px; height:76px; float:left; margin:0 6px 11px 5px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.brand li a{ width:162px; height:76px; vertical-align:middle; text-align:center; display:table-cell; background-color:#fff;}
.brand li a img{ max-width:162px; max-height:60px;}
.brand li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

/* 普天之声 */
.voice{ width:1200px; float:left; margin-top:30px;}
.voice_left{ width:100%; background-color:#fff; float:left;}
.voice_left .vo_tit{ height:43px; border-bottom:1px solid #ddd;}
.voice_left .vo_tit span{ float:right; margin-right:10px; line-height:43px; font-size:16px;}
.voice_left .vo_tit span a{ color:#888; font-size:14px;}
.voice_left .vo_tit span a:hover{ color:#0689e1;}
.voice_left .vo_tit li{ width:92px; float:left; height:31px; padding-top:11px; padding-left:30px; cursor:pointer; display:block;font-size: 17px;}
.voice_left .vo_tit li:hover{ color:#01a65a;}
.voice_left .vo_tit li.on{ width:91px; height:33px; padding-left:29px; border-top:3px solid #0689e1; border-left:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; padding-top:8px;}
.voice_left .vo_tit .first.on{ width:91px; padding-left:30px; border-left:none; height:33px; border-top:3px solid #0689e1; border-right:1px solid #ddd; background-color:#fff; padding-top:8px;font-size: 17px;}

/* 左边 */
.voice_left .new_box{ display:block; width:100%;}
.voice_left .graph{ display:none; margin:3px 10px;}
.voice_left .graph li{ float:left; padding:22px 0 21px 0; border-bottom:1px solid #eee; width:100%; height:50px;}
.voice_left .graph li:last-child{ border-bottom:none;}
.voice_left .graph .fa_image{ margin-left:10px; width:186px; height:116px; float:left; overflow:hidden; vertical-align:middle; text-align:center; display:table-cell;}
.voice_left .graph .fa_image img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.voice_left .graph .fa_image img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.voice_left .graph .fa_image a:hover{ z-index:1;}
.voice_left .graph .fa_text{ float:left; width:960px; margin-left:20px;}
.voice_left .graph .fa_text a{ color:#666;}
.voice_left .graph .fa_text .headli{ font-size:16px; margin-bottom:14px; font-weight:300; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.voice_left .graph .fa_text .headli a{ color:#333;}
.voice_left .graph .fa_text .headli a:hover{ color:#0689e1;}
.voice_left .graph .fa_text .date{ font-size:14px; margin-bottom:15px; width:960px; float:left; color:#666;}
.voice_left .graph .fa_text .date span{ float:left;}
.voice_left .graph .fa_text .date .date_c{ color:#a5a5a5; margin-right:25px;}
.voice_left .graph .fa_text .date i{ color:#a5a5a5;}
.voice_left .graph .fa_text .date i a{ color:#999; float:left;}
.voice_left .graph .fa_text .date i a:hover{ color:#d36f16;}
.voice_left .graph .fa_text .date .label{ background: url(../images/label.png) no-repeat center left; padding-left:20px; float:left;}
.voice_left .graph .fa_text .conte{ height:40px; overflow:hidden;}
.voice_left .graph .fa_text .conte a{ font-size:14px; color:#888; width:960px; height:40px; float:left; overflow:hidden;}
.voice_left .graph .fa_text .conte a:hover{ color:#666;}

/* 右边 */
.voice_rig{ width:312px; margin-left:8px; background-color:#fff; float:left; display: none;}
.voice_rig .voice_r_ul{ border-bottom:1px solid #ddd; height:43px; color:#666; font-size:16px; display:inline-block;}
.voice_rig .voice_r_ul li{ float:left; cursor:pointer;}
.voice_rig .voice_r_ul .buye{ padding-left:30px; float:left; width:126px; padding-top:11px; height:33px;}
.voice_rig .voice_r_ul li.on .buye{ border-right:1px solid #ddd; width:125px; padding-left:30px; color:#333; height:33px; background-color:#fff; border-top:3px solid #01a65a; padding-top:8px;}
.voice_rig .voice_r_ul .supp{ padding-left:31px; float:left; width:125px; padding-top:11px; height:33px;}
.voice_rig .voice_r_ul .supp a{ display:block;}
.voice_rig .voice_r_ul li.on .supp{ border-left:1px solid #ddd; width:125px; padding-left:30px; color:#333; height:33px; border-top:3px solid #01a65a; padding-top:8px; background-color:#fff;}

.voice_rig .rank{ margin:0 12px; float:left; display:none;}
.voice_rig .rank li{ height:63px; width:288px; float:left; border-bottom:1px solid #f5f5f5; font-size:14px;}
.voice_rig .rank li:last-child{ border-bottom:none;}
.voice_rig .rank .digit{ height:50px; width:50px; float:left; text-align:center; padding-top:6px; color:#01a65a; font-size:24px; font-weight:bold;}
.voice_rig .rank .d_gray{ color:#999;}
.voice_rig .rank .compa{ float:left; height:50px; width:230px; padding-top:10px;}
.voice_rig .rank .compa p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px;}
.voice_rig .rank .compa p a{ color:#333;}
.voice_rig .rank .compa .compa333{ color:#999; margin-top:3px;}

/* 友情链接 */
.links_box{ width:1200px; margin:0 auto; margin-top:40px; margin-bottom:40px; background-color:#fff; display:inline-block;}
.links_box .links{ margin:10px 20px; border-bottom:1px solid #ddd; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:bold;}
.links_box ul{ width:100%; margin:0 20px;}
.links_box ul li{ width:145px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#666; height:20px; line-height:20px; margin-bottom:6px;}
.links_box ul li a{ color:#666;}
.links_box ul li a:hover{ color:#01a65a;}

/* 404 */
.error404{ width:408px; margin:100px auto; text-align:center; display:block;}
.error404 p{ margin-top:50px;color:#999; font-size:16px;}
.error404 a{ padding:12px 32px; background-color:#01a65a; color:#fff; display:inline-block; border-radius:35px; margin-top:20px;}

/* 500 */
.error500{ width:408px; margin:100px auto; text-align:center; display:block;}
.error500 p{ margin-top:50px;color:#999; font-size:16px;}
.error500 a{ padding:12px 32px; background-color:#01a65a; color:#fff; display:inline-block; border-radius:35px; margin-top:20px;}

/* 订单完成 */
.fulfi{ text-align:center; display:block; padding-top:60px; padding-bottom:10px; border:1px solid #ddd; background-color:#f8f8f8; margin:60px 0;}
.fulfi .lations{ color:#01a65a; font-size:26px; font-weight:300; margin-bottom:80px; }
.genera{ font-size:20px; color:#666;}
.genera i{ color:#01a65a; padding:0 10px; font-size:26px;}
.fulfi p{ margin:0 30px;}
.fulfi p a{ color:#01a65a; font-size:16px; line-height:30px;}
.fulfi .look{ padding:12px 76px; border:1px solid #ddd; display:inline-block; color:#01a65a; background-color:#fff; margin:20px 0;}


/* 底部固定浮动框 */
.floating{ position:fixed; bottom:0; z-index:9999; width:100%;}
.floating .imgbox{ width:1200px; margin:0 auto; position:relative;}
.floating .imgbox .img{ width:322px; height:227px; position:absolute; z-index:99999; margin-top:-77px; margin-left:60px;}
.floating .imgbox .float_img6{ width:246px; height:150px; position:absolute; z-index:99999; margin-left:440px;}
.floating .imgbox .ferweima{ position:absolute; z-index:99999; left:760px; top:15px;}
.floating .imgbox .ferweima li{ display:none;}
.floating .imgbox .twonum{ position:absolute; z-index:99999; left:760px; top:15px;}
.floating .imgbox .download{ position:absolute; z-index:999999; right:0; display:block; top:55px; right:120px;}
.floating .imgbox .scann{ position:absolute; z-index:999999; right:0; display:block; top:20px; right:120px;}
.floating .imgbox .scann .img1{ background:url(../images/float_img1.png) no-repeat; width:173px; height:44px; margin-bottom:15px; cursor:pointer;}
.floating .imgbox .scann .img1.on{ background:url(../images/float_img1_hover.png) no-repeat;}
.floating .imgbox .scann .img2{ background:url(../images/float_img2.png) no-repeat; width:173px; height:44px; cursor:pointer;}
.floating .imgbox .scann .img2.on{ background:url(../images/float_img2_hover.png) no-repeat;}
.floating .imgbox .scann { background:url(../images/float_img1_hover.png) no-repeat;}
.floating .imgbox .app{ position:absolute; z-index:99999; left:760px; top:120px; color:#fff; font-size:17px;}
.floating .float_img3{ right:0; position:absolute; z-index:999999; cursor:pointer; top:25px; right:15px;}
.floating .bg{ width:100%; height:150px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000');}