@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
html{min-width:1200px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"微软雅黑";}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1200{width:1200px; margin:0 auto; clear:both}

.top_wrap{height:30px; line-height:30px; background:#f1f1f1; clear:both}
.top_l{float:left;font-size: 12px;}
.top_l span{ color: #195bd3}
.top_r{float:right; position:relative;}
.top_r p{ float:left;}
.top_r img{vertical-align:middle; padding-right:8px;}
.top_r b{color:#333333; font-size:16px;  margin-right: 5px;}
.top_r a{ color:#333}
.header{height:100px;position: relative}
.logo{float:left; width:406px;height: 137px; position: absolute; left: 0px; top: 0px;z-index: 999}
.top{width:775px; height:100px; float:right;}
.top .top-middle{ width:100%;height: 100%}
.nav{height:100%; }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline; height: 100%}
.nav .nLi h3{ float:left;text-align: center; line-height: 100px;height: 100%}
.nav .nLi h3 p{width:100%; height: 100%;}
.nav .nLi h3 a{ display:block; padding:0 27px; font-size:14px;font-weight:normal;color:#333333; height: 100px; }
.nav .sub{ display:none;left:0; top:100px;  position:absolute;  line-height:26px; padding:0; width:100%;     z-index: 999; background: #ddd }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height: 40px;  background:#eeeeee;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 5px; color: #333333; font-size: 12px; height: 100%; }
.nav li.active h3 a{color: #fff }
.sub li:hover a{color:#195bd3}
.nav li.active{ background: url(../images/navbj.png) no-repeat; background-size: 100% 100%}
.sbu_fu{ display:none;position: absolute;left: 110px; top: 30px;width: 100%;}
.sub_2:hover .sbu_fu{display:block;}


.search{ float:left; margin:0px 10px;}
.search_input{ width:100%; height:auto; background:#f1f1f1; padding:8px 10px; position:absolute; top:32px; left:0px;z-index:999; display:none}
.search_input input[type="text"]{width: 89%; float: left; background: #fff;  font-size: 12px;
    height: 30px; line-height: 30px; border: 0px;padding-left: 5px;}
.search_input .tijiao{width:30px; height:30px; background:url(../images/search_03.png) no-repeat center; border:0px; float:left;}


/*banner*/
.banner{width:100%; height:550px; clear:both}
.banner .slideBox{ width:100%; height:550px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -58px;}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:15px;  width:20px; height:20px;  border-radius:50%; border:1px solid #195bd3; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#195bd3;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.banner .slideBox .bd ul{height: 100%;width:100%}
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.banner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.banner .slideBox .bd img{ width:100%; height:100%; display:block;  }





/*关于我们*/
.index_about{width:100%;height:400px; display: block;  margin: 46px 0; }
.index_about .w1200{position: relative; height: 100%;background: url(../images/shuxian.png) no-repeat left bottom}
.index_about .index_about_img{width:525px;height: 492px; float: left}
.about_title{ width:588px;height:130px;background: url(../images/rus.png) no-repeat center top; float: right; font-size: 54px; font-family: Arial; color: #333; text-align: center; font-weight: bold }
.about_info{ width:auto; height: 340px; position: absolute;right:0px;z-index: 999; top:150px; }
.about_info_img{width:409px;height: 100%; float: left}
.about_info_xx{ width:590px;height:100%; float: right;}
.about_info_xx h3{ font-size: 18px; color: #333; height: 40px; line-height: 40px;}
.about_info_xx span{ width: 100px;height:2px; border-bottom: 2px solid #195bd3; margin:15px 0;display: block; overflow: hidden}
.about_info_xx a{ width:120px; height: 40px; background: #195bd3; color: #fff; display: block; overflow: hidden; font-size: 14px; text-align: center; line-height: 40px; 
	margin-top:41px;}
.about_info_xx a:hover{ border:1px solid #195bd3; background:none; color:#195bd3; border-radius:5px;}
.about_info_xx p{ font-size: 14px; color: #999999; line-height: 25px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:5;
  -webkit-box-orient:vertical; overflow:hidden;}
.about_leftimg{ width:58px; height:424px;position: absolute; bottom: -210px; left:0px;z-index:-1}
.about_leftimg img{width:100%;height: 100%}


/*企业文化*/
.index_wenhua{width:100%;height: auto; display: block; overflow: hidden; background: url(../images/whbj.jpg) no-repeat;padding: 0px 0 50px }
.index_wenhua_title{ text-align: center; margin: 20px auto}
.index_wenhua_title h3{ font-size: 24px; border-bottom: 1px solid #fff;  width:200px; margin: 0px auto; color: #fff; height: 50px; line-height: 50px; }
.index_wenhua_title p{font-size: 14px; color: #fff}
.index_wenhua_title img{ width:343px;height: 3px;}
.index_whinfo,.index_whinfo ul{width:100%;height: auto; display: block; overflow: hidden}
.index_whinfo ul li{width:300px;height: 462px; float: left; position: relative}
.index_whinfo .wh_img{width:300px;height: 231px; overflow:hidden;}
.index_whinfo .wh_img img{width:100%;height:100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
	
.index_whinfo .wh_img:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;_height:130px;
}	
.wh_title{ width:100%;height:231px; background: #fff;padding-top: 67px; padding: 62px 15px 0; }
.wh_title h3{ font-size: 18px; color: #195bd3; font-weight: bold; text-align: center; background: url(../images/hx.png) no-repeat bottom; height: 45px; line-height: 45px}
.wh_title p{ font-size: 14px; color: #333; text-align: center; margin-top: 10px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; height:58px;}
.san{ width:23px;height: 23px;position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px;    z-index: 999;}
.wh_title:hover p{color:#195bd3}



/*产品中心*/
.index_product{width:100%;height: auto; display: block; overflow: hidden; margin-top: 40px;position:relative;}
.index_product .w1200{position: relative;}
.product_bt{ width:380px; height: 197px; background: url(../images/pbj.png) no-repeat right; position: absolute; right: 0px; top: 0px; z-index: 999}
.product_bt h3{ font-size: 30px; font-weight: bold; color: #195ad1;margin-top: 49px;text-align: right; margin-right: 108px}
.product_bt p{ font-size: 16px; color: #666666; height: 30px; line-height: 30px; width: 100%; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden}
.product_bt a{ font-size: 12px; color: #195bd2;float:right;margin-right: 108px}
.product_big{ width:505px; float: left; margin-top:120px;}
.product_big a{width:100%;height: 100%; }
.product_big .product_big_img{width:100%; height:375px;overflow: hidden}
.product_big .product_big_img img{width:100%;height: 100%;transform: scale(1); transition: all 1s ease 0s;-webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.product_big:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s}
.product_big:hover p{ background:#195bd3}
.product_big p{ width:100%;height: 40px; line-height: 40px; text-align: center;  background: #9e9e9e; font-size: 18px; color: #fff}
.index_case_info .index_chan{position: relative}
.index_plist{ width:100%;height: auto; display: block; overflow:hidden }
.product_list{ width:668px;height:327px; float: right;margin-top:250px;position: relative}

 .swiper-container { width: 100%;height:287px;}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
		
    }
.sw_img{ width:100%;  border: 1px solid #eaeaea}
.sw_pic{ width:100%;height:245px; overflow:hidden}
.product_list .swiper-slide img{ width:100%;height:100%; transform: scale(1); transition: all 1s ease 0s;-webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.sw_img p{ width:100%;height: 40px; background: #9e9e9e; color: #fff; font-size: 12px; line-height: 40px;}
.product_list .swiper-slide:hover p{ background: #195bd3;}
.product_list .swiper-slide:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.swiper-pagination-bullet{width:15px;height: 15px; margin-right: 10px;  margin-top: 10px;}
.index_plist .swiper-pagination{left:30px;}

.index_pbjs{width: 392px;
    height: 229px;
    position: absolute;
    left: -65px;
    top: 98px;
    z-index: -1;}

.probj1{width:955px; height:232px;    position: absolute;
    top: 273px;
    left: 0px;
    z-index: -2;}


/*联系*/
.index_lianxi{width:100%;height:364px; background: url(../images/vbj2.jpg) no-repeat  center; text-align: center; padding-top: 98px;}
.index_lianxi h3{ width:100%;height: 45px; line-height:45px; color: #fff; font-size: 30px; letter-spacing: 7px}
.index_lianxi h4{width:100%;height: 45px; line-height:45px; color: #fff; font-size: 24px; margin: 15px 0}
.index_lianxi h5{color: #fff; }
.index_lianxi span{width:59px; height:2px; border-bottom: 2px solid #fff; display: block; margin: 30px auto 30px}
.index_lianxi p{height: 40px; line-height: 40px; font-size: 18px; color: #fff; width:268px; margin: 0px auto}
.index_lianxi p img{width:33px; height: 36px; float: left}

/*翻页*/
.fanye{ float:left; width:100%; padding:20px 0 10px 0; color:#4c4948; text-align:center; }
.fanye a{ color:#4c4948; background:#e2e2e2; padding:2px 8px; }
.fanye a:hover{ color:#fff; background:#195bd3;}
/*----------------------  上下页  ------------------*/
.list-fanye{ float:left; width:100%; padding:20px 0 10px 0; color:#4c4948; }
.list-fanye dt{ color:#4c4948; float:left; width:100%; }
.list-fanye dt a{ color:#4c4948; }
.list-fanye dt a:hover{ color:#195bd3; font-weight:bold;}
/*首页案例*/
.index_case{ width:100%;height: auto; display: block; overflow: hidden; background: url(../images/casebj.jpg) no-repeat bottom}
.index_case_info .slideTxtBox{ width:100%;}
.index_case_info .slideTxtBox .hd{width:100%; height:65px; margin: 48px auto 0px; position: relative}
.index_case_info .slideTxtBox .hd ul{ height:100%; margin: 0px auto;width:996px;   }
.index_case_info .slideTxtBox .hd ul li{ float:left; padding:0 18px; cursor:pointer;  text-align: center; width:25%; height: auto;line-height: 35px; }
.index_case_info .slideTxtBox .hd ul li img{width:91px;height: 91px; border-radius: 50%}
.index_case_info .slideTxtBox .hd ul li p{ font-size: 16px; color: #333333; height: 25px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_case_info .slideTxtBox .hd ul li i{ color:#dbdbdb}
.index_case_info .slideTxtBox .hd ul li.on i{ font-size:24px; color: #195bd3}
.index_case_info .slideTxtBox .hd ul li.on p{color: #195bd3; font-weight:bold;}
.index_case_info .slideTxtBox .hd ul li:last-child{margin-right: 0px;}
.index_case_info .slideTxtBox .bd{width:100%;height: 100%; display: block; overflow: hidden; margin-top: 20px;}
.index_case_info .slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.index_case_info .slideTxtBox .bd li{ width:270px;height:203px; float: left; margin-right:40px;}
.index_case_info .slideTxtBox .bd li:nth-child(4){ margin-right: 0px}
.index_case_info .slideTxtBox .bd li a{width:100%;height: 100%; position: relative; display: block; overflow: hidden}
.index_case_info .slideTxtBox .bd li .pro_li{ border: 1px solid #dfdfdf;height:100%; overflow: hidden}
.index_case_info .slideTxtBox .bd li .pro_li img{ width:100%;height: 100%;  transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.index_case_info .slideTxtBox .bd li p{ width:100%;height:65px; line-height: 65px; text-align: center; font-size: 20px; color: #333}
.index_case_info .slideTxtBox .bd li p i{ margin-left: 10px; font-size: 20px;}
.index_case_info .slideTxtBox .bd li:hover .pro_li img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case_info .slideTxtBox .bd li:hover p{color:#04be89}
.chakan{width:120px;height: 40px;  background:#195bd3; color: #fff; display: block; overflow: hidden; margin:40px auto 45px; text-align: center; line-height: 40px; }
.hd_xian{width:100%;height:1px; border-top: 1px solid #bcbcbc;position: absolute; top:16px; left: 0px;z-index: -1}
.chakan:hover{ border:1px solid #195bd3; color:#195bd3; background:none}


/*优势
.index_youshi{ width:100%; height: auto; display: block; overflow: hidden; background: #f5f5f5; padding-bottom: 40px;}
.youshi_title{height: auto; display: block;  overflow: hidden}
.ysft{ width:60px;height: 172px;}
.youshi_bt{ width:230px;height: 170px; background: url(../images/ysbj.png) no-repeat right; float: right; margin-top: 47px;}
.youshi_bt h3{ font-size: 40px; color: #195bd3; font-weight: bold; margin-top: 43px;}
.youshi_bt p{ font-size: 16px; color: #666666; height: 40px; line-height: 40px; text-align: right; margin-right: 30px;}
.youshi_bt span{width:40px; height: 2px; border-bottom: 1px solid #3577c1; display: block; overflow: hidden; float: right;margin-right: 30px;}
.youshi_img{height:304px; margin-top: 50px; }
.youshi_img img.y1{width:50%;height: 304px; float: left; }
.youshi_img .youshi_right{ width:50%;height: 304px;  float: right; background:#fff; padding: 65px 0px 0px 65px}
.youshi_xx h3{ font-size: 30px; color: #333333; font-family: Impact; margin-bottom: 20px;}
.youshi_xx span{ font-size: 16px; color: #333333; font-weight: bold}
.youshi_xx p{ font-size: 14px; color: #333; line-height: 30px; padding-right: 10px; width: 100%}
.youshi_xx{width:280px; height: auto; display: block;}
.youshi_two{width:100%;height: 286px; overflow: hidden}
.youshi_twos{width:50%; height: 100%; background: #fff; float: left}
.youshi_two .ys_img{ width:50%; height: 100%;  float: right}
.youshi_four{ height:305px;}
.youshi_four img{ width:50%;height:100%; float: left;}
.youshi_four .youshi_right{ width:50%; height: 100%; float: left; background: #fff; text-align: center}
.youshi_three{width:100%;height:297px;}
.youshi_three .ys_img{ width:50%; height: 100%; float: left;}
.youshi_three .youshi_xx{ width:298px; margin-left: 34px; margin-top: 43px;}
.youshi_two .youshi_xx{ float: right; margin-right: 30px; margin-top: 42px; width:320px;}
.youshi_xx .xians{ width:44px;height:1px; margin-top: 90px; float: left}
.youshi_three .xians{ width:44px;height:1px; margin-top: 90px; float: right}
.youshi_three .ys_ysinfo,.youshi_img .ys_ysinfo,.youshi_img .xians{ float:left;}
.ys_ysinfo{ width:252px; height: 100%; float: right}
.youshi_img .youshi_xx{ width:320px;}
.youshi_img .ys_ysinfo{ width:225px;}

.youshi_four .youshi_xx{ width:295px;margin: 60px auto 0px;text-align:left; display:block;}
.youshi_four .ys_ysinfo{ width:228px;}
.youshi_right:hover span,.youshi_right:hover p,.youshi_xx:hover p,.youshi_xx:hover span{ color:#195bd3;}
*/


/*首页新闻*/
.index_news{width:100%;height: auto; display: block; overflow: hidden;}
.index_news .index_wenhua_title,.idnex_contact .index_wenhua_title,.index_case .index_wenhua_title{width:100%;height: auto;}
.index_news .index_wenhua_title h3,.idnex_contact .index_wenhua_title h3,.index_case .index_wenhua_title h3{ font-size: 24px; color: #333333; border-bottom: 2px solid #e0e0e0 }
.index_news .index_wenhua_title p,.idnex_contact .index_wenhua_title p,.index_case .index_wenhua_title p{ font-size: 14px; color: #333}
.index_news_info{width:100%;height:auto; display: block; overflow: hidden}
.index_news_info .news_info_left{width:550px; height: 530px; background: #f4f4f4;padding:40px 25px; float: left}
.index_news_info .news_info_left:hover p{ color:#195bd3}
.news_info_left h3{ width:100%; height: 35px; line-height: 35px; color: #333;  font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_info_left span{ width:80px;height: 1px; border-bottom: 1px solid #333; display: block; overflow: hidden; margin: 10px 0;}
.news_info_left time{ font-size: 14px; color: #333;}
.news_info_left p{ font-size: 14px; color: #999; line-height: 25px; width: 100%; height: 75px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin: 20px 0 15px}
.news_info_left img{width:100%;height: 270px;}
.news_info_right{width:600px; height: 530px; float: right}
.news_info_right ul{ width:100%;height: 100%}
.news_info_right ul li{ width:100%; height: auto;padding: 14px 16px; display: block; overflow: hidden; margin-bottom: 30px;}
.news_info_right ul li .news_time{ background: #195bd3; padding: 10px 5px; text-align: center; float: left; width:74px; height: 72px; margin-top: 5px}
.news_time p{ font-size: 21px; color:#fff; border-top: 1px solid #fff }
.news_time  span{ font-size:18px; color: #fff}
.news_xx{ float: right; width:480px; }
.news_xx h4{ width:100%;height: 30px; line-height: 30px; font-size: 14px; color: #333;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_xx p{ width:100%;height: 50px; line-height: 25px; color: #666; font-size: 12px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}

.news_info_right ul li:hover{ background: #f4f4f4}



/*首页地址*/
.idnex_contact{ width:100%;height: auto; display: block; overflow: hidden; margin-top: 40px; margin-bottom: 90px;}
.idnex_contact .idnex_address{ width:100%;height: 115px; margin-top: 20px;}
.idnex_contact .idnex_address ul{ width:100%;height: 100%}
.idnex_address ul li{width:25%;  float: left; text-align: center;}
.idnex_address ul li:hover i{ color: #195bd3}
.idnex_address ul li:hover p{ color: #195bd3}
.idnex_address ul li:hover span{ color: #195bd3}
.idnex_address ul li p{ font-size: 18px; color: #000; width: 100%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 30px; line-height: 30px;
	margin-bottom: 8px;}
.idnex_address ul li p a{ font-size: 18px; color: #000; }
.idnex_address ul li p a:hover{ font-size: 18px; color:  #195bd3; }
.idnex_address ul li span{ font-size: 14px; color: #666; width:100%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight:bold; }
.idnex_address ul li i{ font-size: 47px; color: #666666; margin-bottom: 10px;}

.zaixian{width:100%;height: 35px; line-height: 35px; font-size: 24px; color: #333; margin-top: 90px;}
.zaixian_tijiao{width:100%;height: auto; margin-top: 30px;}
.zaixian_tijiao ul{ width:100%;height: 40px; line-height: 40px; margin-bottom: 30px;}
.zaixian_tijiao ul li{ width:32%;height:40px; border-bottom: 1px solid #bfbfbf; float: left}
.input_two{  margin: 0px 10px;}
.zaixian_tijiao ul li p{ font-size: 14px; color: #333; float: left}
.zaixian_tijiao ul li input{ width:75%; border: 0px; padding-left: 8px;}
.textarea{width:778px; height: 115px; border-bottom: 1px solid #bfbfbf;  margin-top: 20px; float: left;}
.textarea p{font-size: 14px; color: #333; float: left}
.textarea textarea{ line-height: 24px; font-size: 14px; color: #333; height: 100%; border: 0px; width:75%; resize: none;padding-left:5px; float:left;}
.input_button{ width:360px; height:35px;  text-align: center;  font-size: 14px; float: right; border-bottom:1px solid #bfbfbf; margin-top:100px; }
.input_button input[type="submit"]{border: 0px;color: #195bd3; background: none }
.textarea input{ width:75%; height:100%; border:0px;}



/*about*/
.ny_banner{width:100%; height:350px; clear:both;}
#about{background:url(../images/aboutbj.jpg) no-repeat  center top;}
#case{background:url(../images/casebbj.jpg) no-repeat  center top;}
#news{background:url(../images/newsbj.jpg) no-repeat  center top;}
#product{background:url(../images/probj.jpg) no-repeat  center top;}
#service{background:url(../images/fuwubj.jpg) no-repeat  center top;}
#contact{background:url(../images/servicebj.jpg) no-repeat  center top;}

.pos{height:75px; line-height:75px; padding-top:5px;}
.pos_l{float:left; background:url(../images/pos_bg.png) no-repeat left center; padding-left:35px; color:#195bd3; font-size:24px; font-weight:bold;}
.pos_r{float:right; color:#333;}
.pos_r a{color:#333;}
.pos_r a:hover{color:#195bd3;}
.sub_menu{width:100%; height:71px; background: url(../images/sub_bg.png) repeat-x top; clear:both}
.sub_menu li{width:23%; height:71px; line-height:50px; margin:0px 10px; font-size:16px; text-align:center; float:left;}
.sub_menu li a{color:#333; height:71px; line-height:50px; display:block;}
.sub_menu li a:hover,.sub_menu li a.active{color:#fff; background:url(../images/sub_hover.png) no-repeat top center;}
.left-hover{color:#fff; background:url(../images/sub_hover.png) no-repeat top center;}
.left-hover a{color:#fff !important; }
.ny_bd{line-height:30px; margin-top:30px;}

.recomt{width:1200px; border-top:#bebebe 1px solid; margin:60px auto; clear:both; }
.recomt ul{margin-top: 15px;}
.recomt h2{padding-top:40px; font-weight:normal; font-size:20px; color:#333; text-align:center; line-height:60px; background:url(../images/line_v2.jpg) no-repeat bottom center; clear:both}
.recomt li{width:580px; height:45px; line-height:45px; border-bottom:#bebebe 1px solid; margin:0px 10px; float:left;}
.recomt li a{color:#666; background:url(../images/recomt.png) no-repeat 5px center; padding-left:20px; float:left;    width: 80%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.recomt li span{color:#999; font-size:12px; float:right;}
.recomt li:hover a{background:url(../images/recomt_hover.png) no-repeat 5px center; color:#195bd3;}
.recomt li:hover span{color:#195bd3;}
.honor{padding-top:20px;}
.honor li{width:380px; height:400px; margin:10px 10px; overflow:hidden; float:left;}
.honor li img{width:100%; transition:all 0.6s ease-in-out;}
.honor li:hover img{transform:scale(1.1)}
.honor ul{width:100%; height: auto; display: block; overflow: hidden;}



/*case*/
.case_v1{padding-top:20px;}
.case_v1 ul,.pro_list ul{width:100%; height:auto; display:block; overflow:hidden}
.case_v1 li{width:285px; height:299px; margin:10px 7px; text-align:center; overflow:hidden; float:left;}
.case_v1 li img{width:285px; height:225px; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.case_v1 li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;_height:130px;
}

.case_v1 li p{line-height:70px; color:#666; clear:both}
.case_v1 li:hover p{color:#195bd3}
.case_v2{padding-top:20px;}
.case_v2 li{width:100%; height:auto; border-bottom:#bebebe 1px solid; padding:20px 0px; overflow:hidden; float:left;}
.case_v2 li h3{height:40px; line-height:40px; font-weight:normal; clear:both; font-size: 24px;}
.case_v2 li h3 a{color:#333; display:block;}
.case_v2 li p{line-height:30px; clear:both; height: 60px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin: 10px 0}
.case_list_img{ width:252px;height: 253px; border: 1px solid #a0a0a0; float: left}
.case_list_img img{ width:100%;height: 100%; }
.case_list_info{width:850px; height: auto; float: right;    padding-top: 30px;}
.chakan_more{ margin-top: 15px;}
.case_list_info span{width:40px; height: 1px ; border:1px solid #ddd; display: block; overflow: hidden; margin: 10px 0}
.case_list_info:hover{ color: #195bd3}
.case_list_info:hover h3 a{ color: #195bd3}

/*products*/
.pro_list{padding-top:20px;}
.pro_list li{width:250px; margin:10px 25px; text-align:center; overflow:hidden; float:left;}
.pro_list li img{width:100%; height:251px; border:#999 1px solid; display: block; border-bottom: 0px}
.pro_list li p{line-height:40px; color:#ffffff; clear:both; background: #cccccc; font-size: 14px;}
.pro_list li:hover p{ background: #174eb0}


/*news*/
.news_s{width:1200px; height:262px; padding:20px 0px 30px; border-bottom:#e5e5e5 1px solid; margin:0 auto; clear:both}
.news_s img{width:360px; height:210px;float:left; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.news_s img:hover{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}	
.news_s h3{height:38px; line-height:38px; padding-top:10px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.news_s h3 a{color:#333;}
.news_s:hover h3 a{ color:#195bd3}
.news_s p,.news_s a{color:#333;}

.news_s div{line-height:25px; margin:25px 0px;}
.news_spic{ width:360px; height:210px; float:left; overflow:hidden; margin:0px 25px 0px 0px!important;  }
.news_s h4 a,.chakan_more{background: #195bd3; height:35px; font-weight:normal; color:#fff; line-height:35px; display: block; overflow: hidden; width:100px; text-align: center}
.news_x{width:1200px; margin:0 auto; clear:both; height:auto; }
.news_x dl{width:100%; padding:35px 0px; border-bottom:#e5e5e5 1px solid; clear:both}
.news_x dl dt{width:105px; height:100px; background:url(../images/news_dt.png) no-repeat center;text-align:center; float:left}
.news_x dl dt h2{line-height:65px; color:#fff; font-size:38px; clear:both}
.news_x dl dt p{color:#666; line-height:35px;}
.news_x dl dd{width:1095px; padding-left:40px; float:left;}
.news_x dl dd a{height:40px; line-height:30px; color:#333; font-size:16px; display:block;}
.news_x dl dd p{line-height:25px; height:60px; overflow:hidden; clear:both}
.news_x dl:hover dd a{color:#195bd3;}
.news_x .news_xlist{width:100%; height:auto; display:block; overflow:hidden; margin-bottom:40px;}


.news_x::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
            width:5px;  
            height:54px;  
    }  
 
    .news_x::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
            background:#FF66D5;  
    }  
    .news_x::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
        background:#FFA711;  
        
    }  
    .store::-webkit-scrollbar-corner {/*边角（位置6）*/  
        background:#82AFFF;   
    }  
    .store::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
        background:#FF0BEE;  
    }  
    



/*contact*/
.lxwm_l{width:350px; color:#333; float:left;}
.lxwm_l h2{line-height:45px; font-weight:normal; color:#000; clear:both}
.lxwm_r{width:120px; padding-right:10px; text-align:center; float:right;}
.lxwm_r img{width:110px; height:110px; border:#bebebe 1px solid; padding:3px; float:left}
.lxwm_r p{line-height:40px; clear:both; font-size: 12px;}



/*底部*/
.footer{width:100%; padding:30px 0px; background:#174eb0; position:relative; color:#fff; clear:both; border-top: 2px solid #0e2d63;padding-top: 48px; height:225px;}
.footer_logo{ width:167px;height: 109px; float: left;}
.footer_logo img{ width:100%;height: 100%;}
.sxian{ width:1px;height: 101px; float: left;     margin: 26px 10px 0;}
.footer_dao{ width:137px; height: 140px; float: left;    margin: 0px 40px;}
.footer_dao h4,.footer_fs h4{ font-size: 14px;color: #fff;  width:100%; height: 35px; line-height: 35px;}
.footer_dao ul{ width:100%;height: auto;}
.footer_dao ul li{ width:50%; text-align: center; font-size: 14px; height: 30px; line-height: 30px; float: left}
.footer_dao ul li a{color: #FFFFFF}
.footer_dao ul li a:hover{/*color: #195bd3*/ text-decoration:underline;}
.footer_fs{ width:326px;height: 142px; float: left;margin-left: 30px;}
.footer_xx{ width:100%;height: auto;}
.footer_xx p{ width:100%; height: auto; color: #fff; font-size: 14px;}
.footer_xx p img{ width:22px; height: 24px; float: left;    margin-top: 9px;margin-right: 10px;}


.bottom_right_top{width:345px; height: 150px; margin-left: 30px; float: left}
.bottom_right_pic p{ width:100%;height:30px; line-height:30px; text-align: center; color: #fff; font-size: 12px;}
.right_pic{ width:124px;height: 124px; background: url(../images/wxbj.png) no-repeat; padding: 10px;}
.bottom_right_pic{ width:124px; float: left;   margin-right: 40px;}

.copy{width:100%; height:45px; line-height:45px;  color:#fff; background:#000000; clear:both}
.copy_l{float:left;}
.copy_r{float:right;}
.yq_link{line-height:35px; color:#333;}
.yq_link a{color:#666; padding:0px 5px;}
.yq_link a:hover{color:#1b1b1b;}


/*地图*/

.pop .bottom, .pop .center {
    box-sizing: unset;
}

/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#195bd3;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}