@-webkit-keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } }

@keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } 
}
@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.main ,.header,.banner,.banner1,.content {width: 100%; background-color: #fff}
.clearfl{clear: both;}
.fl-left{float: left}
.fl-right{float: right}

.onlypc{
		display: block;
	}
	.onlymb{
		display: none
	}
table { border-collapse:collapse; border-spacing:0;}
.wd1900{width: 100%; margin:0 auto;}
.wd1720{max-width: 1720px; margin:0 auto;}
.wd1600{max-width: 1600px; margin:0 auto;}
.wd1400{width: 1200px; margin:0 auto;}
.wd1430{max-width: 1430px; margin:0 auto;}
.wd1200{max-width: 1200px; margin:0 auto;}

.yinying{
	-moz-box-shadow:0px 0px 8px #eee; 
	-webkit-box-shadow:0px 0px 8px #eee; 
	box-shadow:0px 0px 8px #eee;
}

img{max-width: 100%}
.pos_rel{
	position: relative;
}





.header{
	height: 100px; 
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover; 
	overflow: hidden;
	
}

.head_left{
	float: left;
	width: 340px;
	
}
.head_right{
	float: right;
	width: 460px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100px; 
}
.head_right .email{
	margin-right: 40px;
	display: flex;
	justify-content: center;
	align-items:center
}
.head_right .email p{
	font-size: 1.4rem;
	line-height: 19px;
	margin-left: 10px;
}
.head_right .search{
	display: flex;
	justify-content: center;
	align-items:center
}
.head_right .search input{
	width: 184px;
	border: 1px solid #9a9a9a;
	height: 35px;
	padding-left: 10px;
}
.head_right .search input::-webkit-input-placeholder{
        color: #5d5d5d;
        font-size: 1.4rem;
}
.head_right .search input::-moz-placeholder{ 
        color: #5d5d5d;
        font-size: 1.4rem;        
}
.head_right .search input:-ms-input-placeholder{ 
		padding-left: 10px;
        color: #5d5d5d;
        font-size: 1.4rem;       
}

.head_right .search button{
	width: 44px;
	height: 35px;
	background: url('../images/button1.jpg') center center no-repeat;
	border: none;
	margin-left: 4px;
	cursor: pointer;
}


.banner{ 
	position: relative;
    z-index: 0;
    
}
.banner .swiper-slide{
	height: 600px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;

}


.banner .swiper-slide {
	display:flex;
	flex-direction: row;
  	align-items:center;
}

.banner .swiper-slide h2{
	color:#fff;
	font-size: 6rem; 
	
	font-weight: bold;
	display: inline-block;
	
}

.banner .swiper-slide p{
	color:#fff;
	font-size: 2rem; 
	margin-top: 15px;
	width: 600px;
	line-height: 3rem;
	font-family: "Arial";
	font-style: italic
	
	
}
.banner .swiper-pagination{ 
    
    bottom:40px;
}

.banner .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: #fff;
    margin: 0 6px;
}


.banner .swiper-pagination-bullet-active {
    color: #fff;
    background: #0e8aec;
}

.banner01{
	background-image:url('../images/banner01.jpg');

}
.banner02{
	background-image:url('../images/banner02.jpg'); 
}


.banner .banner01 h2{
	
	border-bottom: 3px solid #fff;
	padding-bottom: 40px;
	
}
.banner .banner01 p{
	margin-top: 35px;
	font-family: "Microsoft YaHei"; 
	line-height: 4.8rem;
	font-style:  normal;
}


/*手机导航*/
#hamburger {
	width: 24px;
	height: 14px;
	position: fixed;
	top: 30px;
    right: 30px;
	z-index: 999;
	display: none;
}
#hamburger:before, #hamburger:after, #hamburger span {
	background: #0e8aec;
	content: '';
	display: block;
	width: 26px;
	height: 4px;
}
#hamburger span {
	margin: 6px 0 0 0;
}
#hamburger:after {
	margin: 6px 0 0 0;
}
#hamburger.hb-fixed {
	position: fixed;
}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {
	-webkit-transition: none 0.3s ease 0.3s;
	transition: none 0.3s ease 0.3s;
	-webkit-transition-property: transform, top, bottom, left, opacity, margin;
	transition-property: transform, top, bottom, left, opacity, margin;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
	top: 20px;
}
html.mm-opening #hamburger span {
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
	transform: rotate( 45deg );
	margin: 15px 0 0 0;
}
html.mm-opening #hamburger:after {
	transform: rotate( -45deg );
	margin: -15px 0 0 0;
}





/*导航*/

.nav{ 
    height: 70px; 
    background-color:#0052c5;
   
}

