/* tool */

*{

	margin: 0;

	padding: 0;

}

.clearfix:after,

.clearfix:before{

	content: "";

	display: table;

}

.clearfix:after{

	clear: both;

}

ul{

	list-style: none;

}

p,ul{

	margin: 0;

}

@font-face {

	font-family:HelveticaNeueLTPro-Th;

	src: url(../font/HelveticaNeueLTPro-Th.otf);

}

/* tool */



/* index top */

.index_top{

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

	background-color: transparent;

}

.index_top .top_bar{

	max-width: 1200px;

	margin: 0 auto;

	padding: 25px 0;

}

.index_top .top_bar .phone{

	float: left;

	margin-left: 8px;

}

.index_top .top_bar .phone i{

	color: #ffffff;

	font-size: 20px;

	padding-right: 20px;

}

.index_top .top_bar .phone span{

	font: 18px "寰蒋闆呴粦";

	color: #fff;

}

.index_top .top_bar .email{

	float: left;

	margin-left: 58px;

	font-size: 18px;

}

.index_top .top_bar .email i{

	color: #ffffff;

	font-size: 20px;

	padding-right: 20px;

}

.index_top .top_bar .email a{

	color: #ffffff;

}

/* .index_top .top_bar .email a:hover{

	color: #1a4e7d;

} */

.index_top .top_bar .email span{

	font: 18px "寰蒋闆呴粦";

	color: #fff;

}

.index_top .top_bar a.head-btn{

	display: block;

	width: 143px;

	height: 32px;

	background-color: #1a4e7d;

	float: right;

	border-radius: 5px;

	font: 14px/32px "寰蒋闆呴粦";

	color: #fff;

	text-align: center;

	text-decoration: none;

	transition: 300ms;

}

.index_top .top_bar a.head-btn:hover{

	background-color: #fff;

	color: #1a4e7d;

}

.index_top .top_bar ul{

	float: right;
	display: none;
	margin-right: 55px;

}

.index_top .top_bar ul li{

	float: left;

	padding-right: 30px;

	line-height: 32px;

	cursor: pointer;

}

.index_top .top_bar ul li i{

	color: #fff;

	font-size: 18px;

	transition: 200ms;

}

.index_top .top_bar ul li i:hover{

	color: #1a4e7d;

}

.index_top .top_bar ul li:last-child{

	padding-right: 0;

}

.index_top .top_nav{

	max-width: 1200px;

	margin: 0 auto;

	background-color: #fff;

}

.index_top .top_nav.active{

	border-bottom: 1px solid #1a4e7d;

}

.index_top .top_nav .logo{

	float: left;

	margin-left: 65px;

	margin-top: 10px;

}

.index_top .top_nav{

	position: relative;

}

.index_top .top_nav .navbar-right{

	margin-right: 0;

}

.index_top .top_nav .navbar-collapse{

	padding-left: 0;

	padding-right: 0;

}

.index_top .top_nav .nav{

	margin-right: 110px;

}

.index_top .top_nav .nav>li{

	margin-right: 80px;

}

.index_top .top_nav .nav>li:last-child{

	margin-right: 0;

}

.index_top .top_nav .nav>li a{

	display: inline;

	padding: 0;

	font: 14px/98px "寰蒋闆呴粦";

	color: #121212;

	text-transform: uppercase;

	transition: 200ms;

}

.index_top .top_nav .nav>li a:hover{

	background: none;

	color: #1a4e7d;

}

.index_top .top_nav .nav .dropdown .dropdown-menu li{

	text-align: center;

}

.index_top .top_nav .nav .dropdown .dropdown-menu li a{

	line-height: 30px;

}

.index_top .top_nav .navbar-header .navbar-toggle{

	font-size: 20px;

}

.index_top .top_nav .search{

	width: 37px;

	height: 37px;

	border: 1px solid #d7d7d7;

	float: right;

	text-align: center;

	line-height: 37px;

	color: #d7d7d7;

	margin-right: 17px;

	margin-top: 31px;

	cursor: pointer;

	transition: 200ms;

}

.index_top .top_nav .search.active{

	background-color: #303443;

	color: #fff;

	border-color: #303443;

}

.index_top .top_nav .search_bar{

	position: absolute;

	padding: 20px;

	background-color: #1a4e7d;

	top: 98px;

	right: 0;

	display: none;

}

.index_top .top_nav .search_bar input{

	float: left;

	width: 210px;

	height: 38px;

	outline: none;

	border: 1px solid #303443;

	border-right: none;

	text-indent: 1em;

	font: 12px "寰蒋闆呴粦";

	color: #808080;

}

.index_top .top_nav .search_bar button{

	float: left;

	width: 38px;

	height: 38px;

	outline: none;

	border: none;

	background-color: #303443;

	color: #fff;

}



/* index banner */

.htmleaf-container .carousel-inner .item img{

	width: 100%;

}

.htmleaf-container .carousel-inner .item .slide-text{

	padding: 0;

	max-width: 1200px;

	top: 0;

	margin: 245px auto 0;

}

.htmleaf-container .carousel-inner .item .slide-text .one{

	font: 30px arial;

	color: #fff;

	margin-bottom: 53px;

	padding-bottom: 25px;

	position: relative;

}

.htmleaf-container .carousel-inner .item .slide-text .one:after{

	content: "";

	width: 72px;

	height: 3px;

	background-color: #fff;

	position: absolute;

	left: 0;

	bottom: 0;

}

.htmleaf-container .carousel-inner .item .slide-text .two{

	font: 65px/80px "arial black";

	color: #fff;

	margin-bottom: 40px;

	text-indent: -10px;

}

.htmleaf-container .carousel-inner .item .slide-text .three{

	font: bold 22px arial;

	color: #fff;

	margin-bottom: 64px;

}

.htmleaf-container .carousel-inner .item .slide-text .four{

	display: block;

	width: 203px;

	height: 46px;

	border-radius: 23px;

	background-color: #ffdc18;

	font: bold 16px/46px arial;

	color: #050505;

	text-align: center;

	text-decoration: none;

	transition: 200ms;

}

.htmleaf-container .carousel-inner .item .slide-text .four:hover{

	opacity: 0.8;

}

.htmleaf-container .carousel-inner .item_three .slide-text .two{

	font-size: 60px;

}



/* index product */

.index_product{

	width: 100%;

	background: url(../img/index/ipbg.jpg) no-repeat;

	background-size: cover;

}

.index_product .content{

	max-width: 1200px;

	height: 595px;

	margin: 0 auto;

	position: relative;

	padding-top: 508px;

}

.index_product .content .product_item{

	width: 100%;

	position: absolute;

	top: -144px;

	left: 0;

	z-index: 99;

}

