﻿@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #222;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei"; background:#FFF;}
a{text-decoration:none; color:#333; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover{color:#035CAC;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
input,form,textarea{font-family:"微软雅黑","Microsoft YaHei";}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.main{width: 1200px;margin: 0 auto;}


/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
.picShow img{transition:all 500ms ease-out 0s; }


/* 头部导航 */
.header {height: 96px; width: 100%; background:#fff;}
/*LOGO*/
.header .logo {}
.header .logo h1{ margin-top:28px;}

/*导航*/
.header .menu{}
.header .menu li{float: left; height: 100%!important;}
.header .menu .nav{display: block; padding:0 20px; height: 96px;line-height: 96px;text-align:center;transition: all 0.3s;font-size:15px; color:#555;}
.header .menu .on{background:#035CAC;}
.header .menu .on .nav{color:#fff;}

.header .menu .nav_down{position: absolute;width:100%;border-top:1px solid #ddd;left:0px;background:#fff;display:none;z-index:10;min-width:1200px; margin:auto;}
.header .menu .center_msg{width:1200px;height:300px;padding: 50px 0px 30px 0px;box-sizing:border-box;margin:0 auto;}

.header .menu .msg_left{width:290px; height:175px; overflow:hidden; float:left;}
.header .menu .msg_left img{width:100%; height:100%;}

.header .menu .msg_mid{ width:460px; float:left;}
.header .menu .msg_mid dd{width: 40%;float: left; border-bottom: 1px solid #e5e5e5; margin-left:10%; padding:5px 0;}
.header .menu .msg_mid dd a {display: block;height: 35px;line-height: 35px;text-align: left;color: #555;background: url(../images/icon_sj.png) no-repeat left center; padding-left: 20px;}
.header .menu .msg_mid dd:hover a{color:#035CAC;}

.header .menu .msg_right{ width:340px; height:175px; overflow:hidden; float:right; border-left:solid 1px #e5e5e5; padding-left:40px;}
.header .menu .msg_right span{display: block; font-size:16px; font-weight:bold; margin:5px 0 12px 0;}
.header .menu .msg_right p{color:#666666; text-align:justify; line-height:26px;}


/*顶部搜索*/
.header_search{margin-left:50px;}
.header .lag{ display:block; line-height:96px; font-size:16px; color:#888;}
.header .serch_btn{ margin-top:23px; display:block;width:50px;height:50px;background:url(../images/icon-sq2.png) no-repeat center;cursor:pointer;}
.serch_in{position:absolute;margin-top:39px;left:56.5%;z-index:333;display: block;width: 22px;height:22px;background:url(../images/wsearch.png) no-repeat center;border: none;cursor: pointer;}
.search_box{width:100%;height:100%;background:#035CAC;position:absolute;top:-100%;left:0px;z-index:1;transition:all 0.6s;}
.serch_txt{width:300px;height:20px;margin-top:30px;border:none;border-bottom:1px solid  #fff;padding:10px;position:absolute;left:50%;margin-left:-160px;color:#fff;background:none;}
.close{width:25px;height:25px;position:relative;display:block;left:70%;top:42px;cursor:pointer;}
.close:before,.close:after{position:absolute;display:block;width:25px;height:2px;background:#fff;content:'';top: 50%;left: 50%;margin-left:-10px;}
.close:before{transform:rotate(45deg);}
.close:after{transform:rotate(-45deg);}
.show{top:0px;}


/*焦点图*/
.swiper-container{min-width:1200px; margin:auto;}
	#banner .swiper-slide{text-align:center;background: #fff;}
	#banner .swiper-slide img{ width:100%; max-width:1920px; display:block;}
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 13px;height: 13px; display: inline-block; border-radius: 100%; background: #fff;opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{ background:#035CAC;}
	#banner .swiper-pagination{bottom:15px;}

.swiper-slide .swiper_txt{ width:1200px; margin:auto; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-70px; text-align:left; color:#fff;}
.swiper-slide .swiper_txt h5{font-size:42px; margin-bottom:20px;}
.swiper-slide .swiper_txt p{font-size:32px;}
.swiper-slide .swiper_txt p:after{content:"";display: block;width: 68px;background:#fff;height: 2px; margin-top:25px;}


/*公司介绍*/
.about_left{width:500px; float:left;}
.about_left h3{font-size:32px; font-weight:normal; color:#000;}
.about_left h3:after{content:"";display: block;width:15px;background:#999;height: 2px; margin:20px 0 30px 0;}
.about_left p{line-height:24px; text-align:justify; color:#666;}

.about_left .link_1{display: block; width: 42px;height: 42px;border: 1px solid #aaa; margin:50px 0 0px 0;border-radius: 50%; background:url(../images/ico_arrow01.png) no-repeat center center #fff;transition: all 0.3s ease 0s;}
.about_left .link_1:hover{border: 1px solid #035CAC;background:url(../images/ico_arrow011.png) no-repeat center center #035CAC;transition: all 0.3s ease 0s;}

.about_right{width:450px; float:right;}
.about_right .about_sub{ text-align:right; line-height:26px; height:50px; font-size:12px; color:#ccc;}
.about_right .about_sub a{padding:0 15px; font-size:14px;}
.about_right .about_sub a:hover{}
.about_right .about_pic{width:100%; height:256px; overflow:hidden;}
.about_right .about_pic img{width:100%;}

/* 数字变换css */
.product-number-info {position: relative; background:#fff; height:120px;}
.product-number-info .product-number-inner {width: 1200px; position:absolute;}
.product-number-info ul {padding: 20px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;  width: 300px; padding-left:120px; height: 80px; border-left: 1px solid #d8d8d8; box-sizing:border-box;}
.product-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 65px center;}
.product-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 55px center;}
.product-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 40px center;}
.product-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 50px center;}

.product-number-info li:first-child { border: none;}
.product-number-info li b {font-weight: 300;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 10px 0 5px;}
.product-number-info li p {font-size: 14px; color:#666;}
.product-number-info li b i { font-style:normal;}
.product-number-info li b sup {position: absolute;font-size: 20px; right: -15px;top: -3px;}
.product-number-info li b span {position: absolute; font-weight:normal; color:#666; font-size:14px; right: -20px;top: 18px;}


.index_bg1{ text-align:center; padding:0px; min-width:1200px; margin:auto; margin-top:-60px; }
.index_bg1 img{width:100%; max-width:1920px; display:block;}


/*切换*/
.slideTxtBox{}
.slideTxtBox .hd{ height:80px; line-height:80px; background:#fff; }
.slideTxtBox .hd ul{ }
.slideTxtBox .hd ul li{ float:left; width:270px; cursor:pointer; font-size:20px; padding-left:100px; box-sizing:border-box; position:relative;}
.slideTxtBox .hd ul li.on{ background:#010166;color:#FFF;}
.slideTxtBox .hd ul li .ico_01{background:url(../images/ico_01.png) no-repeat center;  background-size:50px auto; width:50px; height:50px; position:absolute; left:35px; top:15px;}
.slideTxtBox .hd ul li .ico_02{background:url(../images/ico_02.png) no-repeat center;  background-size:50px auto; width:50px; height:50px; position:absolute; left:35px; top:15px;}
.slideTxtBox .hd ul li .ico_03{background:url(../images/ico_03.png) no-repeat center;  background-size:50px auto; width:50px; height:50px; position:absolute; left:35px; top:15px;}
.slideTxtBox .hd ul li.on .ico_01{background:url(../images/ico_011.png) no-repeat center;  background-size:50px auto;}
.slideTxtBox .hd ul li.on .ico_02{background:url(../images/ico_022.png) no-repeat center;  background-size:50px auto;}
.slideTxtBox .hd ul li.on .ico_03{background:url(../images/ico_033.png) no-repeat center;  background-size:50px auto;}

.slideTxtBox .hd ul li i{background:url(../images/arr_down.png) no-repeat; width:54px; height:27px;  position:absolute; left:50%; margin-left:-27px; top:50px;transition: 0.3s all; display:none;}
.slideTxtBox .hd ul li.on i{ top:68px;display:block;}

.slideTxtBox .bd{ background:url(../images/bg_03.jpg) no-repeat center center; height:430px;min-width:1200px; margin:auto;}
.slideTxtBox .bd .bd_left{ width:560px; box-sizing:border-box; float:left;}
.slideTxtBox .bd .bd_left h5{ font-size:32px; font-weight:normal; margin:70px 0 35px 0; color:#000;}
.slideTxtBox .bd .bd_left p{ line-height:26px; text-align:justify; color:#555; margin-bottom:10px;}

.slideTxtBox .bd .bd_right{ width:560px;float:right; height:293px; margin-top:60px; overflow:hidden;}
.slideTxtBox .bd .bd_right img{width:100%;}
/*.slideTxtBox .bd li:hover img{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}*/

/*more*/
.detail{overflow: hidden;}
.detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(../images/ico_arr02.png) no-repeat 0 center;}
.detail:hover em{margin-left: 0px;opacity: 1;}

/*新闻*/
.index_tit{ font-size:32px; color:#000; line-height:32px; margin-bottom:25px;}
.index_tit span{float:right; font-size:13px;}

/* 新闻css */
.picScroll-left{ width:1200px; position:relative; margin:auto;}
.picScroll-left .hd{width:1200px; height:40px; position:absolute; top:200px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url("../images/index.png") no-repeat;}
.picScroll-left .hd .prev{ background-position:-110px -141px; float:left; margin-left:-50px;}
.picScroll-left .hd .next{ background-position:-110px -181px; float:right; margin-right:-50px;}

.picScroll-left .bd{ width:1200px; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; width:383px; margin-right:25px;}

.picScroll-left .bd ul li .news_pic{ width:100%; height:220px; overflow:hidden;}
.picScroll-left .bd ul li .news_pic img{ width:100%;  display:block;transition:all 500ms ease-out 0s; }
.picScroll-left .bd ul li:hover .news_pic img{
  cursor:pointer;
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);}
  
.picScroll-left .bd ul li .news_txt{ padding:25px 15px; border:solid 1px #ddd; border-top:0; background:#FFF;}
.picScroll-left .bd ul li .news_txt h5{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:15px; margin-bottom:15px;}
.picScroll-left .bd ul li .news_txt p{line-height:26px; color:#666; font-size:13px; height:60px;}



/* 底部 */
.f_nbg{ width:100%; min-width:1200px; background:#222; margin:0px auto; padding:50px 0 50px 0;}

.b_right{float:right; width:140px; text-align:center;}
.b_right li{}
.b_right li img{ width:108px; height:108px; vertical-align:top; margin-top:5px;}
.b_right li p{font-size: 13px; background:none; height:25px; line-height:25px; text-align:center; color:#999; padding-top:5px;}



.f_nav{}
.f_nav li{float:left;  padding:0 100px 0 0px; text-align:left; }
.f_nav li b{ display:block; width:100%;   font-weight:normal;margin-bottom: 15px; }
.f_nav li b a{ font-size:16px; color:#fff;}
.f_nav li b:after{content:"";display: block;width:100%;background:#333;height: 1px; margin-top:15px; }

.f_nav li p{ width:100%;  line-height:24px;}
.f_nav li p a{ font-size:13px; color:#999;}
.f_nav li p a:hover{ color:#035CAC;}


.bq_bg{ width:100%; min-width:1200px; margin:0px auto;   background:#111; line-height:40px;color:#fff; text-align:center; text-transform:uppercase; font-size:12px; color:#666;}



/*二级页面*/
.page_ban{ max-width:1920px; margin:auto;position:relative;min-width:1200px; margin:auto;}
.page_ban img{width:100%; display:block;}
.page_ban h3{font-size:36px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-25px;color: #fff;}
.page_ban h3:after{content:"";display: block;width:25px;background:#fff;height: 2px; margin:15px auto 0px auto;}


.sub_weizhi{ line-height:56px; height:56px; background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);min-width:1200px; margin:auto;}
.sub_weizhi .weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:25px;  color:#666;}
.sub_nav{}
.sub_nav li{float:left; margin-right:25px; background:url(../images/case9.png) no-repeat right center; padding-right:25px;}
.sub_nav li:last-child{ background:none;}
.sub_nav li a {display: block; position: relative;}
.sub_nav li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#035CAC;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.sub_nav li:hover > a:before {width: 100%;}
.sub_nav li.currclass a,.sub_nav li.currclass a:before{ color:#035CAC; font-weight:bold; width: 100%;}


/*公司简介*/
.about_tit{ font-size:32px; color:#000; }
.about_tit span{font-size:14px; float:right; margin-top:25px;}
.about_tit:after{content:"";display: block;width:15px;background:#035CAC;height: 2px; margin:25px 0 35px 0;}
.about_tit1{ font-size:32px; color:#000; margin-bottom:25px;}

.about_txt{width:600px; text-align:justify;}
.about_txt h5{font-size:20px;margin-bottom:40px;}
.about_txt p{ margin-bottom:15px; line-height:28px; color:#444;}

.about_info{width: 502px;height: 448px;border-left: 1px solid #f2f2f2;background: url(../images/abt1.jpg) no-repeat;position: relative;}
.value,.value1,.value2{display: block;font-size: 60px;line-height: 70px;color: #b0b0b0;font-family: "Arial"}
.value{position: absolute;bottom: 128px;left: 50px;}
.value1{position: absolute;bottom: 128px;left: 325px;}
.value2{position: absolute;bottom: 26px;left: 57px;}
.value3{display: block;font-size: 70px;line-height: 70px;color:#1F4583;position: absolute;top: 0;left: 55px;font-family: "Arial"}

/*发展历程*/
.licheng{background:url(../images/licheng_bg.jpg) no-repeat center center; background-size: cover; height:600px;min-width:1200px; margin:auto;}
.licheng h5{font-size:32px; color:#fff; font-weight:normal; padding-top:50px;}
.licheng p{color:#fff; font-size:16px; margin-top:25px;}

#histime{position:relative;}
#histime .contain{position:relative; width:1200px; margin:auto;}
#histime:after{position:absolute;left:0px;top:70px;content:"";width:100%;height:1px;background:rgba(255,255,255,0.2);}
#histime .date{font-size:42px;font-family:Arial;color:#fff;margin-bottom:10px;position:relative;}
#histime .date:after{width:15px;height:15px;background:#fff;content:"";border-radius:50%;position:absolute;left:0px;bottom:-30px;}
#histime .note{font-size:18px;color:#fff;margin-top:60px; line-height:30px;}
#histime .date span{font-size:22px;}
#histime .swiper-container{width:1080px; min-width:1080px;}
#histime .swiper-button-prev{background:url(../images/icon-hisp.png) no-repeat center;top:70px;;}
#histime .swiper-button-next{background:url(../images/icon-hisn.png) no-repeat center;top:70px;;}

/*企业文化*/
.qywh{}
.qywh li{width:393px; margin-right:10px; float:left; margin-bottom:20px; box-sizing:border-box; height:215px; position:relative; overflow:hidden;}
.qywh li:nth-child(3n){ margin-right:0;}
.qywh li h3{ position:absolute; left:25px; top:35px; font-size:22px; color:#fff; font-weight:normal;}
.qywh li .qywh_txt{width: 100%; height: 100%; position: absolute; top: 0px;left: -393px;color: #fff;background: rgba(0,0,0,0.6); padding-left: 25px; box-sizing:border-box;transition: all 0.3s;}
.qywh li .qywh_txt h4{font-size: 22px;  margin-bottom: 15px; margin-top: 35px; font-weight:normal;}
.qywh li .qywh_txt p{font-size: 14px; line-height: 1em; text-transform: uppercase;}
.qywh li:hover .qywh_txt{left:0; cursor:pointer;}
.qywh li:hover h3{left:-393px;}
.qywh li img{transition:all 300ms ease-out 0s; }
.qywh li:hover img{
  cursor:pointer;
  -webkit-transform:scale(1.2);
  moz-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);}
  
/*公司优势*/  
.bg_hui{ background:#f2f2f2; padding:50px 0;min-width:1200px; margin:auto;}
.jzl{}
.jzl li{width:386px; height:430px; background:#fff; box-sizing:border-box; margin-right:20px; float:left;transition: 0.3s all;}
.jzl li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.jzl li:nth-child(3n){ margin-right:0;}
.jzl li .jzl_pic{width:100%; height:182px; overflow:hidden;}
.jzl li .zjl_txt{ padding:45px 25px;}
.jzl li .zjl_txt h4{font-size:20px; margin-bottom:20px; text-align:center;}
.jzl li .zjl_txt p{text-align:justify; line-height:20px; color:#444; height:100px; overflow:hidden;}  
.jzl li .zjl_txt a{ display:block; text-align:center; width:100%;}  
  
  
/*销售业绩*/
.xsyj{background:url(../images/about4.jpg) no-repeat center; box-sizing:border-box; padding:50px; color:#fff;min-width:1200px; margin:auto;}  
.xsyj h5{font-size:32px; color:#fff; font-weight:normal; margin-bottom:35px;}  
.xsyj .xsyj_left{width:530px; font-size:16px;}
.xsyj .xsyj_left img{padding:20px; border-radius:5px; background:#fff; margin-top:25px;}
.xsyj .xsyj_right{width:520px;}  
.xsyj .xsyj_right h6{font-size:16px; margin-bottom:25px;}  
.xsyj .xsyj_right p{line-height:26px;}



/*荣誉资质*/
.rongyu{ width:1200px;height: 308px;  overflow:hidden; position:relative;  }
.rongyu .hd{position: absolute; bottom: 0; width: 100%;}
.rongyu .hd .prev{width: 14px; height: 14px; display: block; background: url(../images/herobut.png) no-repeat -4px -2px;transition:all .3s;cursor: pointer;margin-left: 560px;}
.rongyu .hd .prev:hover{background: url(../images//herobut.png) no-repeat -4px -20px;}
.rongyu .hd .next{width: 14px; height: 14px; display: block; background: url(../images//herobut.png) no-repeat -48px -2px;transition:all .3s;cursor: pointer;margin-right: 560px;}
.rongyu .hd .next:hover{background: url(../images//herobut.png) no-repeat -48px -20px;}
.rongyu .bd{ padding:10px;   }
.rongyu .bd ul{ overflow:hidden; zoom:1; height: 280px;}
.rongyu .bd ul li{width: 198px;height: 252px; float:left; _display:inline; overflow:hidden; text-align:center; transition: all .3s;}
.rongyu .bd ul li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.rongyu .bd ul li .pic{ height:180px;}
.rongyu .bd ul li .pic img{display:block; padding:2px; margin: 35px auto 48px; max-width:100%; max-height:100%;}
.rongyu .bd ul li .title{ line-height:12px; font-size: 12px; color: #444;}
.rongyu .bd ul li .title span{width: 21px; height: 1px; background: #e0e0e0;display: block;margin: 15px auto 0;}


/*新闻列表*/
.news_one{}
.news_one .news_pic{ width:410px; height:220px; overflow:hidden;}
.news_one .news_pic img{width:100%;}
.news_one .news_txt{width:680px;}
.news_one .news_txt h5{font-size:22px; margin:20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.news_one .news_txt p{ color:#555; line-height:24px; height:48px; overflow:hidden;}
.news_one .news_more {width: 140px;height: 38px;background: #035CAC; display: block;text-align: center;line-height: 38px;margin-top: 40px; font-size:16px; color:#fff;}
.news_one .news_more:hover{ background:#013e84;}

.news_list{}
.news_list dl{ padding:25px 40px; border-bottom:solid 1px #dedede; transition: all .3s;}
.news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.news_list dt{ width:220px; height:120px; overflow:hidden}
.news_list dt img{width:100%;}
.news_list dd{width:620px;}
.news_list dd span{float:right; color:#666; font-size:12px;margin:15px 0;}
.news_list dd h5{ font-size:18px; width:420px; margin:15px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_list dd p{text-align:justify; line-height:24px; color:#666;}


/*分页*/
.mypages{margin:25px 0 10px 0; text-align:center; height:50px; line-height:50px;}
.mypages a{ background: #ccc ; padding:7px 14px; color:#666; font-size:14px; border-radius:3px;}
.mypages a.curr,.mypages a:hover{background:#035CAC;  color:#FFFFFF;}



/* 新闻内容页 */
.ntitle{padding:0px 0px 15px 0px;text-align: center;border-bottom: 1px dotted #ccc;}
.ntitle h2{font-size: 24px;margin-bottom: 18px;}
.ntitle span{font-size: 12px; color: #aaa;padding: 0 10px;}

.neirong{margin: 30px 25px; line-height: 30px; text-align:justify;overflow: hidden;}
.neirong img{max-width: 68%;}
.neirong p{margin-bottom: 10px;font-size: 15px;}


/*研发生产*/
/*--*/
.yanfa li{height:361px; background:#fff; transition: all .3s;}
/*.yanfa li:hover{box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
*/
.yanfa li .yanfa_pic{ height:100%; width:60%; overflow:hidden; position:relative;}
.yanfa li .yanfa_pic img{width:100%;}
.yanfa li .yanfa_txt{width:30%; margin:0 3%; padding-top:40px;}
.yanfa li .yanfa_txt h5{ font-size:32px; font-weight:normal; color:#000; margin-bottom:15px;}
.yanfa li .yanfa_txt h5:after{content:"";display: block;width:15px;background:#035CAC;height: 2px; margin:15px 0 25px 0;}
.yanfa li .yanfa_txt p{ color:#666; line-height:24px; text-align:justify; margin-bottom:40px;}
.yanfa li span{}
.yanfa li span a{display: inline-block;line-height: 26px;height: 26px; margin-bottom: 14px;border: 1px solid #ddd;padding: 0 18px; border-radius: 18px; margin-right: 10px;
 transition: all 0.3s ease 0s;float: left;}
.yanfa li span a:hover{background:#035CAC;border: 1px solid #035CAC; color:#fff;}

.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}

/*技术能力单页*/
.yafa_page{}
.yafa_page h2{ font-size:32px; color:#000; font-weight:normal;}
.yafa_page h2:after{content:"";display: block;width:15px;background:#035CAC;height: 2px; margin:20px 0 30px 0;}

.yafa_page1 .txt01{width:38%; line-height:26px; text-align:justify; padding-top:10px;}
.yafa_page1 .pic01{width:56%;}
.yafa_page1 .pic01 img{width:100%;}

.yafa_page2 .txt01{width:20%; line-height:26px; text-align:justify; padding-top:10px;}
.yafa_page2 .pic01{width:80%;}


/*模具能力单页*/
.pic_list{}
.pic_list li{width:285px; margin-right:20px; margin-bottom:20px; float:left;}
.pic_list li:nth-child(4n){margin-right:0px;}
.pic_list li .pic_list_tu{width:285px; height:214px; overflow:hidden;}
.pic_list li .pic_list_tu img{ width:100%; height:100%;}
.pic_list li p{width:100%;line-height:46px; font-size:16px; text-align:center; background:#f2f2f2; transition: all 0.6s ease 0s;}
.pic_list li:hover p{ background:#035CAC; color:#fff;}

.pic_list1 li p{background:#fff;}
.pic_list1 li:hover p{ background:#035CAC; color:#fff;}

.muju_txt{width:50%;}
.muju_txt li{ background:url(../images/icon_sj.png) no-repeat left center; padding-left:15px; line-height:36px;}
.muju_biaoge{width:50%;}

/*生产能力单页*/
.shengchan_biaoge{width:560px;}


/*联系我们单页*/
.lianxi{}
.lianxi li{font-size:14px; line-height:24px;  box-sizing:border-box; padding-left:60px; float:left; margin-right:130px;}
.lianxi li.lx_ico1{ background:url(../images/lianxi_ico1.png) no-repeat left center;}
.lianxi li.lx_ico2{ background:url(../images/lianxi_ico2.png) no-repeat left center;}
.lianxi li.lx_ico3{ background:url(../images/lianxi_ico3.png) no-repeat left center;}




.submit {padding-top: 20px;}
.index_form{}
.index_form input{width: 47%; line-height: 32px;border-radius: 3px;border:1px solid #cfcfcf; padding:3px 1%;  font-family:"微软雅黑";}
.index_form textarea{width: 98%; height: 100px;border-radius: 3px;border:1px solid #cfcfcf; padding:3px 1%;   font-family:"微软雅黑"; margin-top:15px;}
.index_form .submit{text-align:center;}
.index_form .submit input {cursor: pointer; border-radius: 3px;background: #035CAC; display:inline;color: #fff;border:0;width:240px; height: 46px;font-size: 18px; font-family:"微软雅黑";}
.index_form .submit input:hover{background: #035CAC;opacity: 0.8;}




/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  right: 5px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #035CAC;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#035CAC;transition: all 0.3s ease 0s;}







  
  
  