.nav_list a{font-size: 1.8rem;color:#fff; display: inline-block; line-height: 70px;padding:0 46px; }
.nav_list a:hover{background-color: #e68200}


#p1 #a1,#p2 #a2,#p3 #a3,#p4 #a4,#p5 #a5,#p6 #a6{background-color: #e68200}



.hd{ position:fixed; height:90px; width:100%; top:0; z-index:99;}
.hd .search,.hd .wangdian,.hd .lan{ height: 90px }
.hd .logo{ width: 80px ;padding-top: 15px;}
.hd .nav_list{padding-top: 25px;}
.hd	.search{padding-top: 39px;}
.hd	.wangdian{padding:37px 20px 0 20px;}
.hd	.lan{padding:37px 0 0 20px;}

/*首页*/
/*01*/
.section-1{
	padding:30px 0 35px 0px;
	overflow: hidden;
}
.section-list{
	display: flex;
	justify-content: space-between;
	align-items:flex-start
}
.in-pro{
	width: 280px;
}
.in-pro  .title{
	background: url('../images/pro_title.jpg') left center no-repeat;
	padding-left:40px ;
	height: 50px;
	color: #ffff;
	font-size: 1.8rem;
	line-height: 50px;

}
.in-pro .list{
	padding-top: 16px;
}
.in-pro .list a{
	background: url('../images/list_bg.jpg') left center no-repeat;
	height: 36px;
	line-height: 36px;
	font-size: 1.4rem;
	display: block;
	padding-left: 12px;
}






/*底部*/
.footer{
	background-color: #0052c5;
	height: 92px;

}
.footer .foot-list{
	display: flex;
	justify-content: space-between;
	align-items:center;
	height: 92px;
}
.foot-hot{
	background: url('../images/foot_tel.jpg') left center no-repeat;
	width: 280px;
	height: 42px;
	padding-left: 70px;
}
.foot-hot p{
	font-size: 1.4rem;
	line-height: 23px;
	color: #fff;
}


.foot-center{
	width: 490px;
}
.foot-link{
	color: #fff;
	text-align: right;
	height: 24px;
	display: flex;
	justify-content: flex-end;
	align-items:center;

}

.foot-link a{
	font-size: 1.4rem;
	color: #fff;
	padding: 0 16px;
	position: relative;
	line-height: 24px;
	display: inline-block;
}
.foot-link i{
	font-size: 1.4rem;
	color: #fff;
	line-height: 24px;
	display: inline-block;
}
/*.foot-link a:after{
	position: absolute;
    content: "";
    width: 1px;
    height: 11px;
    background: #fff;
    top: 0;
    right: 0;
}
*/
.foot-link a:last-child{
	padding-right: 0;
}

.foot-copy p{
	text-align: right;
	color: #fff;
	font-size: 1.4rem;
}




/*首页结束*/

/*内页*/
/*内页bannner*/
.ab_banner{
	width: 100%;
	height: 300px;
	text-align:center;
	position: relative;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/banner/ab_banner.jpg);
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding-top: 120px;
}

.case_banner{
	background-image: url(../images/banner/case_banner.jpg);
}
.ser_banner{
	background-image: url(../images/banner/ser_banner.jpg);
}
.tec_banner{
	background-image: url(../images/banner/tec_banner.jpg);
}
/*.ab_banner{
	background-image: url(../images/banner/ab_banner.jpg);
}
.pr_banner{
	background-image: url(../images/banner/pr_banner.jpg);
}
.new_banner{
	background-image: url(../images/banner/new_banner.jpg);
}
.con_banner{
	background-image: url(../images/banner/con_banner.jpg);
}
.man_banner{
	background-image: url(../images/banner/man_banner.jpg);
}*/
.ab_nav{
	height: 60px;
	background-color: #0e8aec;
}
.ab_nav a{
	line-height: 60px;
	padding: 0 30px;
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
}
.ab_nav a:hover{
	background-color: #fff;
	color:#0e8aec;
}
#a1 #b1,#a2 #b2,#a3 #b3,#a4 #b4,#a5 #b5,#a6 #b6,#a7 #b7,#a8 #b8{
	background-color: #fff;
	color:#0e8aec;
}







/*关于我们*/
/*01*/
.ab-section-1{
	padding:35px 0 ;
	background: url(../images/about/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}


.left-list{
	width: 280px;
	float: left;
}
.left-list .title{
	height: 50px;
	background: url('../images/ab_left_bg.jpg') left center no-repeat;
	font-size: 1.8rem;
	line-height: 50px;
	padding-left: 25px;
	color: #fff;
}
.left-list .list{
	margin-top: 6px;
}
.left-list .list a{
	height: 36px;
	background: url('../images/list_bg.jpg') left center no-repeat;
	font-size: 1.4rem;
	line-height: 36px;
	padding-left: 12px;
	color: #474141;
	display: block;
}
.left-list .list a:hover{
	color: #0349ad;
}

#c1 #s1,#c2 #s2,#c3 #s3,#c4 #s4 {
	color: #0349ad;
}