.index_product .content .product_item .one{

	width: 47.75%;

	height: 586px;

	float: left;

	background: url(../img/index/index_1.jpg) center 220px no-repeat;

	background-size: 100%;

	background-color: #fff;

	padding-left: 32px;

	padding-top: 52px;

	transition: 300ms;

}

.index_product .content .product_item .two{

	width: 50%;

	height: 287px;

	background: url(../img/index/index_2.jpg) 285px 30px no-repeat;

	background-size: 60%;

	background-color: #fff;

	float: right;

	padding-left: 28px;

	padding-top: 52px;

	padding-right: 215px;

	transition: 300ms;

}

.index_product .content .product_item .three{

	width: 50%;

	height: 287px;

	background: url(../img/index/index_3.jpg) -30px -5px no-repeat;

	background-size: 70%;

	background-color: #fff;

	float: right;

	margin-top: 12px;

	padding-top: 62px;

	padding-left: 338px;

	padding-right: 27px;

	transition: 300ms;

}

.index_product .content .product_item>a,

.index_product .content .product_item>a,

.index_product .content .product_item>a{

	display: block;

	text-decoration: none;

}

.index_product .content .product_item .one:hover,

.index_product .content .product_item .two:hover,

.index_product .content .product_item .three:hover{

	transform: scale(1.03);

}

.index_product .content .product_item .one .name{

	font: bold 65px/65px arial;

	color: #303443;

	text-indent: -7px;

	margin-bottom: 40px;

}

.index_product .content .product_item .one .des{

	font: bold 24px arial;

	color: #d7d7d7;

}

.index_product .content .product_item .two .name{

	font:  bold 60px/56px arial;

	color: #ffdc18;

	text-indent: -4px;

	margin-bottom: 20px;

}

.index_product .content .product_item .two .des{

	font: bold 24px arial;

	color: #d7d7d7;

}

.index_product .content .product_item .three .name{

	font:  bold 60px/56px arial;

	color: #1a4e7d;

	text-indent: -4px;

	margin-bottom: 28px;

}

.index_product .content .product_item .three .des{

	font: bold 24px arial;

	color: #d7d7d7;

}

.index_product .content .title{

	font: bold 48px arial;

	color: #fff;

}



/* index about */

.index_about{

	width: 100%;

}

.index_about .content{

	max-width: 1200px;

	margin: 0 auto;

	padding-top: 66px;

	padding-bottom: 100px;

}

.index_about .content .left{

	width: 47%;

	float: left;

}

.index_about .content .left .title{

	font: italic 36px arial;

	color: #222222;

	margin-bottom: 40px;

	position: relative;

	left: -900px;

}

.index_about .content .left .title span{

	color: #1a4e7d;

}

.index_about .content .left .info{

	font: 16px/30px HelveticaNeueLTPro-Th;

	color: #888888;

	margin-bottom: 33px;

}

.index_about .content .left .link{

	display: inline-block;

	font: 16px arial;

	color: #000;

	text-transform: uppercase;

	padding-bottom: 15px;

	position: relative;

	text-decoration: none;

	overflow: hidden;

}

.index_about .content .left .link:hover:after{

	right: -79px;

}

.index_about .content .left .link:hover:before{

	left: -79px;

}

.index_about .content .left .link:after{

	content: "";

	width: 79px;

	height: 1px;

	background-color: #1a4e7d;

	position: absolute;

	bottom: 0;

	right: 0;

	transition: 300ms;

}

.index_about .content .left .link:before{

	content: "";

	width: 79px;

	height: 1px;

	background-color: #1a4e7d;

	position: absolute;

	bottom: 3px;

	left: 0;

	transition: 300ms;

}

.index_about .content .right{

	width: 48%;

	float: right;

}



/* index cases */

.index_cases{

	width: 100%;

}

.index_cases .content{

	max-width: 1200px;

	margin: 0 auto;

}

.index_cases .content .title{

	font: bold 40px arial;

	color: #010101;

	text-align: center;

	text-transform: uppercase;

	position: relative;

	padding-bottom: 36px;

	margin-bottom: 40px;

}

.index_cases .content .title:after{

	content: "";

	width: 252px;

	height: 3px;

	background-color: #1a4e7d;

	position: absolute;

	bottom: 8px;

	left: 37%;

}

.index_cases .content .title:before{

	content: "";

	width: 252px;

	height: 3px;

	background-color: #1a4e7d;

	position: absolute;

	bottom: 0;

	right: 35%;

}

.index_cases .content .list{

	margin-bottom: 120px;

}

.index_cases .content .list .img{

	width: 30%;

	float: left;

	margin-right: 5%;

	position: relative;
	border: 1px solid #1a4e7d;
}
.index_cases .content .list .img a{
	overflow: hidden;
}
.index_cases .content .list .img a img{
	object-fit: cover;
  transition: transform 0.8s;
  -webkit-transition: -webkit-transform 0.8s;
}
.index_cases .content .list .img a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
  }
.index_cases .content .list .img:last-child{

	margin-right: 0;

}

.index_cases .content .list .img img{

	width: 100%;

}

.index_cases .content .list .img .hover{

	position: absolute;

	width: 100%;

	padding: 55px;

	background-color: #fff;

	bottom: 0;

	left: 0;

	border-left: 1px solid #f0f0f0;

	border-right: 1px solid #f0f0f0;

	display: none;

}

.index_cases .content .list .img .hover:after{

	content: "";

	width: 0;

	height: 2px;

	background-color: #1a4e7d;

	position: absolute;

	left: 0;

	bottom: 0;

	transition: 600ms;

}

.index_cases .content .list .img .hover:hover:after{

	width: 100%;

}

.index_cases .content .list .img .hover a{

	display: block;

	font: bold 24px arial;

	color: #000;

	text-transform: uppercase;

	margin-bottom: 20px;

	text-decoration: none;

}

.index_cases .content .list .img .hover a:hover{

	color: #1a4e7d;

}

.index_cases .content .list .img .hover p{

	font: 16px/25px arial;

	color: #adadad;

}



/* index contact */

.index_contact{

	width: 100%;

	margin-bottom: 100px;

}

.index_contact .content{

	max-width: 1200px;

	margin: 0 auto;

	background: url(../img/index/icbg.jpg) left top no-repeat;

}

.index_contact .content .xunpan{

	width: 79%;

	background-color: #1a4e7d;

	float: right;

	margin-top: 85px;

	padding-top: 60px;

	padding-bottom: 80px;

	padding-left: 70px;

	padding-right: 70px;

}

.index_contact .content .xunpan .title{

	font: 30px arial;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	padding-bottom: 33px;

	margin-bottom: 75px;

	position: relative;

}

