 
body{
	background: #fff;
	font-family: "微软雅黑";
}
.head-bg{
    border-bottom: 1px solid #cdcdcd;
    height: 24px;
}

.wel{
    line-height: 24px;
    font-size: 14px;
}
 p{
    margin:0 ;
}

.k1{
    line-height: 24px;
    font-size: 14px;
}
.k1 a{    color: #050505;
    line-height: 24px;
    font-size: 14px;
}

.index_title {
    margin: 50px;
    height: 50px;
    background: url(../images/index_cont3_titlebg.png) center no-repeat;}

.index_title .en {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #d1d2e2;
    position: relative;
    top: -10px;}
.index_title .ch {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d2088;
    padding-top: 5px;
}
  
 /*关于我们*/ 
 .fw {    margin: 0 auto;    width: 1200px; height:400px;}
  .fw {padding-top: 100px}
  .fw .ml{width:300px;float:left;}
  .fw .ml .mlicon{float:left;margin-top:20px;display:none}
  .fw .ml .mlicon img{width:300px;}

  .fw .tt {position: relative;width: 300px;padding-bottom: 50px}
  .fw .tt h1 {color: #434b5b;font-size: 39px;letter-spacing: -2px}
  .fw .tt h4 {color: #434b5b;font-size: 18px;position: relative;font-weight: 200}
  .fw .tt h4:before {content: '';position: absolute;width: 80px;height:2px;background: #ccc;left: 0;top:50px }
  .fw .more_in {margin-top: 60px}
 .fw .tt .btn {position: absolute;bottom: 0;width: 49px;height: 49px;text-align: center;border-radius: 50%;font-size: 18px;transition: all 0.3s;-ms-transition: all 0.3s;}
 .fw .tt .btn i {line-height: 49px;color: #fff}
 .fw .tt .btn.qq {left: 0;background:  url(../images/qq.png) center no-repeat;}
 .fw .tt .btn.wx {left: 69px;background:  url(../images/wx.png) center no-repeat;}
 .fw .tt .btn.add {left: 138px;background:  url(../images/dz.png) center no-repeat;}
 .fw .tt .btn:hover {box-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: translateY(-10px)}
 .fw .txt {width: 460px;color: #434b5b;line-height: 24px;margin-left: 30px}
.more_in {height: 45px;transition: all 0.3s;-ms-transition: all 0.3s;border-radius: 45px;background: #e01e3c;color: #fff;text-align: center;line-height: 45px;width: 183px; display:block}

.cont1 .cont1_box {
   width: 930px;
    height: auto;
    overflow: hidden;
    margin-top: 35px;
    margin: 0 auto;
}
.cont1 .cont1_box p{ color:#333;  line-height:30px;}
#header{width:1280px;margin:0 auto;}
.top{height: 137px; margin-top:10px;}
.logo{float:left; } 

.topLink{float:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{    background: url(../images/tel.png) no-repeat left center;
    font-size: 16px;
    color: #404040;
    line-height: 26px;
    padding-left: 40px;
    margin-top: 40px;
}
#menu{    background: #0f58d6;
    height: 59px;
}
.nav{
    width:1280px;
    margin: 0 auto;
}

.nav li{line-height:59px;height:59px;text-align:center;width:116px;float:left;position:relative;z-index:999;background: url(../images/navli.png) no-repeat right center;}
.nav li a{display:block;line-height:59px;color:#fff;height:59px;font-size: 17px;padding:0;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#da251c;}
.nav li:last-child{background: none;}
.nav .sec{height:0;background:#da251c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:59px;left:0px;}
.nav .sec a{background:#da251c;color:#fff;height:38px;line-height:38px;width:142px;font-size:15px;}
.nav .sec a:hover{background:#2b2b2b;text-decoration:none;}





.header{
	width: 100%;
	height: 120px;
	overflow: hidden;
	display: flex;
	padding-top:29px;
	box-sizing: border-box;
	justify-content: space-between;
}
.header .logo2{
	width: 20%;
	text-align: center;
	display: flex;
    align-items: center;
}
.header .logo2 img{
	margin: 0 auto;
}
.header .tel{
	width: 15%;
	text-align: center;
	display: flex;
    align-items: center;
}
.header ul{
	width: 65%;
	display: flex;
	justify-content: space-around;
}
.header ul li{
	float: left;
	font-size: 18px;
	color: #333;
	line-height: 85px;
	width: 79px;
	text-align: center;
}
.header ul li.active{
	color: #0f58d6;
}
.header ul li .underLine{
	display:block;
	width:0;
	height: 4px;
	margin-top: 2px;
	background: #0f58d6;
}
.header ul .logo{
	float: left;
}
.header ul .logo img{
	position: absolute;
	margin-left: -38px;
	z-index: 999;
}
.banner{
	width: 100%;
	height: auto;
	overflow: hidden;	
	overflow: hidden;
}
.banner>img{
	width: 100%;
	display: block;
}
.banner .swiper-container3{
	width: 100%;
	height: 100%;
}
.swiper-container3{
    width:100%;
    height: auto;
    position: relative;
    z-index: 0;
}  
.swiper-container3 .swiper-slide{
	margin-left: 0px;
}
.swiper-container3 .swiper-slide img{
	display: block;
	width: 100% !important;
	height: auto !important;	
}
.banner .swiper-pagination2{
	text-align: center;
	margin-top: -25px;
}
 
.cont2{
	width: 100%;
	height: 800px;
	overflow:hidden;
	margin: 60px auto;	
	text-align: center;
	position: relative;
}
.cont2>img{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
.cont2 .moreP{
	width: 110px;
	height: 40px;
	border: 1px #393836 solid;
	border-radius: 22px;
	text-align: center;
	line-height: 40px;
	color: #333;
	font-size: 20px;
	margin: 0px auto;
	position: relative;
}

.cont3{
	width: 1200px;
	height: auto;
	overflow:hidden;
	margin: 20px auto;	
	text-align: center;
}
.cont3 .moreP{
	width: 110px;
	height: 40px;
	border: 1px #393836 solid;
	border-radius: 22px;
	text-align: center;
	line-height: 40px;
	color: #333;
	font-size: 20px;
	margin: 0px auto;
	margin-top: 80px;
}
.cont3 .news_li{
	width: 530px;
	height: 440px;
	float: left;
	text-align: left;
}
.cont3 .news_li .p1{
	font-size: 36px;
	color: #333;
}
.cont3 .news_li .p1 span{
	font-size: 16px;
	color: #666;
}
.cont3 .news_li .p2{
	font-size: 20px;
	color: #333;
	margin: 25px 0;
}
.cont3 .news_li .p2 a{ color:#000;}
.cont3 .news_li .p4{
	font-size: 14px;
	color: #333;
	margin-top: 15px;
	line-height: 25px;
}
.cont3 .swiper-container1 {
    width:1120px;
    height: 440px;
    position: relative;
    z-index: 0;
}  
.cont3 .swiper-pagination span{
	width: 10px !important;
	height: 10px !important;
	opacity: 1 !important;
}
.cont3 .swiper-pagination-bullet-active{
	width: 16px !important;
	height: 16px !important;
	background:#fff !important;
	border: 2px #0f58d6 solid;
}
.cont3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	    margin: 0 15px !important;
}
 
.cont5{
	width: 1116px;
	height: auto;
	overflow:hidden;
	margin: 80px auto;	
	text-align: center;
}
.cont5 .moreP{
	width: 110px;
	height: 40px;
	border: 1px #393836 solid;
	border-radius: 22px;
	text-align: center;
	line-height: 40px;
	color: #333;
	font-size: 20px;
	margin: 0px auto;
	margin-top: 80px;
}
.cont5 .cont5_box{
	width: 100%;
	height: auto;
	overflow: auto;
}
.cont5 .cont5_box table tr td{
	border: 1px #DEDEDF solid;
	box-sizing: border-box;
}
.cont5 .cont5_box table tr td img{ 
    padding: 25px;
    box-sizing: border-box;
	width: 100%;
	display: block;
} 

/*底部*/
.out-foot{ clear:both; background: #145fa7;padding: 30px 0 50px 0;margin-top: 80px; height:250px;}
.out-foot a:hover{color:#dbaf31;}
.foot{background: url(../images/heng1.png) repeat-x 0 100%;}
.foot-con{width: 165px;}
.foot-nav{width: 1000px;padding-top: 16px;}
.foot1-t1{font:400 14px/48px "Arial";color:#fff;text-transform: uppercase;}
.foot1-t2{font:400 18px/20px "Arial";color:#fff;background: url(../images/jiao.png) no-repeat 115px 50%;}
.foot-nav li{font:400 16px/82px "Arial";color:#fff;float: left;padding-right: 25px;}
.foot-nav li a{color:#fff;}
.foot-nav li:last-child{padding-right: 0;}

.foot1{    padding-top: 90px;    background: url(../images/heng1.png) repeat-x 0 100%;}
.foota1{width: 714px;background: url(../images/shu.png) no-repeat 100% 100%;height:148px;color:#fff;line-height: 30px;}
.foota1 a{color:#fff;line-height: 56px;}
.foota2{width: 125px;
    text-align: center;
    color: #fff;
    margin-top: 10px;}

.footer{ clear:both; background: url(../images/heng1.png) repeat-x #145fa7;text-align: center;}
.footer .w1200{padding: 24px 0 20px 0;font:400 14px/24px "Arial";color:#fff;}
.footer .w1200 a{color:#fff;}
.footer a:hover{color:#dbaf31;}


/*关于*/
.ab_cont2{
	width: 100%;
	height: 723px;
	overflow:hidden;
	margin: 80px auto;	
	text-align: center;
	padding: 60px 0;
	box-sizing: border-box;
	background: url(../img/about_pic2.jpg);
}
.ab_cont2 ul{
	width: 1120px;
	height: 437px;
	margin: 0px auto;
}
.ab_cont2 ul li{
	float: left;
	width: 300px;
	height: 437px;
	background: #fff;
	margin-right: 110px;
	overflow:hidden;
}
.ab_cont2 ul li:last-child{
	margin-right: 0;
}
.ab_cont2 ul li .ab_top{
	width:300px;
	height: 280px;
	background: #0f58d6;
	display: flex;
	align-items: center;
	text-align: center;
}
.ab_cont2 ul li .ab_top img{
	margin: 0px auto;
}
.ab_cont2 ul li .ab_bottm{
	width:300px;
	height: auto;
	text-align: left;
	padding: 0 30px;
	box-sizing: border-box;
}
.ab_cont2 ul li .ab_bottm .p1{
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin: 15px 0;
}
.ab_cont2 ul li .ab_bottm .p2{
	font-size: 18px;
	color: #333;
}
.ab_cont2 ul li .ab_bottm .p2 span{
	display: block;
	border-bottom: 4px #0f58d6 solid;
	width: auto;
	height: 40px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.ab_cont2 ul li .ab_bottm .p3{
	font-size: 16px;
	color: #333;
	line-height: 27px;
	clear: both;
	margin-top: 15px;
	display: none;
}

.cont5 .ab_cont5{
	width: 100%;
	height: auto;
	overflow: auto;
}
.cont5 .ab_cont5 table tr td{
	width: 12.5%;
	border: 1px #F3CF05 solid;
	box-sizing: border-box;
	background: #ECFFF0;
}
.cont5 .ab_cont5 table tr td .p1{
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.cont5 .ab_cont5 table tr td .p2{
	font-size: 14px;
	text-align: left;
	padding: 0px 8px;
	box-sizing: border-box;
	color: #333333;
	line-height: 23px;
}
.cont5 .ab_cont5 table tr td img{
	width: 100%;
	display: block;
}
.about_conLeft{
	height: 258px !important;
	overflow-y:hidden;
}
.open{
	color: #0f58d6;
	margin-left: 30px;
	cursor: pointer;
}
.stop{
	color: #0f58d6;
	text-align: right;
	margin-right: 30px; 
	cursor: pointer;
}
/*新闻中心*/
.new_box{
	width: 1030px; margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.new_box ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.new_box ul li{
	width: 100%;
	height: 224px;
	background: #EEEDF1;
	margin-bottom: 10px;
}
.new_box ul li.active{
	background: #0f58d6;
}
.new_box ul li.active .new_p .p1,
.new_box ul li.active .new_p .p1 span,
.new_box ul li.active .new_p .p2,
.new_box ul li.active .new_p .p3{
	color: #fff ;
}
.new_box ul li>img{ width: 300px;
	float: left;
	display: block;
}
.new_box ul li .new_p{
	width:705px;
	float: right;
	text-align: left;
	margin-left: 25px;
}
.new_box ul li .new_p .p1{
	font-size: 36px;
	color: #333;
	margin-top: 25px; 
}
.new_box ul li .new_p .p1 span{
	font-size: 16px;
	color: #666;
}
.new_box ul li .new_p .p2{
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}
.new_box ul li .new_p .p3{
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
/*分页*/

.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li span { padding: 10px; line-height: 34px;}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#0f58d6;}
.dede_pages ul li:hover a:hover{color:#0f58d6;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

/*新闻详情*/
.new_info{
	width: 1030px;
	height: auto;
	overflow:hidden;
	background: #ECEBF0;
}
.new_info .new_info_box{
	width: 1030px;
	height: auto;
	overflow:hidden;
	background: #fff;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0px 50px;
	box-sizing: border-box;
}
.new_info .new_info_box .ni_title{
	text-align: center;
	font-size:18px;
	color: #333333;
	font-weight: bold;
	margin: 40px 0;
}
.new_info .new_info_box .ni_title .span1{
	font-size: 36px;
	color: #0f58d6;
	font-weight: normal;
}
.new_info .new_info_box .ni_title .span2{
	font-size: 16px;
	color: #0f58d6;
	font-weight: normal;
}
.new_info .new_info_box .ni_in{
	font-size: 14px;
	color: #333;
	margin-bottom: 25px;
	line-height: 28px;
	text-indent: 2em;
}
.new_info .new_info_box .ni_pic{
	text-align: center;
	margin-bottom: 30px;
}
.new_info .new_info_box .other{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.new_info .new_info_box .other a{
	font-size: 14px;
	color: #333;
}
.new_info .new_info_box .other a.active{
	color: #0f58d6;
}

/*产品中心*/
.w1200 {    width: 1220px;margin: 0 auto; }
.leftMenu {  float: left;
	width: 250px;
	background: #0f58d6;
	color: #fff;
}
.leftMenu .title {
	width: 184px;
	height: 110px;
	padding: 0 28px;
	background: #0f58d6;
	color: #fff;
	text-align: center;
}
.leftMenu .title h3 {
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	padding: 30px 0 27px;
	border-bottom: 1px solid #a9c783;
}
.leftMenu .title span {
	display: block;
	padding-top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}
.leftMenu .list {
	padding: 24px;
}
.leftMenu .list li {
	width: 202px;
	line-height: 50px;
	margin-bottom: 5px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	font-size: 18px;
}
.leftMenu .list li .sub1 {
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #fff;
}
.leftMenu .list li .box {
	padding: 5px 0 0 15px;
	display: none;
}
.leftMenu .list li .box a {
	color: #fff;
	font-size: 15px;
	display: block;
	line-height: 30px;
	padding: 0;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.leftMenu .list li .box a.hover, .leftMenu .list li .box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.leftMenu .list li:hover .sub1, .leftMenu .list li.hover .sub1 {
	padding-left: 15px;
	background: #0f58d6;
}
.leftMenu .list li:hover .box, .leftMenu .list li.hover .box {
	display: block;
}
 
.product{
	width:1030px; float: right;
	height: auto;
	overflow: hidden; 
	text-align: center; 
}
.product .product_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
.product .product_box ul{ margin-left: 15px;	width: 100%;	height: auto;}
.product .product_box ul li{
	width:325px; 
	float: left;
	background: #dedede;
	margin-right: 13px;
	margin-bottom: 13px;
	color: #333;
	position: relative;
}
.product .product_box ul a:nth-child(3n) li{
	margin-right:0px;
}
.product .product_box ul li .p_img{
	width: 100%;
}
.product .product_box ul li .p_img img{border: 1px solid #dedede;width: 100%; box-sizing: border-box;}
.product .product_box ul li .p_info{
	width: 100%;
	padding: 0px 12px;
	box-sizing: border-box;
}
.product .product_box ul li .p_info .p1{
	font-size:20px;
	margin: 20px 0;
}
.product .product_box ul li .p_info .p2{
	height: 100px;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
}
.product .product_box ul li .pb_box .p_info img{
	float: right;
	margin-top: 10px;
	display: none;
}
.product .product_box ul li .pb_box.active{
	position: absolute;  
    left: -17px;  
    top: -25px;  
    z-index: 1;  
    background: #0f58d6;
    color: #fff;
    -webkit-box-shadow:0 0 10px #656565;  
  	-moz-box-shadow:0 0 10px #656565;  
  	box-shadow:0 0 10px #656565; 
}
.product .product_box ul li .pb_box.active .p_info img{
	display:block;
}
/*产品详情*/
.productInfo{
	width: 1100px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 30px;
}
.productInfo .prI_left{
	width:350px;
	float: left;
	position: relative;
}
.productInfo .prI_left .big_img{
	width: 350px; 
	margin-bottom: 20px;
}
.productInfo .prI_left .big_img img{
	width: 350px; 
}
.productInfo .prI_right{
	float: right;
	width: 710px;
	height: auto;
	text-align: left;
}
.productInfo .prI_right .p1{ font-weight: 800;
	font-size: 18px;
	color: #0f58d6;
	margin-bottom: 15px;
}
.productInfo .prI_right .p2{ width: 573px;
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
	line-height: 25px;
}
.swiper-container {
    width: 440px;
	height: 100px;
    box-sizing: border-box;
} 
.swiper-slide{
	width: 100px;
	height: 100px;
	margin-left: 13px;
}
.swiper-slide .p3{ width:530px; height:220px; overflow:hidden; }
.swiper-slide img{
	width: 100%;  
}
.swiper-button-prev,
.swiper-button-next{
	background:none !important;
	top: 90% !important;
}
/*联系我们*/
.contact_box1{
	width: 1030px;
	height: 260px;
	margin: 30px auto;
	margin-bottom: 50px;
}
.contact_box1 li{
	width: 238px;
	height: 260px;
	float: left;
	margin-right: 26px;
}
.contact_box1 li:nth-child(1){
	background: #F9E0E0;
}
.contact_box1 li:nth-child(2){
	background: #DDF2F4;
}
.contact_box1 li:nth-child(3){
	background: #EBF3DA;
}
.contact_box1 li:last-child{
	margin-right: 0px;
	background: #D5ECF9;
}
.contact_box1 li>img{
	margin-top: 50px;
}
.contact_box1 li .p1{
	font-size:18px;
	color: #333333;
	margin: 15px 0;
}
.contact_box1 li .p2{
	font-size:16px;
	color: #333333;
	line-height: 30px;
}
.contact_box2{
	width: 1000px;
	height: auto;
	margin: 40px auto;
}
.contact_box2 .cb2_left{
	float: left;
	width: 480px;
	height: auto;
	overflow: hidden;
}
.contact_box2 .cb2_left .list{
	width: 100%;
	height: 40px;
	background: #ECEBF0;
	margin-bottom: 8px;
}
.contact_box2 .cb2_left .list span{
	width: 80px;
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.contact_box2 .cb2_left .list input{
	float: left;
	width:380px;
	height: 37px;
	margin-top: 1px;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
}
.contact_box2 .cb2_right{
	width: 480px;
	height: 279px;
	background: #ccc;
	float: right;
}
.contact_box2 .cb2_left .list2{
	width: 100%;
	height: 135px;
	background: #ECEBF0;
	margin-bottom: 8px;
}
.thh{ border:none;}
.contact_box2 .cb2_left .list2 .span1{
	width: 80px;
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.contact_box2 .cb2_left .list2 textarea{
	float: left;
	width:380px;
	height:100px;
	margin-top: 10px;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
	resize: none;
}
.contact_box2 .cb2_left .list2 .span2{
	float: right;
	margin-right: 20px;
	width: auto;
	font-size: 14px;
	color: #999;
}
.contact_box2 .cb2_left .btn{
	width: 100px;
	height: 30px;
	color: #0f58d6;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	background: #ECEBF0;
} 
/*項目案例*/
.product .project_box{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
}
.product .project_box ul{
	width: 100%;
	height: auto;
}
.product .project_box ul li{
	width:550px;
	height: 570px;
	float: left;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #333;
	position: relative;
}
.product .project_box ul li a img{ width:100%;}
.product .project_box ul li:nth-child(2n){
	margin-right:0px;
}
.product .project_box ul li>img{
	width: 100%;
}
.product .project_box ul li .p1{
	font-size: 24px;
	color: #333;
	margin:15px 0;
	text-align: left;
}
.product .project_box ul li .p2{
	font-size: 16px;
	color: #333;
	line-height: 26px;
	text-align: left;
}
.product .project_box ul li .p3{
	text-align: left;
	margin-top: 15px;
}
.product .project_box ul li .p3 .span1{
	display:block;
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	border: 1px #C3C3C3 solid;
	text-align: center;
	line-height: 21px;
	color: #C3C3C3;
	font-size: 34px;
}
.product .project_box ul li .p3 .span2{
	display:block;
	float: left;
	font-size: 18px;
	color: #333;
	margin-top: 2px;
    margin-left: 10px;
}
.product .project_box ul li.active .p3 .span1{
	background: #0f58d6;
	color: #fff;
	border-color: #0f58d6;
}
.product .project_box ul li.active .p3 .span2{
	color: #0f58d6;
}
/*首页右边*/
.right_box{
	width: 64px;
	height: 207px;
	position: fixed;
	right: 10px;
	top:45%;
	background: #fff;
	border: 1px #0f58d6 solid;
}
.right_box ul li{
	width: 100%;
	height: 68px;
	text-align: center;
	display: flex;
	align-items: center;
	border-top: 1px #0f58d6 solid;
	background: #FFFFFF;
}
.right_box ul li a{margin:0 auto; }
.right_box ul li img{
	display: block;
	margin: 0px auto;
}
.right_box ul li img.img2{
	display: block;
}
.right_box ul li img.img1{
	display: none;
}
.right_box ul li.active img.img1{
	display: block;
}
.right_box ul li.active img.img2{
	display: none;
}
.right_box ul li:first-child{
	border-top: none;
}
.right_box ul li.active{
	background: #0f58d6;
}
.right_box .erweima{
	display: none;
	width: 210px;
	height: 253px;
	background: #fff;
	position: absolute;
	top: 69px;
	right:70px;
	padding-top: 22px;
	padding-left: 20px;
	box-sizing: border-box;
	background:url(../img/erweimaBG.png);
	z-index: 999;
}
.right_box .erweima p{
	font-size: 18px;
	color: #000;
	margin-top: 20px;
}
.moreP:hover{
	background: #0f58d6;
	border-color: #0f58d6;
	color: #fff;
}

.poster-main {
	position: relative;
	width: 1110px;
	height: 500px;
	left: 50%;
	margin-left: -555px;
	margin-top: 25px;
	margin-bottom:40px;
}
.poster-main a,
.poster-main img {
	display: block;
}
.poster-main .poster-list{
	width: 1110px;
	height: 500px;
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0px;
}
.poster-main .poster-btn {
	position: absolute;
	top: 51%;
	width: 27px !important;
	height: 49px !important;
	z-index: 10;
	cursor: pointer;
	opacity: 0.8
}
.poster-main .poster-prev-btn {
	left: 9%;
	background: url(../img/arrow_left.png) no-repeat center center;
}
.poster-main .poster-next-btn {
	right: 9%;
	background: url(../img/arrow_right.png) no-repeat center center;
}

.cont2 .pb_box{
	width: 100%;
	height:100%;
	float: left;
	background: #fff;
	/*margin-right: 13px;
	margin-bottom: 13px;*/
	color: #333;
	position: relative;
	overflow: hidden;
}
.cont2 .pb_box .p_img{
	width: 100%;
}
.cont2 .pb_box .p_img img{
	width: 100%;
}
.cont2 .pb_box .p_info{
	width: 100%;
	padding: 0px 12px;
	box-sizing: border-box;
}
.cont2 .pb_box .p_info .p1{
	font-size:20px;
	margin: 20px 0;
}
.cont2 .pb_box .p_info .p2{
	text-align: left;
	font-size:14px;
	line-height: 25px;
}

/*
.cont2 .cont2_box{
	width: 1110px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	margin-top:30px;
	z-index: 0;
}
.cont2 .cont2_box .pb_box.active{
	position: absolute;  
    left: -17px;  
    top: -25px;  
    z-index: 1;  
    background: #0f58d6;
    color: #fff;
    -webkit-box-shadow:0 0 10px #656565;  
  	-moz-box-shadow:0 0 10px #656565;  
  	box-shadow:0 0 10px #656565; 
}*/
.index2{
	background:#0f58d6 !important;
	color:#fff !important;
	-webkit-box-shadow:0 0 15px #5E5E5A;  
	-moz-box-shadow:0 0 15px #5E5E5A;  
	box-shadow:0 0 15px #5E5E5A;  
}


.xhh{ width:1100px;}
.xhhtable { border: #dedede; }
 .xhh table tr th{background:#dedede;text-align:center; }     
 .xhh table tr{height:35px; line-height:35px; text-align:center;}
 .xhh table tr td{line-height: 15px;}
 .howw:hover{ background:#0f58d6; width:100%; color:#fff;}
 .howw a:hover{ color:#fff;}
 .xhh table tr:nth-of-type(odd){ background:#f4f4f4; } 
 .xhh table tr:nth-of-type(even){ background:#e6e6e6;}  
 .xhh table { border: #dedede;}
 .xhh table tr th{background:#d9d9d9;text-align:center; }     
 .xhh table tr{height:35px; line-height:35px; text-align:center;}
 .xhh  table tr:hover{background:#0f58d6;  width:870px; heightÃƒÂ¯Ã‚Â¼Ã…Â¡35px; color:#000000;} 
 .h88:nth-of-type(odd):hover{ background:#d7f1f4;  width:870px; color:#000;}
 .h88:nth-of-type(even):hover{ background:#d7f1f4bo;  width:870px; color:#000;}
 .h88 td a{ color:#000;}
 .xhh table tr:nth-of-type(odd){ background:#fafafa; } 
 .xhh  table tr:nth-of-type(even){ background:#f6f6f6;} 
 
  
	.Right_bottom {
    width: 100%;
    margin-top: 10px;
}
.Right_bottom li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-bottom: 2px;
    width: 100%;
}
.bgblue {
    background-color: #F4F4F4;
}
.bggrey {
    background-color: #E4E4E4;
}
.Ename {
    background-color: #B9B9B9;
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 320px;
    color: #333;
    font-size: 12px;
}
.EnameList {
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 360px;
    color: #333;
    font-size: 12px;
}

.xsxh{ width:48%; margin-legt:1%; float:left; line-height:30px; }
.connn{ line-height:30px;}
.connn div span{ line-height:30px;}

/*首页新增*/
.w1200 {
    width: 1280px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
.fl{float:left;}
.fr{float:right;}
 .ys{ clear:both; background: url(../images/you.png)no-repeat center top;margin-top: 37px;}
.ys-tit{text-align: center;}
.ys-tit h3{color: #fff;font-size: 60px;font-weight: bold;padding-top: 63px;text-indent: 100px;}
.ys-tit p{color: #fff;font-size:18px;margin-top: 18px;}
.ys-tit img{margin-top: 145px;}
.ys-cont{margin-top: 98px;position:relative;}
.ysimg1{position:absolute;top:0;left: 0}
.ysimg2{position:absolute;top:330px;right: 0}
.ysimg3{position: absolute;top:660px;left:19px;}
.ysimg4{position: absolute;top:990px;right:15px;}

.ys1{width: 730px;float: right;height: 324px;}
.dbt{background: url(../images/ybj.png) no-repeat top center;width: 682px;height: 44px;margin-bottom: 40px;margin-left: 48px;}
.dbt1{background: url(../images/ybj.png) no-repeat top center;width: 682px;height: 44px;margin-bottom: 40px;margin-left: 48px;}

.dbt span{color: #fff;font-size: 23px;line-height: 44px;text-indent: 78px;letter-spacing: 10px;}
.dbt i{color: #c7c7c7;font-size: 26px;text-transform: uppercase;margin: 13px 0 0 35px;}
.ysa{ }
.ysa h3{color: #000;font-size: 27px;font-weight: bold;padding-left: 78px;}
.ysa .cont{margin-top: 22px;color: #585858;font-size: 15px;line-height: 27px;text-align: justify;padding-left: 78px;}

.ysa1 h3{color: #000;font-size: 27px;font-weight: bold;padding-left: 78px;}
.ysa1 .cont{margin-top: 22px;color: #585858;font-size: 15px;line-height: 27px;text-align: justify;padding-left: 78px;}

.ys2{background: url(../images/ys2.png)no-repeat left top;height: 338px; clear:both;}
.ys2 .cont{width: 523px;}
.ys3{height: 310px;width: 683px;float: right;}
.ys4{background: url(../images/ys2.png)no-repeat left top;height: 345px; clear:both; }
.ys4 .cont{width: 523px;}


/*新增加新闻*/
	.news_index {margin-top: 30px;}
.news_tit {padding-top: 50px;}
.news_tit img {width: 227px;height: 28px;}
.news_nr {/*margin-top: 45px;*/}
.news_left {width: 400px;    float: left;}
.news_left .n_l_top { height: 270px;background: #fff; position: relative;padding-top: 11px;}
.news_left .n_l_top>h3 {text-align:left; position: relative; height: 46px; line-height: 46px;border-bottom: 1px solid #337ccb;font-size: 18px;    font-weight: bold;    color: #333333;    padding: 0 20px;}
.news_left .n_l_top>h3 a {position: absolute;right: 20px;top: 0px;font-size: 12px;color: #666666;font-weight: normal;}
.n_l_top  

.news_left .n_l_btm {    margin-top: 21px;    height: 350px;    background: #fff;    background: #fff;
    padding-top: 11px;    padding-bottom: 7px;}
.news_left .n_l_btm>h3 { text-align: left;
    position: relative; 
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #337ccb;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 0 20px;
}

.news_left .n_l_btm>h3 a {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.n_l_btm .gs_news {
    padding: 12px 20px;
}

.gs_news_list li { height: 42px; text-align: left;
    line-height: 42px;
    background: url(../images/gs_news_li_bg.png) no-repeat left center;
    padding-left: 20px;
}

.gs_news_list li h3 { text-align: left; height: 42px; overflow: hidden;
    font-size: 14px;
    line-height: 42px;
}

.gs_news_list li h3 a {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-family: "microsoft yahei";
}

.gs_news_list li:hover {
    background: url(../images/gs_news_li_h_bg.png) no-repeat left center;
}

.gs_news_list li:hover a {
    color: #337ccb;
}

.news_right {
    width: 830px;
    float: right;
    height: 631px;

    background: #fff;
    padding-top: 11px;
}

.news_right>h3 {    position: relative;    height: 46px;    line-height: 46px;    border-bottom: 1px solid #337ccb;    font-size: 18px;
    font-weight: bold;    color: #333333;    padding: 0 20px; text-align:left;}

.news_right>h3 a {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.news_right .hy_news {
    padding: 10px 20px;
    position: relative;
}

.hy_news .hy_news_list {}

.hy_news .hy_news_list li {
   clear: both;
    /* padding: 22px 0px; */
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
    height: 150px;
}

.hy_news .hy_news_list li:nth-child(3) {
    border: none;
}

.hy_news .hy_news_list li .hy_aa {
    width: 230px;
    height: 140px;
     overflow: hidden;
}

.hy_news .hy_news_list li .hy_aa img {
    width: 230px;
    height: 140px;
}

.hy_news .hy_news_list li .hy_bb {
    width:470px;
    margin-left: 20px;
}

.hy_news .hy_news_list li img {min-width: 100%;min-height: 100%;transition: all 0.4s;}


.hy_news .hy_news_list li:hover img{
    transform: scale(1.1);
}


.hy_bb h3 { text-align: left;
    padding-top: 10px;
    color: #333333;
    font-size: 16px;
    font-family: "microsoft yahei";
    font-weight: normal;
}

.hy_bb h3 a{
   color: #333333;
}
.hy_bb h3 a:hover,.cj_news_list li h3 a:hover{
  color: #337ccb;
}

.hy_bb span {text-align: left;
    display: block;
    padding-top: 20px;
    color: #666666;
    font-size: 14px;
    font-family: "microsoft yahei";
    font-weight: normal;
    line-height: 24px;
}
.hy_bb .pps{color: #337ccb}
.ad {    width: 100%; 
    background: url(../images/adbg.png) no-repeat center;
    height: 380px;
}
.ad .container { width: 1200px; margin:0 auto;
    position: relative;
}
.ad .phone {
    float: right;
    width: 145px;
}
.ad .phone p {    margin-top: 130px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
}
.ad .phone span {     letter-spacing: 6px; display: block;  color: #fff; font-family: impact; font-size: 24px;}
.ad .phone a {   width: 120px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #ff9600;
    display: block;
    border-radius: 2px;}
/*关于我们*/
.con5{height: 740px;    clear: both;    margin-bottom: 80px;margin-top: 80px;}
.c5{position: relative;}
.title1a{font:400 53px/40px "impact";color:#0f58d6;text-transform: uppercase;}
.title2b{font:600 30px/38px "Arial";color:#333;background: url(../images/c1.png) no-repeat 100% 50%;width: 254px;margin-top: 12px;}
.c5-m{position: absolute;right: 0;z-index: 9999;top:0;}
.con55{padding-top: 60px;}
.con5a{width: 452px;height: 590px;position: relative;background: url(../images/about.png) no-repeat;}
.con5a2{position: absolute;right: 0;bottom: 0;}
.con5a1{width: 28px;font-weight: 600;font-size: 25px;color:#0f58d6;padding-left: 35px;padding-top: 52px;}

.con5b{width: 672px;padding-top: 30px;}
.con5b1{font:400 29px/84px "Arial";color:#333;}
.xian1 {width: 53px;height: 5px;background: #145fa7;}
.con5b2{font:400 16px/30px "Arial";color:#666;height: 182px;overflow: hidden;margin-top: 24px;}
.con5b3{width: 142px;height: 41px;background: url(../images/mm1.png) no-repeat;margin-top: 32px;}
.con5b3 a{font:400 14px/41px "Arial";color:#999999;padding-left: 14px;}
.con5b4{margin-top: 42px;}
.con5b4 li{float: left;margin-right: 4px;}
.con5b4 li img{width: 219px;height: 148px;border:1px solid #b5b5b5;}
.con5b4 li:last-child{float: right;margin-right: 0;}

/*新增应用领域*/
 .c3 { clear:both; margin-top: 66px; height:550px;   margin-bottom: 74px;}
 .c3 .content { width:1200px; margin:0 auto;   margin-top: 60px;}
 .c3 .content .list2 {    margin-left: -18px;    margin-right: -18px;}
 .c3 .content .list2 li {   width: 33.33333333%;  float: left;}
 .c3 .content .list2 li a {    display: block;    border: 1px solid #e2e2e2;    max-height: 408px;    overflow: hidden;}

.c3 .content .list2 li a .img {    overflow: hidden;}

.c3 .content .list2 li:hover a .img img {    transform: scale(1.1);}

.c3 .content .list2 li a .img img {    width: 100%;    transition-duration: .3s;}

.c3 .content .list2 li a .zi {    background: #fff;    padding: 28px 34px 22px;    transition-duration: .3s;}
.c3 .content .list2 li a .zi h3 {    color: #333333;    font-weight: 600;    font-size: 20px;    line-height: 1;}

.c3 .content .list2 li a .zi h3 span {    display: block;    font-size: 16px;    font-weight: 500;    margin-top: 16px;
    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}

.c3 .content .list2 li a .zi dd {margin-top: 26px;font-size: 14px;line-height: 24px;    color: #333333;
    display: none;    text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.c3 .content .list2 li a:hover .zi {margin-top: -21%;position: relative; z-index: 111; padding-bottom: 34px;}
.c3 .content .list2 li a:hover .zi h3 {color: #0f58d6;}
.c3 .content .list2 li a:hover .zi h3 span {color: #333;}
.c3 .content .list2 li a:hover .zi dd {display: block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;        display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
 
.ind_tt{ width:1200px; height:100px; text-align:left; margin:40px auto;}
.title_le{ width:300px; float:left;}
.title_le .title1_ind{font:400 53px/40px "impact";color:#0f58d6;text-transform: uppercase; letter-spacing: 8px;}
.title_le .title2_ind{font:600 30px/28px "Arial‘";color:#333;background: url(../images/c1.png) no-repeat 100% 50%;width: 254px;margin-top: 12px;}
.c3-m {     float:right;   margin-top: 20px;}
.c3-m a { background: #ddd; padding: 2px 20px; margin-left: 1px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase;    font: 400 16px / 48px 微软雅黑;    display: block; float: left;}
.c3-m a:hover{ background:#0f58d6; color:#fff; }
/*轴承品牌*/
.con4{background: url(../images/con4.jpg) no-repeat center;width: 1920px;position: relative;
	left: 50%;margin-left: -960px;height:749px;overflow: hidden;margin-top: 58px;}
.c4{width: 1205px;position: relative;left: 50%;margin-left: -602px;padding-top: 80px;}
.c44{background: url(../images/c4.png) no-repeat center;width: 1205px;position: relative;
	left: 50%;margin-left: -602px;height:523px;}
.c4-t1{text-align: center;font-size: 48px;font-weight: 600;color:#fff;}
.c4-t2{text-align: center;font:400 14px/30px "Arial";color:#fff;padding-top: 14px;}
.c4-con{padding-top: 55px;}
.c4-con li:nth-child(1){width: 198px;height: 168px;position: absolute;left: 0;top:268px;}
.c4-con li:nth-child(2){width: 198px;height: 168px;position: absolute;left: 162px;top:170px;}
.c4-con li:nth-child(3){width: 198px;height: 168px;position: absolute;left: 162px;top:358px;}
.c4-con li:nth-child(4){width: 198px;height: 168px;position: absolute;left: 335px;top:268px;}
.c4-con li:nth-child(5){width: 198px;height: 168px;position: absolute;left: 499px;top:170px;}
.c4-con li:nth-child(6){width: 198px;height: 168px;position: absolute;left: 499px;top:358px;}
.c4-con li:nth-child(7){width: 198px;height: 168px;position: absolute;left: 672px;top:268px;}
.c4-con li:nth-child(8){width: 198px;height: 168px;position: absolute;right: 162px;top:358px;}
.c4-con li:nth-child(9){width: 198px;height: 168px;position: absolute;right: 162px;top:170px;}
.c4-con li:nth-child(10){width: 198px;height: 168px;position: absolute;right: 0;top:268px;}
.ph1{background: url(../images/ph.png) no-repeat;font-size: 23px;color:#fff;padding-left: 50px;margin-left: 482px;margin-top: 37px;}
.c4-m{text-align: center;}
.c4-m{margin-top: 31px;}

/*产品展示*/
 


/*关于我们*/
 
.product1{ width:1200px; margin:0 auto; }
.ht {
    height: 226px;
    background: url(../images/bj4.jpg) no-repeat top center;
}
.cont1{ text-align:center; width:990px;float: right; margin:0 auto;  }
.title{
	width: auto;
	margin: 0px auto;
	display: inline-block;
}
.title .p1{
	color: #0171bb;
	font-size: 60px;
	float: left;
	margin-right: 10px;
}
.title .p2{
	float: right;
}
.title .p2 .pp1{
	color: #333333;
	font-size: 26px;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
}
.title .p2 .pp2{
	color: #666666;
	font-size: 18px;
	text-align: left;
}