.left-con{
	margin-top: 45px;
}
.left-con .left-con-title{
	height: 50px;
	background: url('../images/ab_left_bg.jpg') left center no-repeat;
	font-size: 1.8rem;
	line-height: 50px;
	padding-left: 25px;
	color: #fff;
}
.left-con-info{
	background: url('../images/left_con.jpg') right top no-repeat;
	height: 300px;
	padding-top: 30px;
	padding-left: 12px;
}
.left-con-info p{
	font-size: 1.4rem;
	color: #474141;
	line-height: 25px;
}


.ab-main{
	width: 860px;
	float: right;
}
.ab-main .title{
	height: 52px;
	display: flex;
	justify-content: space-between;
	align-items:center;
	border-bottom: 3px solid #cacaca;
}
.ab-main .title h3{
	font-size: 1.8rem;
	color: #054baf;
	line-height: 52px;
	height: 52px;
	position: relative;
	padding-right: 15px;
}
.ab-main .title h3:after{
	position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #054baf;
    bottom: -1.5px;
    left: 0;
}
.ab-main .title .stip{
	color: #595959;
	font-size: 1.4rem;
}
.ab-main .title a{
	color: #595959;
	font-size: 1.4rem;
}
.ab-main .title a.cur{
	color: #0052c5;
	font-size: 1.4rem;
}
.ab-main .main_about{
	padding: 35px 12px 50px 12px;
}
.ab-main .main_about p{
	font-size: 1.4rem;
	line-height: 26px;
	margin-bottom: 20px;
}


/*factory*/
.ab-main .main_factory{
	padding: 35px 12px 50px 12px;
	overflow: hidden;
}
.h-box{
	float: left;
	width: calc(50% - 50px);
	margin:25px;
	text-align: center;
	border: 1px solid #bababa;

}
.h-box img{
	width: 100%;
	
}
.h-box p{
	font-size: 1.8rem;
	line-height: 48px;
	height: 48px;
	display: block;
	background-color: #565656;
	color: #fff;
}



