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



/*遮罩层动画*/
.shade{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 20}
.shade_main{ position:absolute; top: 50%; left: 50%; margin-top: -210px; margin-left: -296px; width:592px; height:419px; background: url("../images/shade_bg.png")}
.shade_close{ position:absolute; width: 51px; height: 39px; margin-left: 450px; cursor: pointer; z-index: 24}
.shade_img { position: absolute; top: 15px; left: 50%; width: 384px; height: 384px; margin-left: -199px; z-index: 21}
.shade_text_bg { position: absolute; width: 452px; height: 109px; top: 325px; left: 50%; margin-left: -226px; z-index: 22}
.shade_text1,.shade_text2,.shade_text3 { position: absolute; top: 340px; left: 165px; z-index: 23}
#shade_run1 { margin-left: 15px}
#shade_bus1 { margin-top: -10px; margin-left: 50px}
#shade_bus2 { margin-top: -5px;}
#shade_test1 { margin-left: -10px}
#shade_test3 { margin-left: -13px}
#shade_clock1 { margin-top: -5px; margin-left: 30px}
#shade_clock2 { margin-left: 30px}
#shade_clock3 { margin-left: 10px}
.shade_buy1 { position: absolute; top: 13px; left: 97px}
.shade_buy2 { position: absolute; top: 335px; left: 195px; z-index: 22}
.shade_buy3 { position: absolute; top: -35px; left: 95px; z-index: 22}
.shade_buy4 { position: absolute; top: 335px; left: 175px; z-index: 22}

