.product{width:1180px; margin:40px auto 0 auto; height:690px;}
.product .list{ width:240px; height:660px ; float:left;background:url(../images/cp_left.jpg) no-repeat center;}
.product .list .list_t h3{ font-size:24px; color:#fff; font-weight:normal; padding:102px 0 0 28px;}
.product .list .list_con{padding:25px 0 0 28px;}
.product .list .list_con ul li{ height:30px; line-height:30px; margin-bottom:15px;background:url(../images/list.png) no-repeat 10px center;}
.product .list .list_con ul li a{font-size:14px; color:#fff; padding-left:20px;}
.product .list .list_con ul li:hover{background:url(../images/list1.png) no-repeat left center;}
.product .list .rexian{ margin:20px 30px 0 30px;}
.product .list .rexian .ms{font-size:30px; color:#fff; font-weight:bold; height:85px; text-align:center;background:url(../images/xt1.png) no-repeat bottom center;}
.product .list .rexian .ms p{font-size:18px; color:#eee; font-weight:normal;}
.product .list .rexian .tel{margin:20px 0px 0 0px;background:url(../images/tel1.png) no-repeat top center;font-size:14px; color:#eee; text-align:center; padding-top:50px; }
.product .list .rexian .tel p{font-size:18px; color:#eee;}
.product .tab_box{ width:900px; float:right;}
.product .tab_box ul li{ float:left; margin:0 20px 30px 0; width:278px; height:198px; border:1px solid #eee; position:relative;}
.product .tab_box ul li img{width:278px; height:198px;position:relative;}
.product .tab_box ul li p{width:278px; height:30px; position:absolute; left:0; bottom:0;background:url(../images/ico2.png) repeat center;}
.product .tab_box ul li p a{height:30px; line-height:30px; text-align:center;font-size:14px; color:#fff;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}


.te_bg{width:100%; margin:10px auto 0 auto; height:680px;background:url(../images/te_bg.jpg) repeat-x bottom center;}
.te_bg .te{width:1180px; margin:0 auto; padding-top:35px; height:645px;}
.te_bg .te .te_t{width:1180px; margin:50 auto; text-align:center;}
.te_bg .te .te_t h3{ font-size:30px; color:#fff; font-weight:bold;background:url(../images/te_t.png) no-repeat bottom center; height:60px; }
.te_bg .te .te_t p{font-size:18px; color:#fff; font-weight:normal; margin-top:10px;}
.te_bg .te .te_nr{ margin-top:120px;}
.te_bg .te .te_nr dl{ width:280px; height:400px; background:#fff; float:left; margin:0 15px 0 0;box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.2); }
.te_bg .te .te_nr dl dt{width:178px; height:155px;background:url(../images/te_list.png) no-repeat  center; margin:-77px auto 0 auto;font-size:62px; color:#fff; font-weight:bold; line-height:155px; text-align:center;-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out;}
.te_bg .te .te_nr dl dd{ margin:35px auto 0 auto;}
.te_bg .te .te_nr dl dd h5{ font-size:36px; font-weight:bold; color:#0064b9; text-align:center;}
.te_bg .te .te_nr dl dd p{font-size:14px; color:#333; line-height:32px; text-align:center;padding:20px 33px 0 33px; } 
.te_bg .te .te_nr dl dt:hover{-webkit-filter: none;-moz-filter:none;filter: none;-ms-filter:none;    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }			


.ysbg{width:100%; margin:10px auto 0 auto; height:1015px;background:url(../images/ys_bg.jpg) no-repeat bottom center; position:relative;}
.ysbg .advantage{width:1180px; margin:0 auto;position:relative;height:1015px;}
.advantage .ys_t{width:1180px; margin:0 auto; height:145px; color:#cfcfcf; font-size:42px; font-weight:bold;text-transform: uppercase;}
.advantage .ys_t h5{ color:#0064b9;font-size:42px; font-weight:bold;}
.advantage .ys_t h5 span{color:#333;font-size:20px; font-weight:normal; padding-left:20px; }

.advantage .ys1{ position:absolute; top:155px;width:485px; height:300px;right:65px;}
.advantage .ys1 .yst{ color:#333; font-size:22px; font-weight:bold;}
.advantage .ys1 .yscon{ color:#666; font-size:15px; margin-top:15px; }
.advantage .ys1 .yscon p{line-height:24px;}
.advantage .ys1 .yst span{color:#f7011e;}

.advantage .ys2{ position:absolute; top:325px;width:485px; height:300px;right:65px;}
.advantage .ys2 .yst{ color:#333; font-size:22px; font-weight:bold;}
.advantage .ys2 .yscon{ color:#666; font-size:15px; margin-top:15px; }
.advantage .ys2 .yscon p{line-height:24px;}
.advantage .ys2 .yst span{color:#f7011e;}


.advantage .ys3{ position:absolute; bottom:355px;width:300px; height:100px;right:25px;}
.advantage .ys3 .yst{ color:#fff; font-size:22px; font-weight:bold;}
.advantage .ys3 .yscon{ color:#fff; font-size:15px; margin-top:15px; }
.advantage .ys3 .yscon p{line-height:24px;}
.advantage .ys3 .yst span{color:#f7011e;}

.advantage .tu1{width:590px; height:363px; position:absolute; left:0; top:145px;}
.advantage .tu2{width:290px; height:235px; position:absolute; left:0; bottom:130px;}
.advantage .tu3{width:265px; height:265px; position:absolute; right:48px; bottom:15px;}

.advantage .message{ position:absolute; left:320px; bottom:115px; width:500px; height:270px;}
.advantage .message h5{ font-size:18px; color:#666; font-weight:bold;}
.advantage .message h5 span{font-size:12px; color:#ccc; font-weight:normal; margin-left:5px;}
.advantage .message .form-group{width:430px; height:47px;margin:40px 25px 0 20px;}
.advantage .message .form-group1{ width:200px; height:47px; float:left; margin:0px 21px 0 0; border:1px solid #ccc;}
.advantage .message .form-group1 input{width:160px; height:47px; font-size:16px; color:#999; padding-left:40px;background:url(../images/buttom1.png) no-repeat 10px center;}
.advantage .message .form-group2{width:200px; height:47px; float:left; border:1px solid #ccc;}
.advantage .message .form-group2 input{width:160px; height:47px; font-size:16px; color:#999; padding-left:40px;background:url(../images/buttom2.png) no-repeat 10px center;}
.advantage .message .form-group3{width:426px; height:70px; margin:20px 0 0 20px ;  border:1px solid #ccc;}
.advantage .message .form-group3 textarea{width:386px; height:60px; font-size:16px; color:#999; padding-left:40px;background:url(../images/buttom3.png) no-repeat 10px 10px; padding-top:10px;}
.advantage .message .submit{width:110px; height:30px; margin:20px auto 0 auto; background:url(../images/zx.png) no-repeat center;}
.advantage .message .submit .sea_btn{width:110px; height:30px; background:url(../images/zx.png) no-repeat center; font-size:16px; color:#fff; text-align:center; line-height:30px;}
.advantage .message .submit .sea_btn:hover{ cursor:pointer;}
			
.case{ width:1180px; margin:50px auto 0 auto; height:380px; position:relative;}
.case .case_t{width:1180px; margin:50px auto 0 auto; text-align:center;}
.case .case_t h3{ font-size:30px; color:#333; font-weight:bold;background:url(../images/case_t.jpg) no-repeat bottom center; height:60px; }
.case .case_t p{font-size:18px; color:#666; font-weight:normal; margin-top:10px;}
.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:50px auto 0 auto; height:610px;background:url(../images/ab_bg.jpg) no-repeat center;}
.about_bg .about{width:1180px; margin:0 auto;height:260px; padding-top:70px;}
.about .ab_nr{ width:540px; float:left; margin-left:195px; padding-top:15px;}
.about .ab_nr h3 a{font-size:26px; color:#0064b9; font-weight:bold;}
.about .ab_nr h3 span{font-size:14px; color:#ccc;font-weight:normal; display:block;margin-top:5px;}
.about .ab_nr p{font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; margin-top:55px;}
.about .ab_img{ width:400px; height:260px; float:right; border:1px solid #ccc;}
.about .ab_img img{width:400px; height:260px;}

.about_bg .ry{width:1180px; margin:0 auto;height:260px;}
.about_bg .ry .ry_t h3{font-size:18px; color:#0064b9; font-weight:bold;margin-left:195px;}
.about_bg .ry ul{float:right;width:1010px; margin-top: 50px;}
.about_bg .ry ul li{width:145px; height:200px; float:left; border:1px solid #ccc; margin-left:21px; position:relative;}
.about_bg .ry ul li img{width:145px; height:200px; position:relative;}
.about_bg .ry ul li p{width:145px; height:25px; position:absolute; left:0; bottom:0;background:url(../images/ico2.png) repeat center;}
.about_bg .ry ul li p a{height:25px; line-height:25px; text-align:center;font-size:14px; color:#fff;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.about_bg .ry .phone{width:165px; height:240px; float:left; text-align:center }
.about_bg .ry .phone span{font-size:18px; color:#fff; font-weight:bold; padding-top:150px; display:block;}
.about_bg .ry .phone p{font-size:14px; color:#fff; font-weight:normal;padding-top:5px;}



.news_bg{ width:100%; margin:0 auto; height:545px;}
.news_bg .news{width:1180px; margin:0 auto; padding-top:50px;}
.news .news_l{ float:left; width:750px; }
.news .news_l .news_t{ height:40px; line-height:40px; border-bottom:1px solid #e2e2e2;}
.news .news_l .news_t .biaoti{ float:left;}
.news_t .biaoti h3{ font-size:26px; color:#0064b9; font-weight:bold;}
.news_t .biaoti h3 span{ font-size:21px; color:#ccc; font-weight:normal; font-family:"宋体"; letter-spacing:2px;}
.news_t .news_fl{ float:right;}
.news_t .news_fl ul li{ float:left; margin-right:25px;}
.news_t .news_fl ul li a{ font-size:16px; color:#333; }
.news_t .news_fl ul li.n1 a{background:url(../images/buttom.jpg) no-repeat left center; padding-left:25px;}
.news_t .news_fl ul li.casehover a{ color:#0064b9;}
.news_nr{width:750px; margin-top:30px; }
.news_nr .nr{ height:100px;background:url(../images/xt.png) no-repeat bottom left; }
.news_nr .nr h5 a{color:#0064b9;font-size:16px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.news_nr .nr p{color:#666;font-size:14px; line-height:24px ; height:50px ;overflow: hidden; margin-top:10px;}
.news_nr ul{ margin-top:20px;}
.news_nr ul li{ width:360px ; float:left; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc;margin-right: 15px; }
.news_nr ul li a{width:200px ; float:left;color:#666;font-size:14px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.news_nr ul li span{ float:right;color:#666;font-size:14px;}
.news_r{ float:right; width:370px; height:440px; background:#f5f5f5; }
.news_r .question_t{width:370px; height:60px; background:url(../images/wen_t.jpg) no-repeat center;}
.news_r .question_t a{color:#fff;font-size:22px; font-weight:bold; line-height:60px; padding-left:10px;}
.news_r .quest_nr ul li{width:370px; height:37px; line-height:38px; border-bottom:1px solid #fff;}
.news_r .quest_nr ul li a{width:230px ; float:left;color:#666;font-size:14px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block; padding-left:10px;}
.news_r .quest_nr ul li span{ float:right;color:#666;font-size:14px;padding-right:10px;}
.news_nr ul li a:hover{color:#0064b9;}
.news_r .quest_nr ul li a:hover{color:#0064b9;}

.links{margin:0px auto;height:40px;line-height: 40px; width:985px; position:absolute; top:0; right:0;}
.links h3 {
  font-size: 14px;
  color: #0064b9;
  float: left;font-weight: bold;
   
}

.links_n {
  width: 845px;
  float: left;
  margin-left: 20px;height: 40px;line-height: 40px;overflow: hidden;
 
}

.links_n a {
  padding: 0px 10px;  font-size: 14px;
  color: #666;
}