.index_contact .content .xunpan .title:after{

	content: "";

	width: 199px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	right: 34%;

	bottom: 0;

}

.index_contact .content .xunpan .title:before{

	content: "";

	width: 199px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	left: 34%;

	bottom: 8px;

}

.index_contact .content .xunpan .left{

	width: 48%;

}

.index_contact input::-webkit-input-placeholder{

    color: #fff;

    font: 12px arial;

	color: #fff;

}

.index_contact textarea::-webkit-input-placeholder{

    color: #fff;

    font: 12px/45px arial;

	color: #fff;

}

.index_contact .content .xunpan .left .name{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.index_contact .content .xunpan .left .email{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.index_contact .content .xunpan .left .mobile{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.index_contact .content .xunpan .left .code{

	width: 55%;

	height: 45px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.index_contact .content .xunpan .right{

	width: 48%;

}

.index_contact .content .xunpan .right textarea{

	width: 100%;

	height: 195px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px/45px arial;

	color: #fff;

	text-indent: 1em;

}

.xunpan .seaech-box{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.xunpan .fot{

	width: 100%;

	text-align: center;

}

.xunpan .fot .submit{

	width: 100%;

	height: 45px;

	background-color: #2a6da9;

	font: 14px arial;

	color: #fff;

	border: none;

	outline: none;

	transition: 200ms;

}

.xunpan .fot .submit:hover{

	opacity: 0.7;

}



/* index footer */

.index_footer{

	width: 100%;

	background: url(../img/footerbg.jpg) no-repeat;

	background-size: cover;

	background-attachment: fixed;

}

.index_footer .top{

	width: 100%;

	padding: 80px 0;

	background-color: rgba(0,0,0,0.54);

}

.index_footer .top .content{

	max-width: 1200px;

	margin: 0 auto;

}

.index_footer .top .content ul li{

	width: 31%;

	border: 1px solid #fff;

	margin-right: 3.5%;

	float: left;

}

.index_footer .top .content ul li:last-child{

	margin-right: 0;

}

.index_footer .top .content ul li .list{

	width: 100%;

	height: 170px;

}

.index_footer .top .content ul li .list_one{

	font: 16px/25px arial;

	color: #fff;

	padding-left: 88px;

	padding-top: 20px;

	background: url(../img/footicon1.png) 25px center no-repeat;

	position: relative;

	transition: 500ms;
	top: 0;
	right: 0;

}

.index_footer .top .content ul li .list_one:hover{

	right: 10px;

	top: 10px;

	color: #1a4e7d;

	background: url(../img/footicon1hover.png) 25px center no-repeat;

	background-color: #fff;

}

.index_footer .top .content ul li .list_two{

	font: 18px arial;

	color: #fff;

	padding-left: 135px;

	padding-top: 74px;

	background: url(../img/footicon2.png) 25px center no-repeat;

	position: relative;

	transition: 500ms;
	top: 0;
	right: 0;

}

.index_footer .top .content ul li .list_two:hover{

	right: 10px;

	top: 10px;

	color: #1a4e7d;

	background: url(../img/footicon2hover.png) 25px center no-repeat;

	background-color: #fff;

}

.index_footer .top .content ul li .list_two:after{

	content: "";

	width: 1px;

	height: 60px;

	background-color: #474747;

	position: absolute;

	left: 100px;

	top: 54px;

}

.index_footer .top .content ul li .list_three{

	font: 18px arial;

	color: #fff;

	padding-left: 125px;

	padding-top: 74px;

	background: url(../img/footicon3.png) 25px center no-repeat;

	position: relative;

	transition: 500ms;
	top: 0;
	right: 0;

}

.index_footer .top .content ul li .list_three a{

	color: #ffffff;

}

.index_footer .top .content ul li .list_three:after{

	content: "";

	width: 1px;

	height: 60px;

	background-color: #474747;

	position: absolute;

	left: 100px;

	top: 54px;

}

.index_footer .top .content ul li .list_three:hover{

	right: 10px;

	top: 10px;

	color: #1a4e7d;

	background: url(../img/footicon3hover.png) 25px center no-repeat;

	background-color: #fff;

}

.index_footer .top .content ul li .list_three:hover a{

	color: #1a4e7d;

}

.index_footer .center .img{

	text-align: center;

	padding-top: 60px;

	padding-bottom: 55px;

}

.index_footer .center p{

	width: 47%;

	margin: 0 auto;

	font: 14px/25px arial;

	color: #9e9e9d;

	text-align: center;

	padding-bottom: 80px;

}

.index_footer .bottom{

	width: 100%;

	background-color: rgba(0,0,0,0.54);

}

.index_footer .bottom .content{
	text-align: center;
	max-width: 1200px;

	margin: 0 auto;

	padding: 30px 0;

}
.index_footer .bottom .content a{
	color: #9e9e9d;
	line-height: 24px;
}
.index_footer .bottom .content p{

	font: 14px arial;

	color: #9e9e9d;
	line-height: 24px;
	float: left;

}

.index_footer .bottom .content ul{

	float: right;

}

.index_footer .bottom .content ul li{

	float: left;

}

.index_footer .bottom .content ul li a{

	font: 14px arial;

	color: #9e9e9d;

	text-decoration: none;

}

.index_footer .bottom .content ul li a:hover{

	/* color: #1a4e7d; */
	text-decoration: underline;

}

.index_footer .bottom .content ul li span{

	padding: 0 20px;

	color: #9e9e9d;

}

.index_footer .bottom .content ul li:last-child span{

	display: none;

}



/* about us banner */

.a_banner{

	width: 100%;

	height: 400px;

	background: url(../img/abanner.jpg) no-repeat;

	background-size: cover;

}

.a_banner p{

	font: 50px arial;

	color: #1a4e7d;

	text-align: center;

	text-transform: uppercase;

	padding-top: 245px;

	padding-bottom: 25px;

	position: relative;

}

.a_banner p:after{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 0;

	right: 43%;

}

.a_banner p:before{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 5px;

	left: 43%;

}



/* product banner */

.p_banner{

	width: 100%;

	height: 400px;

	background: url(../img/products/pbanner.jpg) no-repeat;

	background-size: cover;

}

.p_banner p{

	font: 50px arial;

	color: #1a4e7d;

	text-align: center;

	text-transform: uppercase;

	padding-top: 245px;

	padding-bottom: 25px;

	position: relative;

}

.p_banner p:after{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 0;

	right: 43%;

}

.p_banner p:before{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 5px;

	left: 43%;

}



/* product banner */

.case_banner{

	width: 100%;

	height: 400px;

	background: url(../img/videobanner.jpg) no-repeat;

	background-size: cover;

}

.case_banner p{

	font: 50px arial;

	color: #1a4e7d;

	text-align: center;

	text-transform: uppercase;

	padding-top: 245px;

	padding-bottom: 25px;

	position: relative;

}

.case_banner p:after{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 0;

	right: 43%;

}

.case_banner p:before{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 5px;

	left: 43%;

}



/* contact banner */

.c_banner{

	width: 100%;

	height: 400px;

	background: url(../img/contactbanner.jpg) no-repeat;

	background-size: cover;

}

.c_banner p{

	font: 50px arial;

	color: #1a4e7d;

	text-align: center;

	text-transform: uppercase;

	padding-top: 245px;

	padding-bottom: 25px;

	position: relative;

}

.c_banner p:after{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 0;

	right: 43%;

}

.c_banner p:before{

	content: "";

	position: absolute;

	width: 188px;

	height: 2px;

	background-color: #1a4e7d;

	bottom: 5px;

	left: 43%;

}



/* about us nav */

.a_nav{

	max-width: 1200px;

	margin: 0 auto;

	padding: 15px 0 80px;

}

.a_nav i{

	font-size: 20px;

	color: #1a4e7d;

}

.a_nav a{

	font: 14px arial;

	color: #000;

	text-decoration: none;

}

.a_nav a:hover{

	color: #1a4e7d;

}



/* about us content */

.a_content{

	width: 100%;

}

.a_content .story{

	max-width: 1200px;

	margin: 0 auto 75px;

	background-color: #f4f4f4;

	padding-bottom: 30px;

}
.a_content .story .left{
	padding: 0 25px;
}
.a_content .story .left .title{

	font: 30px arial;

	color: #393939;

	padding: 40px 0 35px 50px;

	position: relative;

}

.a_content .story .left .title:after{

	content: "";

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background-color: #1a4e7d;

	position: absolute;

	left: 5px;

	top: 50px;

}

.a_content .story .left .info{

	font: 16px/30px arial;

	color: #797979;

}


.a_content .certificate{

	max-width: 1200px;

	margin: 0 auto 75px;

}

.a_content .certificate .title{

	font: 30px arial;

	color: #393939;

	padding: 0 0 65px 50px;

	position: relative;

}

.a_content .certificate .title:after{

	content: "";

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background-color: #1a4e7d;

	position: absolute;

	left: 0px;

	top: 8px;

}

.a_content .certificate .swiper-container .img img{

	width: 100%;

}

.a_content .company{

	margin-bottom: 65px;

}

.a_content .company .title{

	max-width: 1200px;

	margin: 0 auto;

	font: 30px arial;

	color: #393939;

	padding: 0 0 65px 50px;

	position: relative;

}

.a_content .company .title:after{

	content: "";

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background-color: #1a4e7d;

	position: absolute;

	left: 0px;

	top: 8px;

}

.a_content .company .swiper-container{

	padding: 0 60px;

}

.a_content .company .swiper-container .img img{

	width: 100%;

}

.a_content .swiper-button-next,

.a_content .swiper-button-prev{

	outline: none;

}



/* product content */

.p_content{

	width: 100%;

}

.p_content .content{

	max-width: 1200px;

	margin: 0 auto;

}

.p_content .content .topbanner img{

	width:100%;

}

/* .p_content .content .row{

	margin-left: 0;

	margin-right: 0;

}

.p_content .content .row .list{

	padding: 0 17px;

}

.p_content .content .row .list .img{

	border-bottom: 1px solid #e0e0e0;

}

.p_content .content .row .list .img a{

	display: block;

}

.p_content .content .row .list .img img{

	width: 100%;

}

.p_content .content .row .list .des{

	font: 16px arial;

	color: #7a7a7a;

	text-align: center;

	margin: 25px 0 30px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}

.p_content .content .row .list .name{

	font: bold 36px arial;

	color: #1a4e7d;

	text-align: center;

}

.p_content .content .row .list .link{

	display: block;

	width: 100%;

	height: 55px;

	background-color: #1a4e7d;

	font: 16px/55px arial;

	color: #fff;

	text-align: center;

	text-decoration: none;

	letter-spacing: 0.5em;

	transition: 300ms;

}

.p_content .content .row .list .link:hover{

	border: 1px solid #1a4e7d;

	background-color: #fff;

	color: #1a4e7d;

}

.p_content .content .row>div{

	margin-bottom: 110px;

} */

.p_content .content .list li{

	padding: 55px 0;

	border-bottom: 2px solid #e9e9e9;

}

.p_content .content .list li:last-child{

	border-bottom: none;

}

.p_content .content .list li .left{

	width: 40%;

	float: left;

}

.p_content .content .list li .left .gallery-top{

	margin-bottom: 10px;

}

.p_content .content .list li .left .swiper-slide img{

	width: 100%;

}

.p_content .content .list li .left .swiper-button-next,

.p_content .content .list li .left .swiper-button-prev{

	width: 31px;

	height: 66px;

	background: none;

	background-color: #0a2167;

	text-align: center;

	color: #fff;

	line-height: 66px;

}

.p_content .content .list li .left .swiper-button-next{

	right: 0;

	top: 37%;

}

.p_content .content .list li .left .swiper-button-prev{

	left: 0;

	top: 37%;

}

.p_content .content .list li .right{

	width: 50%;

	float: right;

}

.p_content .content .list li .right .title{

	font: 30px arial;

	color: #1a4e7d;

	margin-bottom: 25px;

}

.p_content .content .list li .right .link{

	display: block;

	width: 164px;

	height: 40px;

	border: 2px solid #1a4e7d;

	font: 16px/36px arial;

	color: #1a4e7d;

	text-align: center;

	text-decoration: none;

	text-transform: capitalize;

	transition: 300ms;

	margin-top: 90px;
	cursor: pointer;
}

.p_content .content .list li .right .link:hover{

	background-color: #1a4e7d;

	color: #fff;

}

.p_content .content .xunpan{

	width: 100%;

	background-color: #1a4e7d;

	padding-top: 60px;

	padding-bottom: 80px;

	padding-left: 70px;

	padding-right: 70px;

	margin-bottom: 80px;

}

.p_content .content .xunpan .title{

	font: 30px arial;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	padding-bottom: 33px;

	margin-bottom: 75px;

	position: relative;

}

.p_content .content .xunpan .title:after{

	content: "";

	width: 199px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	right: 34%;

	bottom: 0;

}

.p_content .content .xunpan .title:before{

	content: "";

	width: 199px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	left: 34%;

	bottom: 8px;

}

.p_content .content .xunpan .left{

	width: 48%;

	float: left;

}

.p_content input::-webkit-input-placeholder{

    color: #fff;

    font: 12px arial;

	color: #fff;

}

.p_content textarea::-webkit-input-placeholder{

    color: #fff;

    font: 12px/45px arial;

	color: #fff;

}

.p_content .content .xunpan .left .name{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .left .email{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .left .mobile{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .left .phone{

	width: 100%;

	height: 45px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .left .code{

	width: 55%;

	height: 45px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .right{

	width: 48%;

	float: right;

}

.p_content .content .xunpan .right textarea{

	width: 100%;

	height: 195px;

	margin-bottom: 30px;

	background-color: #2a6da9;

	border: none;

	outline: none;

	font: 12px/45px arial;

	color: #fff;

	text-indent: 1em;

}

.p_content .content .xunpan .right .submit{

	width: 100%;

	height: 45px;

	background-color: #2a6da9;

	font: 14px arial;

	color: #fff;

	border: none;

	outline: none;

	transition: 200ms;

}

.p_content .content .xunpan .right .submit:hover{

	opacity: 0.7;

}
.my-4{
	text-align: center;
	margin-bottom: 40px;
  }
  .my-4 .pagination a{
	font-size: 14px;
	font-family: Arial;
	border: 1px solid #d9d9d9;
  }
  .page-link{
	padding: 7px 12px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
  }
  .my-4 .page-num{
	padding: 7px 12px;
	border-radius: 5px;
	margin-right: 5px;
  }
  .my-4 a:first-child{
	margin-right: 5px;
  }
  .page-num.page-num-current{
	background-color: #1a4e7d;
	color: #ffffff;
  }



/* product details content */

.pd_content{

	width: 100%;

}

.pd_content .content{

	max-width: 1200px;

	margin: 0 auto;

}

.pd_content .content .return{

	border: 1px solid #e5e5e5;

	padding-right: 10px;

	padding-left: 10px;

}

.pd_content .content .return a:first-child{

	float: left;

	font: 14px/38px arial;

	color: #666666;

	text-decoration: none;

}

.pd_content .content .return a:last-child{

	float: right;

	text-align: right;

	font: 14px/38px arial;

	color: #666666;

	text-decoration: none;

}

.pd_content .content .return a:hover{

	color: #1a4e7d;

}

.pd_content .content .product_show{

	padding-bottom: 90px;

	border-bottom: 1px solid #d6d6d6;

}

.pd_content .content .product_show .left{

	width: 45%;

	float: left;

	margin-top: 30px;

}

.pd_content .content .product_show .left .gallery-top{

	margin-bottom: 10px;

}

.pd_content .content .product_show .left .swiper-slide img{

	width: 100%;

}

.pd_content .content .product_show .left .swiper-button-next,

.pd_content .content .product_show .left .swiper-button-prev{

	width: 31px;

	height: 66px;

	background: none;

	background-color: #1a4e7d;

	text-align: center;

	color: #fff;

	line-height: 66px;

}

.pd_content .content .product_show .left .swiper-button-next{

	right: 0;

	top: 37%;

}

.pd_content .content .product_show .left .swiper-button-prev{

	left: 0;

	top: 37%;

}

.pd_content .content .product_show .right{

	width: 45%;

	float: right;

}

.pd_content .content .product_show .right .product_name{

	font: bold 48px arial;

	color: #1a4e7d;

	padding: 45px 0 20px;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 20px;

}

.pd_content .content .product_show .right .product_description{

	font: 36px arial;

	color: #7a7a7a;

	margin-bottom: 50px;

}

.pd_content .content .product_show .right .product_link{

	display: block;

	width: 212px;

	height: 55px;

	background-color: #1a4e7d;

	text-align: center;

	font: 16px/55px arial;

	color: #fff;

	text-decoration: none;

	letter-spacing: 0.2em;

	transition: 300ms;

}

.pd_content .content .product_show .right .product_link:hover{

	background-color: #fff;

	border: 1px solid #1a4e7d;

	color: #1a4e7d;

}

.pd_content .content .product_details{

	padding-top: 35px;

	margin-bottom: 80px;

}

.pd_content .content .product_details .left{

	width: 100%;

	font: 30px arial;

	color: #393939;

	position: relative;

	padding-left: 45px;

	margin-bottom: 40px;

}

.pd_content .content .product_details .left:after{

	content: "";

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background-color: #1a4e7d;

	position: absolute;

	top: 7px;

	left: 0px;

}

.pd_content .content .product_details .right{

	width: 100%;

}

.pd_content .content .product_details .right table{

	width: 100%;

}

.pd_content .content .product_details .right table tr td{

	width: 50%;

	border: 1px solid #e8e8e8;

	font: 18px/38px arial;

	color: #7a7a7a;

	padding-left: 10px;

}



/* case content */

.case_content{

	width: 100%;

}

.case_content .content{

	max-width: 1200px;

	margin: 0 auto;

}

.case_content .content .row>div{

	margin-bottom: 60px;

}

/* .case_content .content .row .list{

	padding-right: 80px;

} */

.case_content .content .row .list .left{

	width: 100%;

	float: none;

	margin-bottom: 20px;

}

.case_content .content .row .list .left img{

	width: 100%;

}

.case_content .content .row .list p{

	text-align: center;

	font: 18px arial;

}



/* contact content */

#map{

    height: 380px;

    max-width: 1200px;

	margin: 0 auto 60px;

}



/* news details content */

.n_details_content .content{

	max-width: 1200px;

	margin: 0 auto 80px;

}

.n_details_content .content .img{

	width: 50%;

	float: left;

}

.n_details_content .content .img img{

	width: 100%;

}

.n_details_content .content .info{

	width: 50%;

	float: right;

	padding-left: 50px;

}

.n_details_content .content .info .title{

	font: 30px arial;

	color: #000;

	margin-bottom: 30px;

}

.n_details_content .content .info .des{

	font: 20px arial;

	color: #000;

}
.pp_banner {
    width: 100%;
    height: 400px;
    background: url(../img/ppbanner.jpg) no-repeat;
    background-size: cover;
}
.ppb {
    width: 95%;
    max-width: 1200px;
    margin: 70px auto 50px;
}
.ppb .pp-tit {
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
}
.ppb-cont{
	font-size: 16px;
}
#fd{ width:220px; height:auto; overflow:hidden; background-color:#1a4e7d; border-radius:10px; position:fixed; top:10px; left:0px; padding:10px; z-index:9999;}

#fd .fdclose{background-color: #fff; width:20px; height:20px; float:right; text-align:center; border-radius:20px; margin-bottom:10px; cursor:pointer;}

#fd .fdtext{ background-color:#fff; color:#9e9e9d; padding:10px; border-radius:10px; clear:both;}





@media (max-width:1700px){

	/* index product */

	.index_product .content{

		height: auto;

		padding-top: 60px;

	}

	.index_product .content .product_item{

		position: static;

	}

	.index_product .content .title{

		padding-top: 60px;

		padding-bottom: 45px;

	}

	/* index product */

}

@media (max-width:1400px){

	/* index banner */

	.htmleaf-container .carousel-inner .item .slide-text .one{

		padding-bottom: 15px;

		margin-bottom: 20px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .two{

		font-size: 100px;

		line-height: 100px;

		text-indent: -8px;

		margin-bottom: 20px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .three{

		margin-bottom: 20px;

	}

	/* index banner */

}

@media (max-width:1200px){

	/* index top */

	.index_top{

		position: static;

		background-color: #121212;

	}

	.index_top .top_bar{

		padding: 25px 15px;

	}

	.index_top .top_bar .phone{

		margin-left: 0;

	}

	.index_top .top_bar .email{

		margin-left: 30px;

	}

	.index_top .top_bar .phone span{

		font-size: 15px;

	}

	.index_top .top_bar .email span{

		font-size: 15px;

	}

	.index_top .top_bar .phone i{

		padding-right: 10px;

		font-size: 18px;

	}

	.index_top .top_bar .email i{

		padding-right: 10px;

		font-size: 18px;

	}

	.index_top .top_bar ul{

		margin-right: 30px;

	}

	.index_top .top_bar ul li{

		padding-right: 15px;

	}

	.index_top .top_bar a{

		width: 90px;

		font-size: 12px;

	}

	/* index top */

	/* index banner */

	.htmleaf-container .carousel-inner .item .slide-text{

		padding: 0 15px;

		margin-top: 60px;

	}

	/* index banner */

	/* index product */

	.index_product .content{

		padding: 60px 15px 0;

	}

	.index_product .content .product_item .one .name{

		font-size: 60px;

		line-height: 60px;

		text-indent: -5px;

		margin-bottom: 20px;

	}

	.index_product .content .product_item .one .des{

		font-size: 20px;

	}

	.index_product .content .product_item .two .name{

		font-size: 50px;

		line-height: 50px;

		text-indent: -5px;

		margin-bottom: 20px;

	}

	.index_product .content .product_item .two .des{

		font-size: 20px;

	}

	.index_product .content .product_item .three{

		padding-left: 300px;

	}

	.index_product .content .product_item .three .name{

		font-size: 50px;

		line-height: 50px;

		text-indent: -5px;

		margin-bottom: 20px;

	}

	.index_product .content .product_item .three .des{

		font-size: 20px;

	}

	/* index product */

	/* index about */

	.index_about .content{

		padding-left: 15px;

		padding-right: 15px;

	}

	/* index about */

	/* index case */

	.index_cases .content{

		padding: 0 15px;

	}

	/* index case */

	/* index contact */

	.index_contact{

		padding: 0 15px;

	}

	/* index contact */

	/* index footer */

	.index_footer .top .content{

		padding: 0 15px;

	}

	.index_footer .top .content ul li{

		width: 100%;

		margin-bottom: 30px;

	}

	.index_footer .top .content ul li:last-child{

		margin-bottom: 0;

	}

	.index_footer .top .content ul li .list_one{

		padding-top: 45px;

	}

	.index_footer .top .content ul li .list_two:after{

		display: none;

	}

	.index_footer .top .content ul li .list_two{

		padding-left: 88px;

		font-size: 16px;

	}

	.index_footer .top .content ul li .list_three:after{

		display: none;

	}

	.index_footer .top .content ul li .list_three{

		padding-left: 88px;
		font-size: 16px;


	}

	.index_footer .center p{

		width: 80%;

	}

	.index_footer .bottom .content{

		padding: 30px 15px;

	}

	.index_footer .bottom .content p{

		text-align: center;

		width: 100%;

		float: none;

	}

	.index_footer .bottom .content ul{

		width: 100%;

		float: none;

		margin-bottom: 15px;

		display: flex;

		justify-content: space-between;

	}

	/* index footer */

	/* about us banner */

	.a_banner{

		height: 300px

	}

	.a_banner p{

		padding-top: 100px;

	}

	/* about us banner */

	/* product banner */

	.p_banner{

		height: 300px

	}

	.p_banner p{

		padding-top: 100px;

	}

	/* product banner */

	/* case banner */

	.case_banner{

		height: 300px

	}

	.case_banner p{

		padding-top: 100px;

	}

	/* case banner */

	/* contact banner */

	.c_banner{

		height: 300px

	}

	.c_banner p{

		padding-top: 100px;

	}

	/* contact banner */

	/* about us nav */

	.a_nav{

		padding: 15px 15px 80px;

	}

	/* about us nav */

	/* about us content */

	.a_content .story{

		padding: 0 15px 30px;

	}

	.a_content .certificate{

		padding: 0 15px;

	}

	/* about us content */

	/* product content */

	.p_content .content .list{

		padding: 0 15px;

	}

	/* product details content */

	.pd_content .content{

		padding: 0 15px;

	}

	.pd_content .content .product_details .left{

		width: 100%;

		float: none;

		margin-bottom: 30px;

		padding-left: 50px;

	}

	.pd_content .content .product_details .left:after{

		left: 0;

	}

	.pd_content .content .product_details .right{

		width: 100%;

		float: none;

		padding-right: 0;

	}

	/* product details content */

	/* case content */

	.case_content .content{

		padding: 0 15px;

	}

	/* case content */

	

	.n_details_content .content{

		padding: 0 15px;

	}

}

@media (max-width:992px){

	/* index top */

	.index_top .top_nav .nav{

		margin-right: 40px;

	}

	.index_top .top_nav .nav li{

		margin-right: 40px;

	}

	/* index top */
	.htmleaf-container .carousel-inner .item .slide-text .two{
		font-size: 45px;
		line-height: 65px;
	}
	.index_about .content .left{
		margin-bottom: 30px;
	}
	.index_about .content .left,.index_about .content .right{
		width: 100%;
		float: initial;
	}
	/* index product */

	.index_product .content .product_item .one{

		width: 100%;

		float: none;

		padding-top: 30px;

		padding-left: 15px;

		padding-right: 15px;

		background-position: center 200px;

		margin-bottom: 15px;
		background-size: auto;
	}

	.index_product .content .product_item .one .name{

		text-align: center;

	}

	.index_product .content .product_item .one .des{

		text-align: center;

	}

	.index_product .content .product_item .two{

		width: 100%;

		height: 586px;

		float: none;

		padding-top: 30px;

		padding-left: 15px;

		padding-right: 15px;

		background-position: center 200px;

		margin-bottom: 15px;

	}

	.index_product .content .product_item .two .name{

		text-align: center;

	}

	.index_product .content .product_item .two .des{

		text-align: center;

	}

	.index_product .content .product_item .three{

		width: 100%;

		height: 586px;

		float: none;

		padding-top: 30px;

		padding-left: 15px;

		padding-right: 15px;

		background-position: center 200px;

		margin-bottom: 0;

		margin-top: 0;

	}

	.index_product .content .product_item .three .name{

		text-align: center;

	}

	.index_product .content .product_item .three .des{

		text-align: center;

	}

	/* index product */

	/* index case */

	.index_cases .content .list .img .hover{

		padding: 30px;

	}

	.index_cases .content .list .img .hover a{

		font-size: 18px;

		margin-bottom: 15px;

	}

	/* index case */

}

@media (max-width:768px){

	/* index top */

	.index_top .top_bar{

		display: none;

	}

	.index_top .top_nav .logo{

		margin-left: 15px;
		margin-top: 5px;
    	margin-bottom: 5px;
	}

	.index_top .top_nav .logo img{

		width: 80px;

	}

	.index_top .top_nav .search{

		margin-top: 23px;

	}

	.index_top .top_nav .search_bar{

		z-index: 999;

		top: 83px;

	}

	.index_top .top_nav .navbar-header .navbar-toggle{

		margin-top: 18px;

	}

	.index_top .top_nav .navbar-collapse{

		padding-left: 15px;

		padding-right: 15px;

	}

	.index_top .top_nav .nav{

		margin-right: 0;

	}

	.index_top .top_nav .nav li{

		margin-right: 0;

		text-align: center;

		margin-right: -15px;
		border-bottom: 1px solid #eee;
	}

	.index_top .top_nav .nav li:last-child{

		margin-right: -15px;

	}

	.index_top .top_nav .nav li a{

		line-height: 50px;

	}

	/* index top */

	/* index banner */

	.htmleaf-container .carousel-inner .item .slide-text{

		margin-top: 30px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .one{

		font-size: 20px;

		padding-bottom: 15px;

		margin-bottom: 15px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .two{

		font-size: 60px;

		line-height: 60px;

		margin-bottom: 15px;

		text-indent: -4px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .three{

		font-size: 18px;

		margin-bottom: 15px;

	}

	/* index banner */

	/* index about */

	.index_about .content .left{

		width: 100%;

		float: none;

	}

	.index_about .content .right{

		width: 100%;

		float: none;

	}

	/* index about */

	/* index case */

	.index_cases .content .list .img .hover{

		padding: 15px;

	}

	.index_cases .content .list .img .hover a{

		font-size: 15px;

	}

	.index_cases .content .list .img .hover p{

		font-size: 15px;

		line-height: 20px;

	}

	/* index case */

	/* index contact */

	.index_contact .content{

		background: none;

	}

	.index_contact .content .xunpan{

		width: 100%;

		float: none;

		margin-top: 0;

	}

	/* index contact */

	/* product details */

	.pd_content .content .product_show .left{

		width: 100%;

		float: none;

	}

	.pd_content .content .product_show .right{

		width: 100%;

		float: none;

	}

	/* product details */

	/* product content */

	.p_content .content .list li .right .title{

		font-size: 25px;

	}

	.p_content .content .list li .left{

		width: 100%;

		float: none;

		margin-bottom: 40px;

	}

	.p_content .content .list li .right{

		width: 100%;

		float: none;

	}

	.p_content .content .list li .right table{

		margin-bottom: 40px;

	}

	.p_content .content .list li .right .link{

		margin: 0 auto;

	}

	

}

@media (max-width:576px){

  	#fd{ display:none;}

	/* index top */

	.index_top .top_nav .logo img{

		width: 60px;

	}

	.index_top .top_nav .navbar-header .navbar-toggle{

		margin-top: 20px;

		padding: 0;

	}

	.index_top .top_nav .search{

		margin-top: 17px;

		margin-right: 15px;

	}

	.index_top .top_nav .search_bar{

		top: 62px;

	}

	/* index top */

	/* index banner */

	.htmleaf-container .carousel-inner .item .slide-text .one{

		font-size: 15px;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .one:after{

		width: 40px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .two{

		font-size: 30px;

		line-height: 30px;

		margin-bottom: 10px;

		text-indent: 0;

	}

	.htmleaf-container .carousel-inner .item .slide-text .three{

		font-size: 12px;

		margin-bottom: 10px;

	}

	.htmleaf-container .carousel-inner .item .slide-text .four{

		display: none;

	}

	/* index banner */

	/* index product */

	.index_product .content{

		padding-top: 30px;

	}

	.index_product .content .product_item .one{

		background-position: center 100px;

		background-size: 100%;

		height: 400px;

	}

	.index_product .content .product_item .one .name{

		font-size: 30px;

		line-height: 30px;

		margin-bottom: 10px;

	}

	.index_product .content .product_item .one .des{

		font-size: 15px;

	}

	.index_product .content .product_item .two{

		background-position: center 120px;

		background-size: 100%;

		height: 400px;

	}

	.index_product .content .product_item .two .name{

		font-size: 30px;

		line-height: 30px;

		margin-bottom: 10px;

	}

	.index_product .content .product_item .two .des{

		font-size: 15px;

	}

	.index_product .content .product_item .three{

		background-position: center 55px;

		background-size: 100%;

		height: 400px;

	}

	.index_product .content .product_item .three .name{

		font-size: 30px;

		line-height: 30px;

		margin-bottom: 10px;

	}

	.index_product .content .product_item .three .des{

		font-size: 15px;

	}

	.index_product .content .title{

		font-size: 25px;

		text-align: center;

		padding: 30px 0;

	}

	/* index product */

	/* index about */

	.index_about .content{

		padding-top: 50px;

		padding-bottom: 50px;

		text-align: center;

	}

	.index_about .content .left .title{

		font-size: 25px;

		margin-bottom: 20px;

	}

	/* index about */

	/* index case */

	.index_cases .content .title{

		font-size: 25px;

		padding-bottom: 20px;

	}

	.index_cases .content .title:after{

		width: 150px;

	}

	.index_cases .content .title:before{

		width: 150px;

	}

	.index_cases .content .list{

		margin-bottom: 60px;

	}

	.index_cases .content .list .img{

		width: 100%;

		float: none;

		margin-right: 0;

		margin-bottom: 30px;

	}

	.index_cases .content .list .img:last-child{

		margin-bottom: 0;

	}

	.index_cases .content .list .img .hover{

		padding: 30px;

	}

	.index_cases .content .list .img .hover a{

		font-size: 20px;

		margin-bottom: 30px;

	}

	.index_cases .content .list .img .hover p{

		font-size: 16px;

		line-height: 25px;

	}

	.index_cases .content .list .img .hover:after{

		width: 100%;

	}

	/* index case */

	/* index contact */

	.index_contact{

		margin-bottom: 60px;

	}

	.index_contact .content .xunpan{

		padding-left: 15px;

		padding-right: 15px;

	}

	.index_contact .content .xunpan .title{

		font-size: 25px;

		padding-bottom: 15px;

		margin-bottom: 52px;

	}

	.index_contact .content .xunpan .title:before{

		width: 160px;

	}

	.index_contact .content .xunpan .title:after{

		width: 160px;

	}

	.index_contact .content .xunpan .left{

		width: 100%;

		float: none;

		margin-bottom: 52px;

	}

	.index_contact .content .xunpan .right{

		width: 100%;

		float: none;

	}

	/* index contact */

	/* index footer */

	.index_footer .top{

		padding: 30px 0;

	}

	.index_footer .top .content ul li .list{
		padding-top: 55px;
		height: 130px;

	}

	.index_footer .top .content ul li .list_one{

		padding-top: 15px;
		font-size: 14px;

	}

	.index_footer .bottom .content p{

		font-size: 12px;

	}

	.index_footer .bottom .content ul li a{

		font-size: 12px;

	}

	.index_footer .bottom .content ul li span{

		padding: 0 5px;

	}
	.index_footer .center .img{padding: 30px 0;}
	.index_footer .center p{padding-bottom: 30px;}
	.index_footer .bottom .content ul{display: none;}
	.p_content .content .list li .right .link{margin: 20px 0 0;}
	/* index footer */

	/* about us banner */

	.a_banner{

		height: 150px

	}

	.a_banner p{

		padding-top: 50px;

		padding-bottom: 15px;

		font-size: 30px;

	}

	.a_banner p:after{

		width: 100px;

	}

	.a_banner p:before{

		width: 100px;

	}

	/* about us banner */

	/* product banner */

	.p_banner{

		height: 150px

	}

	.p_banner p{

		padding-top: 50px;

		padding-bottom: 15px;

		font-size: 30px;

	}

	.p_banner p:after{

		width: 100px;

	}

	.p_banner p:before{

		width: 100px;

	}

	/* product banner */

	/* case banner */

	.case_banner{

		height: 150px

	}

	.case_banner p{

		padding-top: 50px;

		padding-bottom: 15px;

		font-size: 30px;

	}

	.case_banner p:after{

		width: 100px;

	}

	.case_banner p:before{

		width: 100px;

	}

	/* case banner */

	/* contact banner */

	.c_banner{

		height: 150px

	}

	.c_banner p{

		padding-top: 50px;

		padding-bottom: 15px;

		font-size: 30px;

	}

	.c_banner p:after{

		width: 100px;

	}

	.c_banner p:before{

		width: 100px;

	}

	/* contact banner */

	/* about us nav */

	.a_nav{

		padding: 15px;

	}

	/* about us nav */

	/* about us content */

	.a_content .story{

		margin: 0 auto 40px;

	}

	.a_content .story .left{

		width: 100%;
		padding: 0;
		float: none;

	}

	.a_content .story .left .title{

		padding: 20px 0 30px 50px;

		font-size: 25px;

	}

	.a_content .story .left .title:after{

		top: 25px;

	}

	.a_content .story .right{

		width: 100%;

		float: none;

	}

	.a_content .story .right .title{

		padding: 20px 0 30px 50px;

		font-size: 25px;

	}

	.a_content .story .right .title:after{

		top: 25px;

	}

	.a_content .certificate{

		margin: 0 auto 40px;

	}

	.a_content .certificate .title{

		padding-bottom: 40px;

		font-size: 25px;

	}

	.a_content .certificate .title:after{

		top: 5px;

	}

	.a_content .company{

		padding: 0 15px;

	}

	.a_content .company .title{

		padding-bottom: 40px;

		font-size: 25px;

	}

	.a_content .company .title:after{

		top: 5px;

	}

	.a_content .company .swiper-container{

		padding: 0;

	}

	/* about us content */

	/* product content */

	.p_content .content .row .list{

		padding: 0;

	}

	.p_content .content .row>div{

		margin-bottom: 40px;

	}

	.p_content .content .xunpan{

		padding-left: 15px;

		padding-right: 15px;

		margin-bottom: 0;

	}

	.p_content .content .xunpan .title{

		font-size: 25px;

		padding-bottom: 15px;

		margin-bottom: 52px;

	}

	.p_content .content .xunpan .title:before{

		width: 160px;

	}

	.p_content .content .xunpan .title:after{

		width: 160px;

	}

	.p_content .content .xunpan .left{

		width: 100%;

		float: none;

		margin-bottom: 30px;

	}

	.p_content .content .xunpan .right{

		width: 100%;

		float: none;

	}

	/* product content */

	/* product details content*/

	.pd_content .content .product_show .right .product_name{

		font-size: 30px;

		text-align: center;

	}

	.pd_content .content .product_show{

		padding-bottom: 40px;

	}

	.pd_content .content .product_show .right .product_description{

		text-align: center;

		font-size: 15px;

	}

	.pd_content .content .product_show .right .product_link{

		margin: 0 auto;

		width: 170px;

		height: 50px;

		line-height: 50px;

		font-size: 13px;

	}

	.pd_content .content .product_details{

		margin-bottom: 60px;

	}

	.pd_content .content .product_details .left{

		font-size: 25px;

	}

	.pd_content .content .product_details .left:after{

		top: 4px;

	}

	.pd_content .content .product_details .right table tr td{

		font-size: 15px;

	}

	/* product details content */

	/* case content */

	.case_content .content .row>div{

		margin-bottom: 30px;

	}

	.case_content .content .row .list{

		padding-right: 0;

	}

	.case_content .content .row .list .left{

		width: 100%;

		float: none;

		margin-bottom: 0;

	}

	.case_content .content .row .list .right{

		width: 100%;

		float: none;

		padding-left: 0;

	}

	.case_content .content .row .list .date{

		margin-bottom: 15px;

	}

	.case_content .content .row .list .title{

		margin-bottom: 15px;

	}

	.case_content .content .row .list .info{

		margin-bottom: 30px;

	}

	.case_content .content .row .list .link{

		margin: 0 auto;

	}

	/* case content */

	/* contact content */

	#map{

	    height: 380px;

	    max-width: 1200px;

		margin: 0 auto;

	}

	/* contact content */

	

	.n_details_content .content .img{

		width: 100%;

		float: none;

		margin-bottom: 30px;

	}

	.n_details_content .content .info{

		width: 100%;

		float: none;

		padding-left: 0;

	}

	.n_details_content .content .title{

		font-size: 20px;

	}

	.n_details_content .content .des{

		font-size: 15px;

	}

	

}