@charset "utf-8";

/* CSS Document */



.product_bg{margin:50px auto 0 auto;width:100%;}

.product{margin:0 auto;width:1180px; height:920px; overflow:hidden;}

.list{ float:left; width:240px;background:#f0f0f0; }

.list .list_t{height:96px;background:url(../images/left_t.png) no-repeat center; display:block;}

.list .list_t h2 a{ font-size:24px; color:#fff;display:block; font-weight:bold; text-align:center;padding-top:15px;}

.list .list_con{ float:left;width:240px; }





#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}

#menu a {display: block;text-decoration: none;	}

#menu li { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}

#menu li .first{background:url(../images/list.png) no-repeat center; height:42px;width:210px;margin:29px 0px 15px 15px;}

#menu li a.first { height:42px;font-size:16px;color:#fff; line-height:42px; display:block; text-indent: 25px;}

#menu li ul li{height:45px; line-height:45px;margin:0px auto; border-bottom:1px dashed #dcdcdc;}

#menu li ul li a {color: #333;font-size:14px; text-align:left; padding-left: 50px;}



#tab{width:915px;position:relative;margin:0 auto 0 18px; float:right;}                            

#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; height:40px; border-bottom:1px solid #d5d5d5;}

#tab .tab_menu li{float:left;width:125px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px 10px 0px 0;  background:#ef6c29; }

#tab .tab_menu li a{font-size:16px; color:#fff;}

#tab .tab_box{width:915px;height:auto;clear:both;top:60px;position:relative; float:right; overflow:hidden;}

#tab .tab_menu .selected{background:#db2102 ;cursor:pointer;color:#fff; height:40px;}



#tab .tab_box ul li{width:283px; height:263px;float:left;margin:5px 20px 20px 0px; position:relative; border:1px solid #dcdcdc; }

#tab .tab_box ul li a{color:#fff; font-size:14px; color:#fff; text-align:center; display:block; line-height:30px;overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; }

#tab .tab_box ul li p{width:285px; height:30px; line-height:30px;background:url(../images/ico1.png) repeat center; position:absolute; bottom:0;}

#tab .tab_box ul li.last{ overflow:none;}

#tab .tab_box ul li img{ width:285px; height:263px; position:relative}

#tab .hide{display:none;}



.ys_bg{ width:100%; margin:50px auto 0 auto; background:url(../images/ys_bg.jpg) no-repeat center; height:836px;}

.ys_bg .youshi{ width:1180px; margin:0 auto;height:630px;}

.ys_bg .youshi .ys{ width:1180px; margin:0 auto; height:580px; padding-top:50px; }

.ys_bg .youshi .ys .ys_t a{ margin:0 auto;font-size:36px; font-weight:bold; text-align:center; color:#fff; display:block; }

.ys_bg .youshi .ys .ys_t a span{font-size:18px; font-weight:normal; text-align:center; color:#fff;display:block;}

.ys_bg .youshi .ys .ys_t p{ font-size:12px; font-weight:normal; text-align:center;color:#c3c3c3;text-transform: uppercase;  }

.ys_bg .youshi .ys_nr{ width:450px; float:right; margin:110px 80px 0 0;} 

.ys_bg .youshi .ys_nr li{ line-height:30px; color:#fff; font-size:15px; height: 115px; } 

.ys_bg .youshi .ys_nr li.ys3{ margin-top:15px;}

.ys_bg .youshi .ys_img{ float:left; width:223px;  height:406px;margin: 65px 0 0 170px;}



.banner1{margin:0 auto;width:100%; height:240px;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .nr{font-size:22px; color:#fff;text-align:center; line-height:50px; width:720px; margin:10px 0 0 0px; float:left;font-weight:bold;}

.banner1 .zx .nr p{font-size:18px; color:#e44213; font-weight:normal;line-height: 40px;margin: 10px 0px 0 100px;}

.banner1 .zx .zx1{ width:250px; float:right;margin:5px 0px 0 50px;}

.banner1 .zx .zx1 .rexian{color:#fff; font-size:16px;margin-right:30px;}

.banner1 .zx .zx1 .rexian p{color:#fff; font-size:24px; line-height:30px; font-weight:bold; }

.banner1 .zx .buttom{width:195px; height:39px; text-align:center; line-height:39px;margin:20px 0px 0 0px; background:url(../images/zx.png) no-repeat center;}

.banner1 .zx .buttom a{font-size:16px; color:#333; font-weight:bold;}



.jjfa{

  height: 600px;

  margin: 70px auto 0 auto;

  width:1180px;

  

}

.jjfa .container{

  position: relative;

}

.jjfa .jjfa_t{

  width: 255px;

  height: 130px;

  background: #f6f6f6;

  padding:30px 25px 70px 25px;

}

.jjfa .jjfa_t h3 a{

  display: block;

  color: #373737;

  font-size: 24px; 

  z-index:2;

  position: relative;

  background:url(../images/case_t.jpg) no-repeat top left; 

  font-weight:bold;

  line-height: 50px;

}

.jjfa .jjfa_t h3 P{ color:#707070; font-size:14px; font-weight:normal; margin-top:10px}

.jjfa .jjfa_t .more{background:url(../images/xq.png) no-repeat center; width:127px; height:37px; display:block; text-align:center; line-height:37px; color:#fff; font-size:14px; margin-top:20px;}



.jjfa .jjfa_b{

  position: absolute;

  top: 0px;

}

.jjfa .jjfa_b .jjfa_b_one{

  position: relative;

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_img{

  width: 740px;

  height: 440px;

  overflow: hidden;

 position: absolute;

 top: 0;

 right: 0px;

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_img img{

  width: 652px;

  height: 391px;

  transition: all 0.3s;

}

.jjfa .jjfa_b .jjfa_b_one:hover img{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_text{

  width: 450px;

  height: 187px;

  background:#444;

  position: absolute;

  top: 205px;

  left:50px;

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_text h3 a{

  font-size:18px;

  display: block;

  margin: 25px 0 0 42px;

  color: #fff;

}

.jjfa .jjfa_b .jjfa_b_one:hover .jjfa_b_one_text h3 a{

  color: #fff;

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_text p{

  width:  420px;

  display: block;

  margin: 20px auto ; 

  line-height: 30px;

  color: #fff;

  height: 115px;

  overflow: hidden;

  font-size:14px;

}

.jjfa .jjfa_b .jjfa_b_one .jjfa_b_one_text span a{

  float: right;

  margin-right: 40px;

  color: #666;

  margin-top: 10px;

  width: 120px;

  height: 35px;

  background: #3ba86f;

  color: #fff;

  line-height: 35px;

  text-align: center;

}

.jjfa .jjfa_b .jjfa_b_one:hover .jjfa_b_one_text span a{

  background: #3682f9;

  border-radius: 20px;

  font-size: 16px;

}

.jjfa .jjfa_b .jjfa_b_li_1{

  margin-top: 20px;

}

.jjfa .jjfa_b ul{

  width: 1300px;

  position: relative;

top: 440px;

}

.jjfa .jjfa_b li{

  width: 286px;

  height: 117px;

  margin-right: 20px;

  border: 1px solid #e5e5e5;

  position: relative;

  float: left;

  transition:all .8s ease-out;

}

.jjfa .jjfa_b li:hover{

	background:#d3231a;

  transition:all .8s ease-out;

}

.jjfa .jjfa_b .jjfa_b_li_1{

  float: right;

  width: 140px;

  margin-right: 5px;

  margin-top: 5px;

}

.jjfa .jjfa_b .jjfa_b_li_1 h4 a{

  font-size: 14px;

  overflow: hidden;

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight:bold;

}

.jjfa .jjfa_b li:hover h4 a{

  color: #fff;

  font-size:14px; 

}

.jjfa .jjfa_b .jjfa_b_li_1 p{

  line-height: 24px;

  color: #666;

  height: 50px;

  overflow: hidden;

  margin-top:15px;

}



.jjfa .jjfa_b .jjfa_b_li_1 .more{ position:absolute; right:0; bottom:0;}



.jjfa .jjfa_b li:hover p{color: #fff;}

.jjfa .jjfa_b .jjfa_b_li_1 span{

  background: url(../images/bak_16.png) no-repeat;

  height: 29px;

  width: 29px;

  position: absolute;

  top: 108px;

  right: 0;

}

.jjfa .jjfa_b .jjfa_b_li_1 span a{

  padding: 10px 0 0 17px;

  color: #fff;

  font-size: 16px;

  display: block;

}

.jjfa .jjfa_b .jjfa_b_li_1_img{

  width: 123px;

  height: 107px;

  overflow: hidden;

  margin: 5px;

}

.jjfa .jjfa_b .jjfa_b_li_1_img img{

  width: 123px;

  height: 107px;

  transition: all 0.3s;

}

.jjfa .jjfa_b li:hover .jjfa_b_li_1_img img{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}



.review_bg{width:100%; background:#f6f6f6;height:720px; margin:0 auto;}

.review{width:1180px;margin:20px auto 0 auto; }

.review_title{width:1180px; margin: 0 auto; padding-top:50px;}

.review_title h3 a{font-size:36px;color:#333; text-align:center;font-weight:bold;  display:block; }

.review_title h3 a span{color:#ef6c29;}

.review ul li{ float:left;width:570px; margin:20px 10px; position:relative;}

.review ul li .jz_img{ float:left; width:170px; height:170px; background:#f4f4f4; border-radius:50%; position:absolute; left:0; z-index:99;top: 30px;}

.review ul li .jz_img img{ width:160px; height:160px; border-radius:50%; padding:5px;}

.review ul li .neir{width:480px; float:right; height:220px; background:#fff; padding:10px;position:relative;}

.review ul li .neir h5 a{font-size:16px; color:#333; padding:30px 0 10px 100px; font-weight:bold; display:block;}

.review ul li .neir p{ margin:15px 0 0 100px; line-height:24px; width:360px;height:90px; text-align:left; color:#555; overflow:hidden;}

.review ul li .neir .xq a{color:#fff;margin:10px 0px 0 100px; font-size:14px; width:85px; height:30px; background:#db2102; line-height:30px; text-align:center; display:block;}



.banner2{margin:0 auto;width:100%; height:331px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner2 .zx {width:1180px;margin:0 auto;}

.banner2 .zx .nr{font-size:24px; color:#fff;text-align:left; line-height:45px; width:1180px; margin:0px auto; padding:55px 0px 0 50px; float:left;font-weight:bold;}

.banner2 .zx .nr p{font-size:24px; color:#fff; font-weight:normal;margin-right: 75px;}

.banner2 .zx .zx1{ width:595px; float:left;margin:20px 0px 0 0px;}

.banner2 .zx .zx1 .rexian{color:#fff; font-size:18px; text-align:left; float:left; line-height:46px;margin-left: 55px; }

.banner2 .zx .buttom{width:142px; height:40px; text-align:center; line-height:40px; background:#ef6c29; float:left; margin:0 50px;}

.banner2 .zx .buttom a{font-size:18px; color:#fff;}



.about_bg{width:100%;margin:0 auto;height:411px; background:#eee; }

.about{width:1180px;margin:0 auto; position:relative; padding-top:0px;}

.about .left{ float:left;width:880px;height:325px; background:#ef6c29; margin-top:40px; }

.about .left .ab_t h3 a{ font-size:18px; font-weight:bold; color:#fff; display:block; margin:10px 20px;}

.about .left .ab_nr{ height:280px; float:left;}

.about .left .ab_img{ float:left; width:304px; height:210px;margin: 10px 0 0 20px;}

.about .left .ab_img img{ width:304px; height:210px; margin: 0px 0px; border:1px solid #c4c4c4; }

.about .left .ab_nr .box{ height:280px; float:left; width:450px;}

.about .left .box h3 a {font-size:16px; color:#fff;margin:10px 0 10px 30px; font-weight:bold; display:block;}

.about .left .box p{ font-size:14px;width:400px; text-indent:2em; line-height:240%; color:#fff; height:140px; overflow:hidden; margin: 10px 0 0 30px;}

.about .left .box .xq a{ margin:15px 0px 0 30px; display:block; color:#545454; font-size:14px;width:137px;height:39px; text-align:center; line-height:39px;float:left; background:#eaeaea;}



.about .ry{ float:right;width:375px;height:255px; position:absolute;right:0; background:#fff; top:75px; }

.about .right{border:1px solid #e2e2e2; margin:5px;width:365px;height:245px;}

.about .right .right_title{width:336px;height:37px; background:url(../images/ry_t.jpg) no-repeat bottom center;margin: 0px 16px; line-height:37px;}

.about .right .right_title .r_biaoti h3 a{font-size:16px; color:#333; font-weight:bold; float:left; margin:0 auto; background:url(../images/buttom.jpg) no-repeat left 15px; padding-left:15px;}

.about .right .right_title .more{font-size:14px; text-align:center; float:right; }

.about .right .right_title .more a{color:#333;}

.gd_03{ position:relative; width:320px; margin: 0 26px;padding-top:20px; height:auto; overflow:hidden;}

.gd_03 em{position: absolute;top:65px;}

.gd_03 .t_l{left: 0px;}

.gd_03 .t_r{right: 0px;}

.gd_03 #simgs03{ margin:0 58px;}

.gd_03 li{ float:left; width:200px; text-align:center;}

.gd_03 li.last{ padding-right:0;}

.gd_03 li img{ display:block; width:198px; height:145px; margin-bottom:15px; border:1px solid #dbdbdb;}

.gd_03 li a{ color:#333;font-size:14px;}

.gd_03 .fl { float:left;}

.gd_03 .fr { float:right;}

.gd_03 .pa{ position:absolute;}

.gd_03 .pr{ position:relative}

	

.trends{margin:50px auto 0 auto;width:1180px; height:335px;}

.trends .tab_menu{ width:770px; height:335px; float:left; }

.tab_menu .ttt{ width:770px; height:37px;}

.tab_menu .ttt ul{ width:360px; float:left; height:37px; }

.tab_menu li  h3 a{font-size:18px;color:#555; font-weight:bold; width:112px; line-height:37px; display:block;}

.tab_menu .ttt .gd{ float:right; line-height:24px;width:66px; height:24px; background:url(../images/more.png)  no-repeat center;margin-top: 8px;}

.tab_menu .ttt .gd a{font-size:12px;color:#555; text-align:center; display:block;}

.tab_menu .ttt li{ float:left; width:112px; height:37px; text-align:center; line-height:37px;cursor:pointer; color:#333; margin-right:15px;}

.tab_menu .ttt li.hover a{color:#ef6c29; font-weight:bold;}

.tab_menu .tabcont{ width:770px; float:left; height:auto;clear:both;margin-top:20px;}

.tab_menu .tabcont .tabc{width:770px; float:left; height:auto;clear:both;}

.tab_menu .tabc .box_nr{width:770px; margin:0 auto;}

.tab_menu .tabc .box_nr img{float:left;width:345px;height:273px; border:1px solid #c9c9c9;}

.tab_menu .tabc ul li{width:405px; float:right;line-height:40px;}

.tab_menu .tabc ul li.last{ overflow:none;}

.tab_menu .tabc ul li span{ float:right; font-size:14px; color:#8b8b8b; }

.tab_menu .tabc ul li a{ font-size:14px; color:#565656; float:left;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:300px; }



.trends .right{width:375px;float:right;height:335px;}

.trends .right .question_title{height:37px;}

.trends .right .question_title  h3 a{ float:left;font-size:18px; color:#555; text-align:center; line-height:37px;font-weight:normal;width:112px;}

.trends .right .question_title .more{margin-top: 8px; float:right;font-size:12px;color:#555; text-align:center; display:block;line-height:24px;width:66px; height:24px; background:url(../images/more.png)  no-repeat center;}

.trends .right ul li{margin:10px auto;}

.trends .right .question{ line-height:200%; height:265px; margin-top:30px; padding:0 5px; overflow:hidden;}

.trends .wen a{color:#565656; font-size:14px;padding-left:30px;}

.trends .right .question ul li{ margin:14px auto;}

.trends .right .question p{margin:10px auto;background:url(../images/A.jpg) no-repeat left top 5px;padding-left:30px;color:#565656; font-size:14px;}

.trends .wen{ background:url(../images/Q.jpg) no-repeat left;}



.catenate{margin:30px auto 0 auto; width:1180px;height:48px; border-bottom:1px solid #d2d2d2;}

.catenate .link{line-height:48px; font-weight:bold; background:url(../images/links.jpg) no-repeat left center; float:left; width:170px;margin-right: 20px;}

.catenate .link span{font-size:16px;color:#fff; text-align:center; display:block;padding-right: 15px;}

.catenate .yq a{font-size:14px;color:#333; float:left; line-height:48px; text-align:center;margin-right:7px;}