@charset "utf-8";
body{font:12px/2 "微软雅黑", "Microsoft YaHei","Microsoft YaHei UI";color:#666;background:url(images/bk.png);min-width:1000px}
body,ul,dl,ol,form,input{ padding:0; margin:0; list-style:none};
img{border:none}
i{background:url(images/ico.png) no-repeat; display:inline-block;*display:inline;*zoom:1;font-size:0; margin-right:6px}
input,textarea{border:1px solid #e5e5e5; border-radius:2px; resize:none;height:30px; line-height:30px; padding:0 6px; outline:none}
textarea{height:auto}
.i_t{ background-position:-75px 0;width:5px;height:20px; margin:-4px 6px -4px 0}
.cf:after{display:block; content:" "; line-height:0; overflow:hidden; clear:both;height:0;}
.cf{overflow:hidden;*zoom:1;}
.cfbox{ height:0; line-height:0; overflow:hidden; clear:both}
a{color:#666666; text-decoration:none}
a.more{color:#ffb033;float:right;font:10px Arial, sans-serif;}
a.more i{background-position:-50px 0px;width:5px;height:9px;}
a.more:hover{color:#be8522}
.c3,a.c3,.nav a,strong,h1,h2,h3{color:#333333}
a.button1,.button1{padding:5px 8px; border:none;border-radius:3px; background:#ffb933;color:#fff; line-height:1;float:right}
a.button1:hover,.button1:hover{background:#cc9329;color:#fff}
a.button2,.button2{display:inline-block;display:inline;zoom:1;background:#ff2323;border:none; border-radius:4px; padding:8px 30px; cursor:pointer;color:#fff; transition:background .2s linear}
a.button2:hover,.button2:hover{background:#e52020;color:#fff}
a:hover{color:#be8522}

.wback,.head_form input,.box680,.box300,.box1000{background-color:#fff;}
.yback,.head_top{background-color:#ffca14}

.f14,.nav,.box_t{font-size:14px}
.log{float:left;height:80px; padding:18px 0; position:relative}
.logs{ position:absolute;left:100%;top:15px}
.logs img{width:361px;height:45px;}
.box,.box1200,.box680,.box300{width:1000px; margin:0 auto;}
.box{min-width:1000px;}
.box1000,.box680,.box300{margin-top:20px;padding:0 10px 10px 10px; overflow:hidden}
.box680,.box300,.box200,.box780{float:left;}
.box680{width:660px;margin-right:20px}
.box300{width:280px;}
.box500{width:500px;}
.box200{width:200px; margin-right:20px}
.box780{width:780px}
.box1200{width:1200px; min-width:1200px}
.box200 .wback{ margin-bottom:20px; padding:0 10px 10px 10px}


.h_video{ padding:0;width:300px;height:242px;background-color:#000;}
.h_about{height:140px;overflow:hidden}
.h_about img{float:left; margin-right:20px}
.h_pro_list{ margin-right:-10px;}
.h_pro_list li{float:left; padding-right:10px;text-align:center}
.h_pro_list li img{width:188px;height:188px; vertical-align:middle}
.h_pro_list a{color:#be8522}
.h_list{margin:0 -30px 0 -10px;}
.h_list .box500{ margin-right:20px; width:490px;float:left}
.h_list .box_t{ margin:0 0 20px 0}
.h_list ul{ margin:0 10px; line-height:2.5}
.h_list img{float:left; margin:0 15px 10px 0;width:140px;height:100px}
.h_list h3{ font-weight:lighter;color:#333; margin:0; line-height:1}
.h_list p{ margin-bottom:0;color:#999; line-height:2}
.h_fr{ margin-right:-10px}
.h_fr li{float:left; padding-right:10px}
.h_fr img{width:124px;height:124px; vertical-align:middle}
.h_cont{background:url(images/conbk.png) right bottom no-repeat; margin:-10px; padding:10px;}
.h_cont h4{background:url(images/contbk.png) no-repeat;color:#fff;font-size:16px; padding-left:10px; margin:0 -10PX 3px -10px}
.h_li li{float:left;width:98px; white-space:nowrap; }
.h_li a{color:#999}
.h_li a:hover{ text-decoration:underline}
.date{float:right;color:#999;}
.top_left_b{background-image:url(images/ico.png); background-position:-177px 0; background-repeat:no-repeat}

.box_t{border-bottom:1px solid #ffca14; line-height:1; padding:15px 10px 7px 10px; margin:0 -10px 20px -10px}

.box_t .en{ font:700 13px Arial, sans-serif;color:#d2d2d2}
.head_top,.nav{ line-height:1}
.head_nav,.nav,.right{float:right}
.head_nav li{float:left; margin:5px 0 5px 18px; padding:6px;}
.head_form{padding:0; position:absolute;left:805px;top:10px;background:#ffca14; border-radius:3px; padding:2px}
.head_form input{float:left;width:160px;border:none; outline:none; line-height:24px;height:24px;border-radius:0px;}
.head_form .input_t{ padding:0 24px 0 6px}
.head_form .input_b{width:24px;background:#ffca14 url(images/ico.png) 5px 2px no-repeat; margin-left:-24px;}
.head{background:#fff;}
.nav li{float:left;padding:21px 16px; margin:60px 0 0 0; position:relative; text-align:center; z-index:999;}
.nav strong{font-size:16px}
.sub_nav{width:100%;display:none;position:absolute;top:100%;left:0;}
.on .sub_nav{display:block;}
.on a{color:#333; transition:background .2s linear}
.on a:hover{}
.sub_nav,.on,.ona{background:rgba(255,202,20,.8)}
.sub_nav a{display:block; padding:12px 0;font-size:12px}
.sub_nav a:hover,.sub_on{background:rgba(255,255,255,.8)}
.head_nav .top_tel{ padding:0}
.top_tel i{background-position:0px -112px;width:146px;height:24px;}
.banner,.banner_l{height:650px; background:#666; overflow:hidden; }
.banner{position:relative;}
.banner_l{height:260px; margin:0}
.list_t{ margin-top:-61px}
.left_d{ margin:0px -10px 0 -10px}
.left_d dt{ padding-top:30px;font-size:20px;color:#ffb401; font-weight:bold; line-height:1}
.left_d p{color:#dadada; margin:15px}
.left_d dd{margin:0; padding:15px 15px 5px 15px;border-top:1px solid #ffca14}
.left_d dd a{display:block; padding-left:50px; line-height:36px; transition:background-color .2s linear,color .2s linear;}
.left_d dd a:hover{background-color:#ffb401;color:#fff}
.box200 .h_cont h4{ background-position:-30px 0;font-size:14px}
.box200 .h_cont{ background-position:0 60px; padding-top:0}
.current{padding:24px 20px; line-height:1;border-bottom:1px solid #ffca14;}
.pro_list{ margin:0px -1px 0 0px; text-align:center; padding-bottom:1px}
.pro_list li{border:1px solid #f2f2f2;border-left:none;border-TOP:none;float:left;width:175px; margin:0 -1px -1px 0; padding:10px 10px 0 10px}
.pro_list img{ vertical-align:middle}
.pro_list P{ margin:10px 0}
.pro_sear_list li{ margin:20px 0; padding:20px;border-bottom:1px solid #e5e5e5}
.pro_sear_list li img{float:left; margin-right:20px;width:120px;height:120px}
.pro_sear_list li h3{ margin:0;float:left}
.pro_sear_list li span{display:inline-block; margin-left:20px; border:1px solid #F90;color:#f90; border-radius:3px; line-height:1; padding:2px 4px}
.pro_sear_list li .p{border-color:#09F;color:#09F}
.i_c{ background-position:-110px 0;width:5px;height:9px; margin:0 6px}


.pro_p{width:370px;height:340px; margin:40px 10px;float:left;}
.pro_p h1{ margin:0 0 15px; line-height:1;}
.pro_p ul{}
.pro_p li span{color:#333}
.pro_pimg{ text-align:center}
.pro_body{ margin:40px 10px}
.pro_show .pro_list{ margin:0 -10px 10px ;}
.pro_show li{border-bottom:none;}
.reply dt{border-bottom:1px solid #f5f5f5}
.reply dd{ margin:0px 0 30px; padding:10px 40px;background:#fafafa}
.reply .m{float:right}
.form_message dt{float:left;width:80px; line-height:30px}
.form_message dd{ margin:15px 0}

.m{color:#CCC; margin-left:15px}
.new_list{padding:20px; line-height:36px}
.new_list li{border-bottom:1px dotted #e5e5e5;}
.new_list a{display:block;*zoom:1; transition:background .2s linear}
.new_list a:hover{ background:#fafafa}

.big{height:600px; margin-bottom:60px; overflow:hidden;}
.big li{text-align:center; }
.sma{overflow:hidden;width:660px; background:#e5e5e5; padding:10px 0;float:left}
.sma img{width:120px;height:80px;}
.sma li{float:left; margin-left:10px;font-size:0;background:#000; cursor:pointer}
.sma .on img{border:2px solid #F90;width:116px;hight:76px}
.bleft,.bright{background:url(images/ico.png) 0 -32px no-repeat;width:50px;height:50px;float:left; margin-top:25px}
.bright{background-position:-43px -32px}
#imgs { position:relative}
#imgs a{height:100%;width:50%; position:relative; position:absolute;top:0;left:0; z-index:999; background:none}
#imgs .ne{left:50%}
#imgg li{ position:relative; }
#imgg li span{position:absolute;left:0;top:0;width:100%;height:100%;transition:background-color .3s ease-in-out;background:rgba(0,0,0,.0);}
#imgg li:hover span{background:rgba(0,0,0,.5) url(images/z.png) center center no-repeat;}
#imgg li span a{display:block;height:100%;}
#imgg li span P{DISPLAY:none}
.foot{background:#272727 url(images/foot.png) top center no-repeat; margin-top:60px; padding-top:30px}
.foot dl{float:left;width:250px; line-height:22px; margin-bottom:30px}
.foot dt{line-height:40px; font-weight:bold;font-size:14px}
.foot dd{ margin:0;}
.foot h4{ margin:0}
.foot .tcenter{ margin:10px 0}
.tcenter{ text-align:center}

.pages{ text-align:center; margin:60px 0; line-height:1;font-size:0;}
.pages a{display:inline-block; *display:inline;*zoom:1; border-radius:2px;border:1px solid #e5e5e5; padding:10px 14px; margin:0 5px;font-size:12px; transition:all .2s linear}
.pages a:hover,.pages a.on{background:#ffd33d;border-color:#ffd33d;color:#fff}

.change-bnt,.next{position:absolute;float:left; border-radius:50%; width:40px;height:40px;background:url(images/ico.png) 0 -32px no-repeat;top:50%; margin-top:-20px;display:none;}
.next{right:0; background-position:-53px -32px}

#newpro .change-bnt{ margin-top:-40px}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides a{display:block;height:100%}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height:650px;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;

  border: 0;
  }
.rslides_tabs{position:relative;margin:-170px -20px 0 0;text-align:center;z-index:999;font-size:0; }
.rslides_tabs li{float:left;width:320px;height:160px; margin-right:20px; background-color:#000; box-shadow:0 0 5px #333; overflow:hidden}
.rslides_here img,.rslides_tabs .button1{transition:all .5s ease-in-out}
.rslides_here img{ opacity:.5}
.rslides_tabs .button1{line-height:18px; position:relative;float:left; margin:-45px 0 0 -100px;font-size:14px; padding:5px 20px;}
.rslides_here .button1{ display:block;float:left; margin-left:20px}
/* qq-client */
.qq-client{position:fixed;right:0px;top:20%;margin-top:-80px; z-index:20000}
.qq-client a{width:40px;height:150px;text-align:center;padding:0px 0px;line-height:35px;display:block; color:#FFF; font-size:16px; font-weight:bold; padding-top:10px}
.qq-client-content{ z-index:999999999;position:fixed;right:-250px;top:12%;width:150px;display:none;background:url(images/QQ_bg.jpg) no-repeat left top;}
.qq-client-content h1{font-size:18px; font-weight:bold; color:#2fb41d;width:90%;margin:0px auto; padding-left:58px;height:50px;line-height:50px;position:relative; margin-top:15px; margin-bottom:10px}
.qq-client-content h1 span{font-weight:normal;position:absolute;left:-15px;top:-25px;cursor:pointer;background:url(images/icon.png) no-repeat left -132px;width:30px;height:30px;line-height:40px;text-align:center;}
.qq-client-list{ margin-bottom:10px; overflow:hidden}
.client-list{height:26px;overflow:hidden;line-height:26px;width:90px;margin:0px auto; margin-bottom:15px;background:url(images/icon.png) no-repeat left -174px; text-indent:25px}
.client-list a{display:block; color:#d2ab66}
.client-list a:hover{background:url(images/icon.png) no-repeat left -200px; color:#FFF; }
.img{ width:100px; height:100px;margin:0px auto;}
client-list label{float:left;width:60px;text-align:right;padding-right:10px;}

.qq-client-open{background:#2fb41d; border-radius:6px}
.hot{font-size:16px;font-weight:bold;color:#2fb41d; width:130px; margin:10px auto; line-height:24px}
