
.product_bg{margin:40px auto 0 auto;width:100%; height:860px;}
.product{margin:0 auto;width:1180px; height:860px;}
.list{ float:left; width:220px; height:860px; background:#015cb5;  }
.list .list_nr{margin:3px auto; border:1px solid #99bee1;width:214px;height:854px;}
.list .list_t{height:75px; margin-top:30px;}
.list .list_t h3{ font-size:30px; color:#fff;display:block; font-weight:normal; font-family:"宋体";padding:0px 0 0 18px; }
.list .list_t p { font-size:16px; color:#ccc;display:block; font-weight:normal; font-family:"宋体"; text-align:center;text-transform: uppercase; }
.list .list_con{width:214px;padding-bottom: 10px; }

#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}
#menu a {display: block;text-decoration: none;	}
#menu li { line-height:40px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}
#menu li .first{ border:1px dashed #fff;height:40px;width:180px;margin:15px auto 10px auto;}
#menu li a.first { height:40px;font-size:18px;color:#fff;line-height:40px; display:block; text-align:center; font-weight:bold;}
#menu li ul li{height:30px; line-height:30px;margin:0px 20px; border-bottom:1px dashed  #ccc;}
#menu li ul li a {color: #fff;font-size:14px; text-align:left; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;text-indent:25px;background:url(../images/buttom1.png) no-repeat left center;-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;}
#menu li ul li:hover a{-webkit-transform: translateX(15px);transform: translateX(15px); }
.list .phone{ margin:10px 0 0 20px; font-size:14px; color:#fff;}
.list .phone p{font-size:24px; color:#fff; font-weight:bold;}


#tab{width:925px;position:relative;margin:0 auto; float:right;}                            
#tab .tab_menu{float:left;position:absolute;z-index:1; height:40px;}
#tab .tab_menu li{float:left;width:140px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px 10px 0px 0;  background:#018f2a; border:1px solid #ccc;}
#tab .tab_menu li a{font-size:16px; color:#fff;}
#tab .tab_box{width:925px;height:auto;clear:both;top:0px;position:relative; float:right; overflow:hidden;}
#tab .tab_menu .selected{background:#ff9400 ;cursor:pointer;color:#fff; height:40px;}

#tab .tab_box ul li{width:290px; height:200px;float:left;margin:5px 16px 12px 0px; border:1px solid #ccc; position:relative; }
#tab .tab_box ul li p{width:282px; height:30px; line-height:30px;background:url(../images/ico2.png) repeat center; position:absolute; left:4px; bottom:4px; }
#tab .tab_box ul li p a{color:#fff; font-size:14px; text-align:center; height:30px; line-height:30px; display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
#tab .tab_box ul li.last{ overflow:none;}
#tab .tab_box ul li img{ width:282px; height:192px; position:relative;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s; overflow:hidden;}
#tab .hide{display:none;}
#tab .tab_box ul li a{width:282px; height:192px; margin:4px; display:block; overflow:hidden;}
#tab .tab_box ul li img:hover{transform: scale(1.1,1.1) ;-ms-transform: scale(1.1,1.1) ;-webkit-transform: scale(1.1,1.1) ;-o-transform: scale(1.1,1.1) ;-moz-transform: scale(1.1,1.1); overflow: hidden;}


.banner1{width:100%; margin:20px auto 0 auto; height:233px;background:url(../images/banner_1.jpg) no-repeat center;}
.banner1 .nr{width:1180px; margin:0 auto;height:233px;}
.banner1 .nr .message{ margin:0px 0 0 400px; height:30px; padding-top:80px;}
.banner1 .message .form-group1{ width:260px; height:26px; float:left; margin:0px 30px 0 0; }
.banner1 .message .form-group1 label { float:left; font-size:16px; color:#fff; margin-right:15px;}
.banner1 .message .form-group1 input{width:170px; height:24px; font-size:14px; color:#ccc; padding-left:10px;background:#fff; border:1px solid #ccc;}
.banner1 .message .form-group2{ width:260px; height:26px; float:left; margin:0px 30px 0 0; }
.banner1 .message .form-group2 label { float:left; font-size:16px; color:#fff; margin-right:15px;}
.banner1 .message .form-group2 input{width:170px; height:24px; font-size:14px; color:#ccc; padding-left:10px;background:#fff; border:1px solid #ccc;}
.banner1 .message .submit{width:130px; height:30px; margin:0 auto; background:#fff; float:left;}
.banner1 .message .submit .sea_btn{width:130px; height:30px; background:#fff; font-size:14px; color:#eb6100; text-align:center; line-height:30px;}
.banner1 .message .submit .sea_btn:hover{ cursor:pointer;}
.banner1 .n_box{margin:20px 0 0 400px;}
.banner1 .n_box .box_l{ float:left; font-size:26px; color:#fff; font-weight:bold; width:530px; margin-right:30px;}
.banner1 .n_box .box_l p{font-size:18px; color:#fff; font-weight:normal; margin-top:5px;}
.banner1 .n_box .rexian{font-size:14px; color:#fff; padding-top:10px;}
.banner1 .n_box .rexian p{font-size:24px; color:#fff;font-weight:bold;}
		
		
.ysbg{width:100%; margin:50px auto 0 auto; height:1415px;background:url(../images/ys_bg.jpg) no-repeat bottom center; position:relative;}
.ysbg .advantage{width:1180px; margin:0 auto;position:relative;height:1415px;}
.advantage .ys_t{width:1180px; margin:0 auto; text-align:center;}
.advantage .ys_t h5{ color:#333;font-size:36px; font-weight:bold;}
.advantage .ys_t span{color:#ccc;font-size:16px; font-weight:normal; display:block;}

.advantage .ys1{ position:absolute; top:185px;width:920px; height:500px;right:0px;}
.advantage .ys1 .yst{ color:#fff; font-size:36px; font-weight:normal;position: absolute;
right:80px; top:40px;}
.advantage .ys1 .yscon{ width:525px; height:100px; background:#f5f5f5; padding:30px; position:absolute; top:265px; right:340px; z-index:99; }
.advantage .ys1 .yscon h6{color:#333; font-size:22px; font-weight:bold; margin-bottom:5px; }
.advantage .ys1 .yscon p{line-height:26px;color:#666; font-size:16px; }
.advantage .ys1 .yst span{color:#ccc; font-size:14px; display:block;text-transform: uppercase;}

.advantage .ys2{ position:absolute; top:730px;width:620px; height:300px;right:5px;}
.advantage .ys2 .yst{ color:#333; font-size:36px; font-weight:normal;line-height: 28px; margin-left:100px;}
.advantage .ys2 .yscon{ color:#666; font-size:16px; margin:35px 0 0 28px; }
.advantage .ys2 .yscon h6{ color:#333; font-size:22px; font-weight:bold; margin-bottom:10px; }
.advantage .ys2 .yscon p{line-height:32px;background:url(../images/buttom3.jpg) no-repeat left center; padding-left:15px;}
.advantage .ys2 .yst span{color:#ccc; font-size:14px; display:block;text-transform: uppercase;}

.advantage .ys3{ position:absolute; bottom:-20px;width:560px; height:280px;left:0px;}
.advantage .ys3 .yst{color:#333; font-size:36px; font-weight:normal;line-height: 28px; margin-left:100px;}
.advantage .ys3 .yscon{ color:#666; font-size:16px; margin:35px 0 0 15px; }
.advantage .ys3 .yscon h6{ color:#333; font-size:22px; font-weight:bold; margin-bottom:10px; }
.advantage .ys3 .yscon p{line-height:32px;background:url(../images/buttom3.jpg) no-repeat left center; padding-left:15px;}
.advantage .ys3 .yst span{color:#ccc; font-size:14px; display:block;text-transform: uppercase;}


.advantage .tu1{width:840px; height:500px; position:absolute; left:0px; top:110px;}
.advantage .tu2{width:305px; height:265px; position:absolute; right:0px; top:345px;}
.advantage .tu3{width:515px; height:390px; position:absolute; left:0px; top:680px; z-index:99;}
.advantage .tu4{width:699px; height:390px; position:absolute; right:0px; bottom:0px;}


.case{ width:1180px; margin:50px auto 0 auto; height:350px; position:relative;}
.case .case_t{width:1180px; margin:50px auto 0 auto; text-align:center;}
.case .case_t h3{ font-size:26px; color:#015cb5; font-weight:bold; }
.case .case_t p{font-size:14px; color:#ccc; font-weight:normal; margin-top:5px;text-transform: uppercase;}
.case .case-left{width:1180px;margin:40px auto 0 auto; height:235px; position:relative; }
.case .bd{width:1180px; margin:0 auto;}
.case .bd ul li{ width:270px; height:235px; border:1px solid #d4d5d9; float:left; margin:0 11px;position:relative; }
.case .bd ul li a{width:266px; height:231px; display:block; overflow:hidden; margin:2px;}
.case .bd ul li img{position:relative;width:266px; height:231px;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s; }
.case .bd ul li p{ position:absolute; bottom:2px; left:2px; width:266px; height:30px;background:url(../images/ico2.png) repeat center;}
.case .bd ul li p a{width:266px; height:30px; line-height:30px; text-align:center;font-size:14px; color:#fff;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.case .bd ul li img:hover{transform: scale(1.1,1.1) ;-ms-transform: scale(1.1,1.1) ;-webkit-transform: scale(1.1,1.1) ;-o-transform: scale(1.1,1.1) ;-moz-transform: scale(1.1,1.1); overflow: hidden;}
.case .case-left .prev{ display:block;  width:16px; height:30px; float:left;  overflow:hidden;cursor:pointer; background: url(../images/left.jpg) no-repeat; position:absolute; top:100px; left:-38px;z-index: 99;}
.case .case-left .next{ display:block;  width:16px; height:30px;  float:right;  overflow:hidden;cursor:pointer; background:url(../images/right.jpg) no-repeat;position:absolute; top:100px; right:-38px;z-index: 99; }


.about_bg{width:100%; margin:40px auto 0 auto; height:575px;background:url(../images/ab_bg.jpg) no-repeat center;}
.about_bg .about{width:1180px; margin:0 auto;height:535px; padding-top:40px;}
.about .ab_img{ width:310px; height:435px; float:left; margin-left:25px; }
.about .ab_img img{width:310px; height:435px;}
.about .ab_nr{ width:760px; float:right; margin-right:40px;}
.about .ab_nr .ab_t{ margin-top:40px;}
.about .ab_nr .ab_t span{ font-size:36px; color:#ccc;}
.about .ab_nr .ab_t h3{font-size:16px; color:#333;}
.about .ab_nr h5 a{ font-size:22px; color:#015cb5; font-weight:bold; margin-top:70px; display:block;}
.about .ab_nr p{font-size:14px; color:#666; line-height:28px; height:110px; overflow:hidden; margin-top:38px;}
.about .ab_nr .xq{ width:130px; height:30px; line-height:30px; border:1px solid #666; border-radius:5px;margin-top:35px;}
.about .ab_nr .xq a{font-size:14px; color:#666; display:block; text-align:center;}


.in_news_faq_x{ width:100%;  }

.in_news_faq{ width:1180px; height:420px; margin:0 auto; }

.in_news_left{  }

#tab_news{width:100%; }

#tab_news .tab_menu{ float:left; width:145px; background: #eeeeee;  }

#tab_news .tab_menu li{ width:145px; height:80px; line-height:20px; color: #fff;  cursor:pointer; font-size:18px; border-bottom: 1px dashed #cccccc; }

#tab_news .tab_menu li h3{ padding-left: 28px;  }

#tab_news .tab_menu li span{ padding-top:22px; display: block; color:#333; }
#tab_news .tab_menu li i{ font-size: 12px; text-transform:uppercase;color:#666; }

#tab_news .tab_menu li:hover{  background:#015cb5; color:#FFF; cursor:pointer; }

#tab_news .tab_menu li:hover span{ color:#FFF; }
#tab_news .tab_menu li:hover i{ color:#FFF; }
#tab_news .tab_menu h3 a{ color:#333; }

#tab_news .news_txt{  height:50px; line-height:24px;   padding-top: 30px; color: #666; text-align: center; }

#tab_news .news_txt span{ font-size: 18px; }

#tab_news .news_txt2{  height:80px; line-height:28px;  padding-top: 10px; color: #eb6100; text-align: center; font-size: 16px; font-weight: bold; }

.in_news_left .tab_box_news{ float:right; width:1015px; margin-top: 40px;  }
.in_news_left .tab_box_news .hide{display:none;}


.in_news_pro{  }

.in_newss_4{ float:left; width:320px; padding: 10px; background: #f5f5f5; height:350px;   }

.in_newss_4_1{ width:320px; overflow:hidden;   }

.in_newss_4_1 img {width:320px; height:215px; transition: all 0.5s;  transform: scale(1);   }
.in_newss_4_1 a:hover img{ transition: all 0.5s;  transform: scale(1.06);  }

.in_newss_4_2{ color:#666; height:40px; line-height:40px; }

.in_newss_4_2 h6{ height:40px; line-height:40px; overflow:hidden; float:left; width:200px; }
.in_newss_4_2 h6 a{ font-size:16px; font-weight:normal; color:#666;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.in_newss_4_2 h6 a:hover{ color:#015cb5; }

.in_newss_4_2 span{ font-size:14px; color:#666; float:right;}

.in_newss_4 p{ height:82px; overflow:hidden; display:inline-block; color:#666; line-height:28px; padding-top: 5px; }


.in_news_pro_5{ width: 660px; height: 370px; overflow: hidden; float: right; }

.in_news_pro_5 ul li{ float: left; width: 315px; height:40px; line-height:40px;  border-bottom:1px solid #dddddd; padding-right: 15px; }

.in_news_pro_5 ul li a{ background:url(../images/buttom2.jpg) 5px no-repeat; display:block; padding-left:15px; height:40px; line-height:40px; overflow: hidden; padding-right: 10px;-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out; font-size:14px; color:#666; width:200px;
text-overflow: ellipsis;
white-space: nowrap; display:block;}

.in_news_pro_5 ul li a:hover{-webkit-transform: translateX(15px);transform: translateX(15px);  color:#015cb5;}

.in_news_pro_5 ul li span{ float:right; color:#999; }

.in_news_pro_5 ul li:nth-child(2n+1){ margin-left: 0; }


.links{margin:10px auto;height:50px;width:1180px;}
.links h3 {
  font-size: 14px;
  color: #015cb5;
  float: left;font-weight: bold;line-height: 50px; 
   
}

.links_n {
  width: 1040px;
  float: left;
  margin-left: 20px;height: 50px;line-height: 50px;
 
}

.links_n a {
  padding: 0px 10px;
}