.ab-main .main_quality{
	padding: 50px 12px;
	overflow: hidden;
}
.main_quality h4{
	font-size: 1.8rem;
	color: #4a4a4a;
	margin-bottom: 46px;
	line-height: 30px;
}
.main_quality h4 i{
	color: #044aae;
}
.main_quality h3{
	height: 43px;
	line-height: 43px;
	padding:0 18px;
	font-size: 1.8rem;
	display: inline-block;
	margin-bottom: 12px;
	color: #0b4fb3;
	background: -webkit-gradient(linear, 0 100%, 100% 100%, from(#fff), to(#6090da)); /** Chrome Safari **/
    background: -moz-linear-gradient(left, #fff, #6090da); /** FireFox **/
    background: -o-linear-gradient(left, #fff, #6090da);  /** Opear **/
}
.main_quality p{
	font-size: 1.8rem;
	line-height: 30px;
	margin-bottom: 30px;
	padding-left: 15px;
}


.ab-main .main_process{
	padding: 35px 0px 50px 0px;
	overflow: hidden;
	text-align: center;
}

/*产品*/
.left-list .p-list{
	margin-top: 6px;
}
.left-list .p-list .li1 a{
	height: 36px;
	background: url('../images/list_bg.jpg') left center no-repeat;
	font-size: 1.4rem;
	line-height: 36px;
	padding-left: 12px;
	color: #474141;
	display: block;
}
.left-list .p-list .li1 a:hover{
	color: #0349ad;
}
.li1 #h1{
	color: #0349ad;
}

.left-list .p-list .li2 a{
	text-align: left;
    text-decoration: none;
    padding-left: 13px;
    border-bottom: 1px  dashed #ccc;
    color: #333;
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 1.2rem;
    
}
.left-list .p-list .li2 a:hover{
	color: #0349ad;
	background-color: #eee;
}
.li2 #hx1{
	color: #0349ad;
	background-color: #eee;
}

.ab-main .pro_about{
	padding: 40px 60px;
}
.pro_about h1{
	font-size: 2.4rem;
	font-weight: bold;
	color: #595959;
	display: block;
	text-align: center;
}
.pro_about h3{
	font-size: 2.4rem;
	color: #595959;
	margin: 30px 0 20px 0;
}
.pro-top{
	overflow: hidden;
} 
.top-box{
	float: left;
	width: 340px;
    height: 330px;
    margin-right: 48px;
    margin-bottom:10px;
}
.top-box:nth-child(2n+0){
	margin-right: 0px;
}
.top-box a{
	display: block;
    width: 340px;
    height: 332px;
    border: 1px solid #ccc;
}

.top-box a p{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-style: normal;
    font-size: 1.4rem;
    color: #595959;
}
.pro-more{
	text-align: center;
	margin-top: 26px;
}
.pro-more a{
	background: url('../images/right.jpg') center right no-repeat;
	padding-right: 22px;
	font-size: 1.8rem;
	color: #646464;
}

.mould{
	overflow: hidden;
}
.m-box{
	float: left;
	width: calc((100% - 66px)/4);
	margin-right: 22px;
	margin-bottom: 22px;
}
.m-box:nth-child(4n+0){
	margin-right: 0px;
}
.m-box a{
	display: block;
    border: 1px solid #ccc;
}
.m-box a p{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.4rem;
    color: #595959;
}


/**/

.ab-main .main_new{
	padding: 40px 0px;
}

.new-list{
	overflow: hidden;
	margin-bottom: 30px;
}

.new-list .new-img{
	width: 300px;
	float: left;
}
.new-list .new-info{
	width: 525px;
	float: right;
	padding-top: 10px;
}
.new-info .time{
	font-size: 1.4rem;
	color: #4a4a4a;
}
.new-info h4{
	font-size:2.2rem;
	color: #4a4a4a;
	margin: 12px 0 30px 0;
}
.new-info p{
	font-size: 1.4rem;
	color: #4a4a4a;
	word-break: break-all;
	line-height: 26px;
}
.new-info em{
	font-size: 1.4rem;
	color: #0349ad;
	margin-top: 40px;
	display: inline-block;

}


/**/

.ab-main .main_con{
	padding: 60px 0px;
}
.main_con h1{
	color: #044aae;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 50px;
}
.con-list{
	display: flex;
	justify-content: space-between;
	align-items:flex-start;
}
.con-box{
	text-align: center;
}
.con-box img{
	margin-bottom: 40px;
}
.con-box p{
	font-size: 1.8rem;
	color: #2e2e2e;
}
/*新闻详情*/
.newsshow{ padding:50px ; background-color: #fff}
.newsshow .txts{ padding:0 20px;}
.newsshow .tit{ text-align:center; border-bottom:1px solid #ddd;}
.newsshow .tit h3{ font-size:2.4em; color:#333; margin-bottom:10px; }
.newsshow .tit h4{ font-size:1.2em; color:#666; margin-bottom:20px; }
.newsshow .txt{ min-height:300px; padding:30px 20px; line-height:1.2;}
.newsshow .txt p{font-size: 1.4rem; text-indent: 2em;line-height: 2.4rem;color: #999}
.main_new  .btn{
	margin-top: 20px;
	overflow: hidden;
}
.main_new  .btn a{ display:block; line-height:50px; font-size:1.4em; color:#333;
	width: calc(50% - 20px);
	float: left;
	background-color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.main_new  .btn a:hover{ background:#34385b  ; color:#fff;}
.main_new  .btn a:first-child{
	padding-left: 50px;
}
.main_new  .btn a:last-child{
	float: right;
	text-align: right;
	padding-right: 50px;
}


.feedback{
	padding-top: 80px;
}
.feedback h2{
	font-size: 2.4rem;
	color: #2e2e2e;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.feedback .feed-li{
	margin-bottom: 20px;
}
.feedback .feed-li>*{
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: 1px solid #cecece;
}
.feedback .feed-li textarea{
	height: 150px;
}

.feedback .feed-li input::-webkit-input-placeholder{
		padding-left: 10px;
        color: #8a8a8a;
        font-size: 1.6rem;
}
.feedback .feed-li input::-moz-placeholder{ 
		padding-left: 10px; 
        color: #8a8a8a;
        font-size: 1.6rem;        
}
.feedback .feed-li input:-ms-input-placeholder{ 
		padding-left: 10px;
        color: #8a8a8a;
        font-size: 1.6rem;       
}
.feedback .feed-li textarea::-webkit-input-placeholder{
		padding-left: 10px;
        color: #8a8a8a;
        font-size: 1.6rem;
}
.feedback .feed-li textarea::-moz-placeholder{ 
		padding-left: 10px; 
        color: #8a8a8a;
        font-size: 1.6rem;        
}
.feedback .feed-li textarea:-ms-input-placeholder{ 
		padding-left: 10px;
        color: #8a8a8a;
        font-size: 1.6rem;       
}
.feedback .feed-btn{
	text-align: center;
	margin-top: 45px;
}
.feedback .feed-btn button{
	width: 189px;
	height: 53px;
	line-height: 53px;
	border: none;
	background: #044aae;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
}