@charset "gb2312";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333; overflow-x:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
body,html{overflow-x:hidden;}

/*banner*/
.cuxiao{width: 1920px;position:relative;left: 50%;margin-left: -960px;top:0; background:#101010 url(../images/top_bg.png) no-repeat top center; font-family:"΢ÈíÑźÚ";}
.cuxiao .pro_rel{ display:block; height:200px; position:relative;}

.nav_box{ width:1200px; margin:0 auto; padding:40px 0;}
.nav_box ul li{ float:left; padding-top:20px;background:url(../images/navbg.png) no-repeat bottom; width:269px; height:116px; margin:0 15px; cursor:pointer;}
.nav_box ul li:hover{background:url(../images/navbg_h.png) no-repeat bottom;}
.nav_box ul li.on{background:url(../images/navbg_h.png) no-repeat bottom;}
.nav_box ul li img{ display:block; margin:0 auto; }
.nav_box_f{position:fixed;  top:0; left:0; width:100%;  z-index:20; background: #000;filter: alpha(opacity=80); background: rgba(0,0,0,.8);}
.nav_box_f  .nav_box{ padding:10px 0;}
.nav_box_f  .nav_box ul li{ padding-top:10px; height:90px; }
.nav_box_f  .nav_box ul li img{ height:70px;}


.pro_bg{background:url(../images/pro_bg.png) repeat-y  center top;}

.part1{background:url(../images/probg_01.png) no-repeat top center; width:1210px; margin:40px auto; height:730px;}
.main_box{margin:0px auto; position:relative; padding:40px 0;}
.part1 li{ position:absolute;}
.part1 li.ren{ top:-30px; left:10px; z-index:1;}
.part1 li.pro_x{ top:20px; right:0px;}
.part1 li.pro_nr{ top:485px; left:30px;color:#9a9999; font-size:18px; line-height:30px; width:320px; z-index:3;}
.part2{background:url(../images/probg_02.png) no-repeat top center; width:1210px; margin:40px auto; height:760px;}
.part3{background:url(../images/probg_03.png) no-repeat top center; width:1210px; margin:40px auto; height:750px;}
.part4{background:url(../images/probg_04.png) no-repeat top center; width:1210px; margin:40px auto; height:660px;}
.part2 li{ position:absolute;}
.part2 li.ren{ top:-30px; right:10px; z-index:1;}
.part2 li.pro_x{ top:20px; left:0px;}
.part2 li.pro_nr{ top:485px; right:20px;color:#9a9999; font-size:18px; line-height:30px; width:320px; z-index:3;}

.team{ width:873px; margin:0 auto;}
.team img{ display:block; margin:0 auto;}








.bord1{width: 29px;height: 29px;position:absolute;left: 50%;top: 50%;margin-left: -16px;margin-top: -16px;border-radius: 50%;border:1px solid #fff;display:block;-webkit-animation:autorun .8s infinite linear;animation:autorun .8s infinite linear;background:url(../images/dot.png) repeat center ;}
.bord{width: 17px;height: 17px;position:absolute;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;border-radius: 50%;border:3px solid #fff;display:block;background:url(../images/dot.png) repeat center ;-webkit-animation:autorun .8s infinite linear;animation:autorun .8s infinite linear;}
.gif_b{-webkit-animation:autorun .8s infinite linear;animation:autorun .8s infinite linear;}
@keyframes autorun{
0%{transform:scale(1);opacity:1;}
100%{transform:scale(1.5);opacity:0;}
}
@-webkit-keyframes autorun{
0%{-webkit-transform:scale(1);opacity:1;}
100%{-webkit-transform:scale(1.5);opacity:0;}
}
.no-run{border-radius: 50%;width: 14px;height: 14px;background: #fff;position:absolute;left: 50%;top: 50%;margin-left: -8px;margin-top: -8px;}
.quan{ width:29px; height:29px; margin:0 auto; position:absolute; left:50%; margin-left: -50px;top: 536px; cursor:pointer;}
.quan2{ margin-left: -230px;top: 340px;}
.quan3{ margin-left: -160px;top: 340px;}
.quan4{ margin-left: -121px;top: 130px;}

.txt1_01{ position:absolute; top: 580px; left:50%; margin-left: -155px;z-index: 3; line-height:23px; padding:5px; font-size:16px; display:none; background: #fff;filter: alpha(opacity=80); background: rgba(255,255,255,.8);}
.txt1_02{ top: 371px; margin-left: -241px;}
.txt1_03{ top: 385px; margin-left: -265px;}
.txt1_04{ top: 169px; margin-left: -175px;}







/*comments show*/
.comments_out{margin:0 auto;padding:87px 0 46px;width:100%;background:#050029;}
.comments{margin:0 auto;width:1020px; padding-bottom:40px;font-family:"SimSun","ËÎÌå";}
.says{padding:10px;line-height:38px;font-size:30px;font-weight:normal;color:#fff;font-family:"Microsoft YaHei","΢ÈíÑźÚ";}
.cm_form{ position:relative; width:100%; }
#loading,#formRight,#formError { position:absolute; left:50%; top:20%; background-color:#ff2c37; font-size:16px;border-radius:5px; color:#fff;  }
.cm_pic,.cm_txt{display:block;float:left;display:inline;}
.cm_txt{padding:11px;width:904px;height:80px;font-size:14px;color: #000;resize:none;background:#fff;border-radius:5px;border:4px solid #888; float:right;}
.cm_pic{margin-right:14px;width:64px;height:64px; border:2px #fff solid;}
.clears{clear:both;overflow:hidden;}
.comt{position:relative;height:40px; line-height:54px; text-align:left;text-indent:85px;font-size:14px;color:#fff; padding-bottom:10px;padding-right: 120px; text-align:right;}
.comt em,.comt em i{font-style:normal;}
.comt em{}
.comt em i{font-weight:bold;}
.comt .comt_put{position:absolute;right:3px;top:10px;width:94px;height:33px;font-size:16px;color: #fff;font-weight:bold;vertical-align:middle; background:#ff2c37; border-radius:8px; border:0;}
.hots{height:24px;line-height:24px;border-bottom: 2px solid #ff2c37;}
.hots em{display:block;float:left;width:88px;height:24px;line-height:22px;text-align:center;color:#fff;font-size:18px;font-weight:normal;font-style:normal;font-family:"Microsoft YaHei","΢ÈíÑźÚ";
background: #ff2c37;}
.hots a{display:block;float:right;font-size:18px;color:#fff;font-family:"Microsoft YaHei","΢ÈíÑźÚ";}
.cm_lists{}
.list_l,.list_r{clear:both;overflow:hidden;margin:19px 0;padding-bottom:13px;}
.list_l .list_pic,.list_r .list_pic{margin-top:3px;display:block;width:58px;height:58px;}
.list_l .list_pic,.list_l .contents{float:left;}
.list_l{border-bottom:1px solid #888;}
.list_r .list_pic,.list_r .contents{float:right;}
.contents{width:947px;}
.ct_ip{font-size:14px;font-weight:bold;color:#fff;}
.list_l .ct_ip,.list_l .ct_nums{margin-left:19px;text-align:left;}
.list_r .ct_ip,.list_r .ct_nums{margin-right:19px;text-align:right;}
.ct_infos{margin:1px 0;}
.ct_infos em{display:block;padding:6px 2px 6px 9px;line-height:20px;font-size:14px;color:#fff;font-style:normal;
}
.list_l .ct_infos{padding-left:15px;}
.list_r .ct_infos{padding-right:15px;background:url(../images/shangxiapic.png) no-repeat 432px -45px;}
.ct_nums{width:920px;}
.ct_nums i,.ct_nums a{display:block;display:inline;color:#837ea4;}
.ct_nums i{float:left;font-style:normal;font-size:14px;}
.ct_nums a{float:right;font-size:14px;font-family:"Microsoft YaHei","΢ÈíÑźÚ";}
.ct_nums a img{margin-right:7px;vertical-align:middle;}
.ct_more{margin:0 auto;display:block;width:540px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#837ea4;}
.blank_hb{clear:both;overflow:hidden;display:block;padding:18px 0 5px;width:100%;text-align:center;}
.list_l img { width:58px; height:58px; border:2px solid #888; }

/*comments show end*/
































.tab_nan{border-right:1px #a80000 solid; float:left; height:550px;}
.tab_nan ul li{ padding:20px 0;position:relative; }
.tab_nan ul li .ren_box{ background:url(../images/renbg.png) no-repeat; width:150px; height:173px; float:left;}
.tab_nan ul li .ren_box img{ display:block; margin:0 auto;}
.tab_nan ul li .ren_js{ float:left; padding:45px 40px 0 20px; }
.tab_nan ul li .ren_js span{ display:block; width:90px; height:30px; line-height:30px; text-align:center; font-size:18px; background:#000; color:#fff;}
.tab_nan ul li .ren_js p{ font-size:14px; line-height:23px; padding-top:15px;}
.tab_nan ul li   i{ width:13px; height:16px; position:absolute; right:0; top:50%; margin-top:0px;background:url(../images/san.png) no-repeat; display:none;}
.tab_nan ul li.on .ren_box{ background:url(../images/renbg_on.png) no-repeat;}
.tab_nan ul li.on .ren_js span{ background:#a80000;}
.tab_nan ul li.on .ren_js p{ color:#a80000;}
.tab_nan ul li.on   i{ display:block;}

.con_box{ float: right;}
.con_box li{ display:none; width:735px; position:relative;}
.con_box li.on{ display: block;}
.con_box li p{ font-size:20px; line-height:30px; color:#e2017b; padding:20px 0;}
.con_box li p.pro_js{ position:absolute; width:340px; top:395px; left:-375px; line-height:33px;}

.con_box1{ position: relative; padding-top:30px;}
.con_box1 li{ display:none; position:relative;}
.con_box1 li.on{ display: block;}

.qiqiu{ width:185px; height:329px; position:absolute; left:70px; top:-180px;background:url(../images/qiqiu.png) no-repeat; }
.hua{ width:449px; height:280px; position:absolute; top:-30px; left:395px;background:url(../images/hua.png) no-repeat;}



.pic_box1{ float: left; padding:10px; border:1px #b0b0b0 solid;}
.pic_box2{ float:right; width:410px;}
.tab_1{ position:absolute; right:0; bottom:225px;}
.tab_1 ul li{ width:175px; height:195px; background:url(../images/quan.png) no-repeat left top; float:left; position:relative; margin-right:20px; padding:12px 0px 0 5px; }
.tab_1 ul li img{ position:relative; z-index:1;}
.tab_1 ul li i{ position:absolute; top:12px; left:5px; background:url(../images/nv_bg.png) no-repeat; z-index:2;display:block;  width:170px; height:170px;}
.tab_1 ul li.on i{ display:none;}


.img_box{ width:1220px; margin:0 auto; padding:20px 0;}
.img_box ul li{ padding:0 5px; float:left;}
.bm_an{ position:absolute; left:50%; bottom:100px; margin-left:-8px;}