.screen_1{ background:#28b866; width:100%; clear:both; position:relative;}
.screen_2{ background:#D88E3E; width:100%; clear:both; position:relative;}
.screen_3{ background:#2C8FD1; width:100%; clear:both; position:relative;}
.screen_4{ background:#1BBC9C; width:100%; clear:both; position:relative;}

.screen_con_1{ clear:both; width:100%; top:50%; margin:-230px 0px 0px 0px;  color:#FFF; text-align:center;  position:absolute;}
h1,h2,h3{font-weight:normal; line-height:0px;}
.screen_1_h1{ display:block; padding:0px 0px 30px 0px;}
.screen_1_h2{ padding:0px 0px 20px 0px;}
.screen_1_h3{ padding:0px 0px 20px 0px;}
.screen_con_img1{ width:100%;}
.screen_con_img1 img{ width:100%; max-width:1400px; max-height:330px;}


.screen_con_2{ clear:both; width:1200px; margin:0px auto; color:#FFF; left:50%; top:50%; margin:-170px 0px 0px -600px;  position:absolute;}
.screen_2_left{ float:left; width:530px; padding:30px 0px 0px 45px;}
.screen_2_right{ float:right; width:580px; padding:0px 45px 0px 0px; position:relative;}
.screen_2_j{ position:absolute; top:342px; left:66px;}
.screen_2_tit{ font-size:55px;}
.screen_2_int{font-size:25px; color:#FFF000; height:65px;}
.screen_2_ul li{ float:left; width:175px; padding:3px 0px;}
.screen_2_ul li a{ color:#FFF; background:url(../images/index_g.png) no-repeat left center; padding-left:25px;}
.screen_2_ul li a:hover{ color:#FF0; background:url(../images/index_gs.png) no-repeat left center;}

.screen_2_but{ clear:both; padding-top:20px;}
.screen_2_a{ border:2px solid #FFF; border-radius:5px; display:block; height:45px; line-height:45px; float:left; padding:0px 25px; margin-right:20px; color:#FFF; font-size:20px;}
.screen_2_a:hover{color:#FF0; border:2px solid #FF0; }


.screen_con_3{ clear:both; width:1200px; margin:0px auto; color:#FFF; left:50%; top:50%; margin:-255px 0px 0px -600px;  position:absolute;}
.screen_3_right{ float:right;width:540px; padding:100px 0px 0px 0px;}
.screen_3_left{ float:left; padding:0px 0px 0px s5px;}

.screen_con_4{clear:both; width:1200px; margin:0px auto; color:#FFF; left:50%; top:50%; margin:-220px 0px 0px -600px;  position:absolute;}
.screen_4_list{ padding:40px 0px 0px 0px; height:60px;}
.screen_4_ul li{padding:3px 0px; float:left; padding:0px 30px 0px 0px;}
.screen_4_ul li a{ color:#FFF; background:url(../images/index_g.png) no-repeat left center; padding-left:25px; font-size:18px;}
.screen_4_ul li a:hover{ color:#FF0; background:url(../images/index_gs.png) no-repeat left center;}
.screen_4_left{float:left; width:480px; padding:150px 0px 0px 80px;}
.screen_4_right{ float:right; width:480px; padding:0px 100px 0px 0px;}


.h_f_s{ font-size:40px;}

.video_tit{ font-size:14px; background:url(../images/v_i.png) no-repeat 10px center; padding:0px 0px 0px 30px; height:30px; line-height:30px;}
.video_div{ position:absolute; bottom:20px; left:20px; width:320px; height:270px; background: url(../images/b_bg.png) repeat-x #fff; z-index:1000; border-radius:5px;}
.video_con{ padding:0px; width: 320px; height: 240px;}






.contact_div{ border-top:1px solid #ddd; clear:both; padding:40px 0px 0px 0px; background:url(../images/ban_about.png) no-repeat center; zoom:1; height:450px;}
.contact_div:after{ display:block; clear:both; content:""; font-size:0px; height:0px; line-height:0px;}
.cont_con{ width:1100px; margin:0px auto; padding:120px 0px 0px 0px;}
.cont_img{ float:left; height:242px; width:372px;  padding:14px 0px 0px 12px; background:#fff;  position:relative;}
.qr_img_div{ position:absolute; right:7px; bottom:7px; border:5px solid #fff;}
.cont_text{ float:right; width:680px;}
.cont_about{ font-size:17px; line-height:35px;  padding:0px 0px 15px 0px; background:url(../images/abo_ds.png) repeat-x left 45px; color:#fff;}
.about_tit{ font-size:25px; height:35px; padding:0px 0px 10px 0px; color:#fff;}
.cont_us{ padding:15px 0px 0px 0px;}
.contact_us{ clear:both; width:1100px; margin:0px auto; padding:30px 0px 0px 0px; zoom:1;background:url(../images/con_bg_img.png) no-repeat center bottom;}
.contact_us:after{ display:block; content:""; clear:both; height:0px; font-size:0px; line-height:0px;}


.con_sty1{ width:270px; height:77px; float:left; margin:0px 25px 0px 0px; color:#fff; font-size:20px; padding:23px 0px 0px 80px; background:url(../images/con_img_1.png) no-repeat; line-height:25px;}
.con_sty2{ width:270px; height:77px; float:left; margin:0px 20px 0px 0px; color:#fff;font-size:20px; padding:23px 0px 0px 80px; background:url(../images/con_img_2.png) no-repeat; line-height:25px;}
.con_sty3{ width:270px; height:77px; float:right; color:#fff;font-size:20px; padding:23px 0px 0px 80px; background:url(../images/con_img_3.png) no-repeat; line-height:25px;}
.cont_cor{font-size:25px;}



.qr_n_div{ float:left;  padding:20px 40px 0px 0px; width:130px; font-size:13px; text-align:center;}
.co_a_s{ color:#093;}
.co_a_s:hover{ color:#06C;}
.qr_n_t{ text-align:center; line-height:40px; }
.qr_js{ clear:both; height:40px; } 
.qr_l_div{ float:left;}
.qr_ul li{ line-height:35px;}
.qr_jss a{ color:#393;}
.qr_jss{ padding:20px 0px 0px 0px;}


.pro_det_con{ border-top:1px solid #ddd; margin:101px 0px 0px 0px;}
.pro_det_wid{ width:1000px; margin:0px auto; padding:50px 0px; zoom:1;}
.pro_det_wid:after{ display:block; clear:both; content:""; font-size:0px; height:0px; line-height:0px;}
.pro_det_img{ width:400px;}
.pro_det_img_t{ width:520px; padding:15px 0px 0px 0px;}
.pro_det_img_tit{ background:url(../images/pro_det_log.png) no-repeat left center; height:53px; line-height:53px; font-size:30px; padding:0px 0px 0px 155px;}
.pro_det_ms{ font-size:15px; color:#666; padding:8px 0px 0px 0px; height:50px;}
.pro_det_jg{ padding:0px 0px 25px 0px;}
.pro_det_jgn{font-size:40px; color:#FF6700; padding:0px 5px 0px 0px;}
.pro_det_xz{ color:#666;}
.pro_det_ul{ display:block; zoom:1;}
.pro_det_ul:after{ display:block; clear:both; content:""; font-size:0px; height:0px; line-height:0px;}
.pro_det_ul li{ float:left; padding:10px 10px 0px 0px;}
.pro_det_li{ border:1px solid #ddd; height:60px; width:60px; padding:5px; cursor:pointer;}
.pro_det_li:hover{ border:1px solid #31CA32;}
.pro_det_lis{ border:1px solid #31CA32; height:60px; width:60px; padding:5px; cursor:pointer; position:relative;}
.pro_det_g{ position:absolute; background:url(../images/pro_det_g.png) no-repeat; height:27px; width:27px; right:0px; bottom:0px;}
.pro_det_but{ padding:20px 0px 0px 0px;}
.pro_det_but_sty{ display:block; border:0px; background:#FF6700; height:60px; width:190px; font-size:30px; color:#fff; font-family:"微软雅黑"; border-radius:5px; margin:0px 20px 0px 0px; cursor:pointer; outline:none;}
.pro_det_but_sty:hover{ background:#E05D03;}
.pro_det_but_stys{ display:block; border:1px solid #ddd; background:#fff; height:60px; width:190px; font-size:26px; color:#333; font-family:"微软雅黑"; border-radius:5px; cursor:pointer; outline:none; color:#999;}
.pro_det_nav{ height:50px; line-height:50px; width:100%; background:#F2F2F2;}
.pro_det_nav_con{width:1000px; margin:0px auto; position:relative;}
.pro_det_nav_ul li{ float:left; width:200px; text-align:center; display:block; cursor:pointer;}
.pro_det_li_bg{ background:#FFA21C; color:#fff; display:block;}
.pro_det_sc{ clear:both;width:1000px; margin:0px auto; padding:20px 0px 0px 0px;}
.pro_det_kf{ position:absolute; right:120px; top:8px; background:url(../images/kf_bg_i.png) repeat-x; height:32px; line-height:32px; color:#fff; border-right:1px solid #22B325;border-left:1px solid #22B325;border-bottom:1px solid #22B325; border-top:1px solid #2CBC2E; width:120px; cursor:pointer;}
.pro_det_kf:hover{background:url(../images/kf_bg_is.png) repeat-x;}
.pdk_tit{ background:url(../images/kf_bg.png) no-repeat 10px center; padding:0px 0px 0px 40px; color:#fff;}