@charset "UTF-8";

@font-face {
	font-family: 'FRUTIGER';
	src: url('../fonts/FRUTIGER-BOLD.OTF') format('woff');
	font-weight: normal;
	font-style: normal;
}

html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: '苹方','Microsoft Yahei';
	font-size: 12px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	/* tap-highlight-color: transparent; */
}

input, textarea, button {
	padding: 0;
	font-family: Verdana, Arial;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

input:focus, textarea:focus, button:focus, input:active {
	outline-color: transparent;
	border: 0;
}

select, input, select, textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

ul, ol, li {
	list-style-type: none;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}

.hidden {
	display: none;
	visibility: hidden;
}

.wrap {
	border: 0;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
	position: relative;
}

.wrap:after {
	clear: both;
	content: "";
	display: table;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.wrap:after,
.wrap:before,
.container:after,
.container:before {
	content: "";
	display: table;
}

.wrap:after,
.container:after {
	clear: both;
}

.container {
	width: 80%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.absolute {
	position: absolute;
}

.pors {
	position: relative;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.hide {
	opacity: 0;
}

nav li, .index-banner li, .item-list li, .inner-tab li {
	list-style-type: none;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}


.header{
	width: 100%;
	height: 75px;
	background: rgba(0,0,0,.86);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 0 50px;
}
.header .logo{
	width: 108px;
	height: 27px;
	margin-top: 24px;
	float: left;
}
.header .menu{
	float: left;
	margin-left: 91px;
}
.header .menu li{
	float: left;
	margin-right: 67px;
	border-top: 3px solid transparent;
	padding: 0 7px 0 11px;
	transition: all ease .5s;
}
.header .menu li:hover{
	border-top: 3px solid #ff8c01;
}
.header .menu li.on{
	border-top: 3px solid #ff8c01;
}
.header .menu li a{
	font-size: 16px;
	line-height: 72px;
	color: #fff;
	transition: all ease-in-out .5s;
}
.header .menu li:hover a{
	color: #ff8c01;
}
.header .menu li.on a{
	color: #ff8c01;
}
.header .right-icon{
	float: right;
	padding-top: 24px;
}
.header .right-icon .icon{
	float: left;
	width: 30px;
	height: 26px;
	position: relative;
}
.header .right-icon .icon1{
	margin-right: 59px;
}
.header .right-icon .icon2{
	margin-right: 51px;
}
.header .right-icon .icon3{
	margin-right: 52px;
}
.header .right-icon .icon4{
	margin-right: 30px;
}
.header .right-icon .icon1::after, .header .right-icon .icon4::after{
	width: 18px;
	height: 26px;
	content: '';
	position: absolute;
	right: -18px;
	top: 0;
	background: url(../images/icon5.png) right 15px no-repeat;
}

.search-box{
	width: 0;
	/* width: 210px; */
	height: 43px;
	position: absolute;
	right: -10px;
	top: -8px;
	z-index: 9;
	background: #000;
	overflow: hidden;
}
.search-box.on{
	width: 210px;
	transition: all .5s;
}
.search-box .search-text {
	box-sizing: border-box;
    width: 100%;
    padding: 5px 30px 5px 10px;
    line-height: 35px;
    border: 1px solid transparent;
    height: 43px;
    background: rgba(255, 255, 255, .3);
    font-size: 14px;
    overflow: hidden;
    color: #fff;
}
.search-box .search-text::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
.search-box .search-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
.search-box .search-text::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
.search-box .search-text:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

.search-box .search-sub{
	width: 30px;
	height: 43px;
	background: url(../images/icon2.png) center center no-repeat;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 2;
}


/* banner */
.banner{
	width: 100%;
	position: relative;
}
.banner .swiper-slide img{
	width: 100%;
}
.banner .swiper-container .swiper-pagination{
	height: 13px;
	bottom: 40px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: rgba(255,255,255,.37);
	opacity: 1;
	margin: 0 5px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background: rgba(255,255,255,1);
}
.banner .banner-next, .banner .banner-prev{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 9;
	cursor: pointer;
}
.banner .banner-next{
	background: url(../images/next.png) center center no-repeat;
	right: 50px;
}
.banner .banner-prev{
	background: url(../images/prev.png) center center no-repeat;
	left: 50px;
}

/* bannerend */

/* index-product */
.index-product{
	width: 100%;
	background: #f2f2f2;
	padding: 87px 50px 61px;
}
.index-product .title{
	font-size: 60px;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'FRUTIGER';
}
.index-product .title2{
	font-size: 36px;
	color: #222;
	line-height: 48px;
	margin-top: 8px;
}
.index-product .title2 span{
	font-size: 24px;
	color: #666;
	position: relative;
	float: right;
}
.index-product .title2 span::after{
	content: '';
	width: 66px;
	height: 4px;
	background: #ff8c01;
	position: absolute;
	right: 0;
	top: 0;
}
.index-product .list{
	width: 100%;
	display: table;
	margin-top: 47px;
}
.index-product .list li{
	width: 32%;
	float: left;
	margin-right: 2%;
}
.index-product .list li:nth-child(3n){
	margin-right:0;
}
.index-product .list li .img{
	width: 100%;
	position: relative;
}
.index-product .list li .img img{
	width: 100%;
}
.index-product .list li .img .more{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(0,0,0,.5);
	transition: all ease .5s;
	opacity: 0;
}
.index-product .list li:hover .img .more{
	opacity: 1;
}
.index-product .list li .more span{
	width: 155px;
	height: 48px;
	background: #fff;
	border-radius: 24px;
	text-align: center;
	line-height: 48px;
	display: block;
	font-size: 16px;
	color: #222;
	position: relative;
	margin: -24px auto 0;
	top: 50%;
}
.index-product .list li .txt{
	width: 100%;
	height: 84px;
	font-size: 20px;
	line-height: 48px;
	color: #222;
	padding: 18px;
	transition: all ease-in-out .5s;
	position: relative;
	z-index: 2;
	background: #fff url(../images/icon6.png) 85% center no-repeat;
	background-size: 0;
}
.index-product .list li:hover .txt{
	height: 120px;
	padding: 36px 18px;
	margin: -18px 0;
	box-shadow: 0 0 27px 7px rgba(0,0,0,.17);
	background: #fff url(../images/icon6.png) 95% center no-repeat;
	background-size: 35px;
}
.index-product .mores{
	width: 250px;
	height: 60px;
	border: 1px solid #e5e5e5;
	color: #666;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	display: block;
	margin: 50px auto 0;
	transition: all ease .5s;
}
.index-product .mores:hover{
	color: #fff;
	background: #ff8c01;
}
/* index-productend */


/* index-case */
.index-case{
	width: 100%;
	background: #f2f2f2 url(../images/cimg7.jpg) top center no-repeat;
	background-size: 100%;
	padding: 110px 50px 61px;
}
.index-case .title{
	font-size: 60px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	font-family: 'FRUTIGER';
}
.index-case .title2{
	font-size: 36px;
	color: #222;
	line-height: 48px;
	margin-top: 5px;
	color: #fff;
}
.index-case .title2 span{
	font-size: 24px;
	color: #fff;
	position: relative;
	float: right;
}
.index-case .title2 span::after{
	content: '';
	width: 66px;
	height: 4px;
	background: #ff8c01;
	position: absolute;
	right: 0;
	top: -19px;
}
.index-case .box{
	background: #fff;
	margin-top: 76px;
	padding: 34px 34px 52px;
}
.index-case .list{
	width: 100%;
	background: #fff;
	display: table;
}
.index-case .list li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 29px;
}
.index-case .list li:nth-child(3n){
	margin-right: 0;
}
.index-case .list li .img{
	width: 100%;
	overflow: hidden;
}
.index-case .list li .img img{
	width: 100%;
}
.index-case .list li .img img{
	transition: all ease 1s;
}
.index-case .list li:hover .img img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.index-case .list li .tbox{
	width: 100%;
	height: 129px;
	border: 1px solid #eee;
	border-top: none;
	padding: 38px 20px 0;
	transition: all ease .5s;
	background: #fff url(../images/icon7.png) 85% center no-repeat;
}
.index-case .list li:hover .tbox{
	background: #ff8c01 url(../images/icon7.png) 95% center no-repeat;
	border: 1px solid #ff8c01;
	border-top: none;
	box-shadow: 0 0 11px 6px rgba(0,0,0,.16);
}
.index-case .list li .tbox .t1{
	font-size: 20px;
	color: #222;
	line-height: 1;
	transition: all ease .5s;
}
.index-case .list li .tbox .t2{
	font-size: 15px;
	color: 666;
	line-height: 1;
	margin-top: 16px;
	transition: all ease .5s;
}
.index-case .list li:hover .tbox .t1, .index-case .list li:hover .tbox .t2{
	color: #fff;
}
.index-case .more{
	width: 250px;
	height: 60px;
	border: 1px solid #e5e5e5;
	color: #666;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	display: block;
	margin: 24px auto 0;
	transition: all ease .5s;
}
.index-case .more:hover{
	color: #fff;
	background: #ff8c01;
}
/* index-caseend */

/* index-ac */
.index-ac{
	width: 100%;
	background: #fff;
	display: table;
}
.index-ac .index-about{
	width: 65%;
	float: left;
	position: relative;
}
.index-ac .index-about .tbox{
	width: 492px;
	min-height: 475px;
	background: #fff;
	position: absolute;
	z-index: 2;
	left: 53px;
	top: 98px;
	padding: 57px 40px 78px 31px;
}
.index-ac .index-about .tbox .title{
	font-size: 30px;
	line-height: 48px;
	color: #0b0a0f;
}
.index-ac .index-about .tbox .line{
	width: 55px;
	height: 4px;
	background: #ff8c01;
	margin: 22px 0 21px;
}
.index-ac .index-about .tbox .txt{
	font-size: 16px;
	line-height: 36px;
	color: #0b0a0f;
}
.index-ac .index-about .tbox .more{
	width: 166px;
	height: 60px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	color: #444;
	display: block;
	margin-top: 40px;
	transition: all ease .5s;
}
.index-ac .index-about .tbox .more:hover{
	background: #ff8c01;
	color: #fff;
	border: 1px solid #ff8c01;
}
.index-ac .index-contact{
	width: 35%;
	float: right;
	padding: 160px 84px 0 87px;
}
.index-ac .index-contact .title{
	font-size: 30px;
	line-height: 36px;
	color: #222;
}
.index-ac .index-contact .line{
	width: 55px;
	height: 4px;
	background: #ff8c01;
	margin: 29px 0 30px;
}
.index-ac .index-contact .txt{
	font-size: 20px;
	line-height: 48px;
	color: #666;
}
.index-ac .index-contact .tips{
	font-size: 20px;
	line-height: 48px;
	color: #222;
}
.index-ac .index-contact .contact{
	width: 100%;
	height: 72px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 70px;
	color: #ff8c01;
	font-size: 20px;
	display: block;
	margin-top: 62px;
}
/* index-acend */

.footer{
	width: 100%;
	background: #fff;
}
.footer .foot1{
	width: 100%;
	background: #eee;
	padding: 64px 12.5% 38px;
	display: table;
}
.footer .foot1 .f-menu{
	float: left;
}
.footer .foot1 .f-menu .f-box{
	float: left;
	margin-right: 118px;
}
.footer .foot1 .f-menu .f-box .f-t1{
	font-size: 16px;
	line-height: 30px;
	color: #222;
}
.footer .foot1 .f-menu .f-box .f-line{
	width: 20px;
	height: 1px;
	background: #ff8c01;
	margin: 16px 0 14px;
}
.footer .foot1 .f-menu .f-box .f-link{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	display: block;
	transition: all ease .5s;
}
.footer .foot1 .f-menu .f-box .f-link:hover{
	color: #ff8c01;
}
.footer .foot1 .f-menu .f-box .f-tel{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	padding-left: 28px;
	background: url(../images/f-icon1.png) left 5px no-repeat;
}
.footer .foot1 .f-menu .f-box .f-tel span{
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #ff8c01;
	margin-left: -28px;
	margin-top: 5px;
}
.footer .foot1 .f-menu .f-box .f-address{
	font-size: 14px;
	line-height: 35px;
	color: #666;
	padding-left: 32px;
	background: url(../images/f-icon2.png) left 7px no-repeat;
	margin-top: 7px;
}
.footer .foot1 .f-menu .f-box .f-email{
	font-size: 14px;
	line-height: 35px;
	color: #666;
	padding-left: 32px;
	background: url(../images/f-icon3.png) left 7px no-repeat;
	margin-top: 2px;
}
.footer .foot1 .f-ewm{
	float: right;
}
.footer .foot1 .f-ewm .f-t1{
	font-size: 16px;
	line-height: 30px;
	color: #222;
}
.footer .foot1 .f-ewm .f-line{
	width: 20px;
	height: 1px;
	background: #ff8c01;
	margin: 14px 0 24px;
}
.footer .foot1 .f-ewm .f-img{
	width: 120px;
}
.footer .foot1 .f-ewm .f-share{
	padding-left: 3px;
	margin-top: 11px;
}
.footer .foot1 .f-ewm .f-share a{
	width: 19px;
	height: 16px;
	display: inline-block;
	margin-right: 18px;
}
.footer .foot2{
	width: 100%;
	background: #fff;
	padding: 13px 240px 10px;
}
.footer .foot2 .f-links{
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.footer .foot2 .f-links a{
	color: #666;
	margin-right: 38px;
}
.footer .foot2 .f-links a:hover{

}
.footer .foot2 .copy{
	width: 100%;
	font-size: 14px;
}
.footer .foot2 .copy .t1{
	line-height: 28px;
	color: #666;
	display: inline-block;
}
.footer .foot2 .copy .t1 a{
	color: #666;
}
.footer .foot2 .copy .t2{
	color: #666;
	display: inline-block;
	float: right;
}

.wfixed{
	position: fixed;
	right: 0;
	bottom: 100px;
	z-index: 9;
}
.wfixed .box{
	width: 60px;
	height: 60px;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding-top: 13px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 3px 0 #ccc;
}
.wfixed .box .img{
	width: 21px;
	height: 18px;
	margin: auto;
}
.wfixed .box .txt{
	font-size: 10px;
	color: #666;
	line-height: 26px;
}
.wfixed .box .tc{
	position: absolute;
	right: -180px;
	top: 0;
	background: #fff;
	padding: 5px;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	opacity: 0;
	transition: all ease .5s;
	z-index: -1;
	box-shadow: 0 0 3px 0 #ccc;
}
.wfixed .box:hover .tc{
	right: 62px;
	opacity: 1;
}
.wfixed .box .tc.t1{
	width: 200px;
	height: 60px;
	line-height: 60px;
}
.wfixed .box .tc.t2{
	width: 130px;
	height: 130px;
}
.wfixed .box .tc.t3{
	width: 200px;
	height: 60px;
	line-height: 60px;
}

/* innerbanner */
.innerbanner{
	width: 100%;
	position: relative;
}
.innerbanner img{
	width: 100%;
}
.innerbanner .bannerbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/cbg2.png) left top repeat;
}
.innerbanner .bannerbox .tbox{
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 48px;
	position: relative;
	top: 54%;
	transform: translateY(-54%);
	z-index: 2;
}
.innerbanner .bannerbox .tbox .t1{
	font-size: 36px;
	font-weight: bold;
}
.innerbanner .bannerbox .tbox .t2{
	font-size: 16px;
}
/* innerbannerend */


.buybox{
	width: 100%;
	background: url(../images/bbg.jpg) bottom center no-repeat;
}
.buybox .box{
	max-width: 1400px;
	margin: auto;
	padding: 75px 0 178px;
}
.buybox .box .top{
	width: 100%;
	display: table;
	padding-top: 22px;
}
.buybox .box .top .address{
	width: 440px;
	float: left;
	padding-top: 16px;
}
.buybox .box .top .address .t1{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	color: #222;
}
.buybox .box .top .address .t2{
	font-size: 18px;
	line-height: 40px;
	color: #222;
	margin-top: 35px;
}
.buybox .box .top .address .ewm{
	width: 206px;
	text-align: center;
	margin-top: 54px;
}
.buybox .box .top .address .ewm span{
	font-size: 14px;
	color: #222;
	line-height: 24px;
	margin-top: 20px;
	display: block;
}
.buybox .box .top .img{
	width: 797px;
	float: right;
	margin-right: 38px;
}
.buybox .box .top .img img{
	width: 100%;
}
.buybox .box .area{
	width: 100%;
	margin-top: 77px;
}
.buybox .box .area .area-menu{
	width: 100%;
	background: #332f2b;
	display: table;
}
.buybox .box .area .area-menu li{
	width: 20%;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	color: #fff;
	transition: all ease .5s;
	float: left;
	cursor: pointer;
	position: relative;
}
.buybox .box .area .area-menu li:hover{
	background: #ff8901;
}
.buybox .box .area .area-menu li.active{
	background: #ff8901;
}
.buybox .box .area .area-menu li.active::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -8px;
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:12px solid #ff8901;
}
.buybox .box .area .address-list{
	width: 100%;
}
.buybox .box .area .address-list li{
	width: 100%;
	background: #f5f5f5;
	padding: 40px 0 50px;
	display: none;
}
.buybox .box .area .address-list li.active{
	display: table;
}
.buybox .box .area .address-list li .tbox{
	width: 33%;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding-left: 44px;
}
.buybox .box .area .address-list li .tbox span{
	color: #ff8901;
	line-height: 40px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.about{
	width: 100%;
	background: #f5f5f5;
}
.about .a-menu{
	width: 100%;
	background: #fff;
	height: 70px;
	text-align: center;
}
.about .a-menu li{
	padding: 0 15px;
	border-bottom: 4px solid transparent;
	display: inline-block;
	margin: 0 15px;
	transition: all ease .5s;
}
.about .a-menu li a{
	font-size: 16px;
	color: #666;
	line-height: 66px;
	display: block;
	transition: all ease .5s;
}
.about .a-menu li:hover{
	border-bottom: 4px solid #ec9226;
}
.about .a-menu li:hover a{
	color: #ff8c01;
}
.about .a-menu li.active{
	border-bottom: 4px solid #ec9226;
}
.about .a-menu li.active a{
	color: #ff8c01;
}
.about .box{
	max-width: 1400px;
	margin: auto;
	padding: 66px 0;
}
.abox1{
	width: 100%;
	background: #fff;
	display: table;
	overflow: hidden;
}
.abox1 .tbox{
	width: 50%;
	float: left;
	padding: 108px 90px 0 45px;
}
.abox1 .tbox .t1{
	font-size: 50px;
	color: #222;
	font-weight: bold;
	font-family: 'FRUTIGER';
}
.abox1 .tbox .t2{
	font-size: 30px;
	line-height: 1;
	color: #000;
	margin-top: 18px;
}
.abox1 .tbox .t3{
	font-size: 16px;
	line-height: 30px;
	color: #444;
	margin-top: 62px;
}
.abox1 .img{
	width: 50%;
	float: right;
	position: relative;
}
.abox1 .img img{
	width: 100%;
}
.abox1 .img span{
	position: absolute;
	width: 53px;
	height: 59px;;
	left: -30px;
	top: 40%;
}
.abox2{
	width: 100%;
	margin-top: 30px;
}
.abox2 .imgbox{
	position: relative;
}
.abox2 .imgbox .txt{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.46) url(../images/cbg2.png) left top repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding-left: 46px;
	padding-top: 93px;
}
.abox2 .imgbox .txt .t1{
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}
.abox2 .imgbox .txt .t2{
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	margin-top: 15px;
}
.abox2 .imgbox .swiper-pagination{
	color: #fff;
	font-size: 24px;
	text-align: right;
	padding-right: 50px;
	padding-bottom: 20px;
}
.abox2 .imgbox .swiper-pagination .swiper-pagination-total{
	font-size: 16px;
}
.abox2 .imgbox .company-prev, .abox2 .imgbox .company-next {
	width: 46px;
	height: 46px;
	position: absolute;
	z-index: 3;
	top: 52%;
	cursor: pointer;
}
.abox2 .imgbox .company-prev{
	background: url(../images/prev.png) center center no-repeat;
	background-size: 100%;
	left: 50px;
}
.abox2 .imgbox .company-next{
	background: url(../images/next.png) center center no-repeat;
	background-size: 100%;
	right: 50px;
}
.abox2 .tbox{
	width: 100%;
	background: #fff;
	padding: 49px 24px 53px;
	display: table;
}
.abox2 .tbox .img{
	width: 136px;
	float: left;
}
.abox2 .tbox .img img{
	width: 100%;
}
.abox2 .tbox .txt{
	font-size: 16px;
	line-height: 30px;
	color: #444;
	padding-top: 15px;
	margin-left: 40px;
	float: left;
}
.abox3{
	width: 100%;
	background: #fff;
	margin-top: 30px;
	display: table;
	overflow: hidden;
}
.abox3 .boxs{
	width: 50%;
	float: left;
}
.abox3 .boxs .tbox{
	width: 100%;
	padding: 98px 50px 0 50px;
}
.abox3 .boxs .tbox .t1{
	font-size: 50px;
	color: #222;
	line-height: 1;
}
.abox3 .boxs .tbox .t2{
	font-size: 30px;
	color:#222;
	line-height: 30px;
	margin-top: 13px;
}
.abox3 .boxs .tbox .t3{
	font-size: 16px;
	line-height: 30px;
	color: #444;
	margin-top: 50px;
}
.abox3 .boxs .img{
	width: 100%;
	margin-top: 40px;
}
.abox3 .boxs .img img{
	width: 100%;
}
.abox3 .list{
	width: 50%;
	float: left;
}
.abox3 .list li{
	width: 50%;
	height: 350px;
	float: left;
	background: #f8f8f8;
	padding: 67px 40px 0;
}
.abox3 .list li:nth-child(2),.abox3 .list li:nth-child(3){
	background: #fff;
}
.abox3 .list li .t1{
	font-size: 60px;
	line-height: 1;
	color: #444;
}
.abox3 .list li .t2{
	font-size: 24px;
	line-height: 30px;
	color: #444;
	margin-top: 20px;
}
.abox3 .list li .t3{
	font-size: 14px;
	line-height: 24px;
	color: #444;
	margin-top: 25px;
}
.abox4{
	width: 100%;
	margin-top: 30px;
	background: #fff;
	padding: 47px 36px 42px 46px;
	display: table;
}
.abox4 .tbox{
	width: 197px;
	float: left;
	padding-top: 30px;
}
.abox4 .tbox .t1{
	font-size: 50px;
	color: #222;
	font-weight: bold;
	line-height: 1;
}
.abox4 .tbox .t2{
	font-size: 30px;
	color: #222;
	line-height: 1;
	margin-top: 12px;
}
.abox4 .list{
	width: calc(100% - 197px);
	float: left;
}
.abox4 .list li{
	width: calc(25% - 1px);
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	position: relative;
}
.abox4 .list li img:nth-child(2){
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition: all ease .5s;
}
.abox4 .list li:hover img:nth-child(2){
	opacity: 1;
}

.abox5{
	width: 100%;
	height: 425px;
	background: url(../images/cimg20.jpg) top center no-repeat;
	background-size: auto 100%;
	padding-top: 82px;
	margin-top: 30px;
}
.abox5 .title{
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.abox5 .title span{
	display: block;
	font-size: 30px;
	margin-top: 15px;
	font-weight: initial;
}
.abox5 .list{
	width: 100%;
	padding: 0 75px;
	margin-top: 82px;
}
.abox5 .list li{
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.abox5 .list li:nth-child(1){
	margin-right: 11%;
}
.abox5 .list li:nth-child(2){
	margin-right: 11.7%;
}
.abox5 .list li:nth-child(3){
	margin-right: 12.4%;
}
.abox5 .list li .t1, .abox5 .list li .t2, .abox5 .list li .t3, .abox5 .list li .t4{
	padding-left: 38px;
	display: block;
}
.abox5 .list li .t1{
	background: url(../images/cicon1.png) left center no-repeat;
}
.abox5 .list li .t2{
	background: url(../images/cicon2.png) left center no-repeat;
}
.abox5 .list li .t3{
	background: url(../images/cicon3.png) left center no-repeat;
}
.abox5 .list li .t4{
	background: url(../images/cicon4.png) left center no-repeat;
}

.abox6{
	width: 100%;
	padding: 67px 0 52px;
	background: #fff;
}
.abox6 .title{
	font-size: 50px;
	line-height: 1;
	color: #222;
	text-align: center;
}
.abox6 .title span{
	display: block;
	font-size: 30px;
	margin-top: 10px;
}
.abox6 .tbox{
	width: 100%;
	padding: 40px 75px 0;
	display: table;
}
.abox6 .tbox .box1{
	width: 50%;
	float: left;
	padding-right: 20px;
}
.abox6 .tbox .box1 .t1{
	width: 100%;
	height: 181px;
	border: none;
	background: #eee;
	border-radius: 4px;
	resize: none;
	font-size: 16px;
	line-height: 30px;
	padding: 26px 22px;
}
.abox6 .tbox .box2{
	width: 50%;
	float: left;
}
.abox6 .tbox .box2 .t2{
	background: #eee;
	height: 80px;
	width: calc( 50% - 10px);
	margin-bottom: 20px;
	padding-left: 15px;
	float: left;
	border-radius: 4px;
}
.abox6 .tbox .box2 .t2:nth-child(1){
	margin-right: 20px;
}
.abox6 .tbox .box2 .t3{
	width: 100%;
	height: 80px;
	background: #eee;
	padding-left: 15px;
	display: block;
	border-radius: 4px;
}
.abox6 .btn{
	width: 255px;
	height: 46px;
	background: #40454a;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	margin: 30px auto 0;
	display: block;
}

/* aboutend */

/* case */
.case{
	width: 100%;
	background: #f5f5f5;
	padding: 75px 0 62px;
}
.case .box{
	width: 1400px;
	margin: auto;
}
.case .box .select-box{
	width: 100%;
	position: relative;
	display: table;
}
.case .box .select-box .b1{
	position: relative;
	width: 272px;
	float: left;
	margin-right: 10px;
}
.case .box .select-box .b1:nth-child(5n){
	margin-right: 0;
}
.case .box .select-box .b1::after{
	content: '';
	width: 11px;
	height: 7px;
	position: absolute;
	right: 24px;
	top: 22px;
	background: url(../images/cicon5.png);
	pointer-events: none;
}
.case .box .select-box select{
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	background: #fff;
	padding-left: 18px;
	font-size: 16px;
	line-height: 46px;
	color: #666;

	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.case .box .select-box select::-ms-expand{ display: none; }
.case .box .list{
	width: 100%;
	display: table;
	margin-top: 32px;
}
.case .box .list li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 30px;
	/* overflow: hidden; */
	transition:  all ease .5s;
}
.case .box .list li:hover{
	box-shadow: 0 0 27px 7px rgba(0,0,0,.17);
}
.case .box .list li:nth-child(3n){
	margin-right: 0;
}
.case .box .list li .img{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.case .box .list li .img img{
	width: 100%;
	transition: all ease .8s;
}
.case .box .list li:hover .img img{
	transform: scale(1.05);
}
.case .box .list li .img .more{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition:  all ease .5s;
}
.case .box .list li:hover .img .more{
	opacity: 1;
}
.case .box .list li .img .more span{
	display: table;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 90px;
	height: 52px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	position: relative;
	top: 50%;
	margin: -26px auto 0;
}
.case .box .list li .tbox{
	width: 100%;
	background: #fff url(../images/icon6.png) 85% center no-repeat;
	background-size: 0;
	border: 1px solid #eee;
	border-top: none;
	padding: 25px 20px;
	transition: all ease .5s;
	position: relative;
	z-index: 2;
}
.case .box .list li:hover .tbox{
	background: #fff url(../images/icon6.png) 95% center no-repeat;
	background-size: 35px;
	/* padding: 30px 25px 33px;
	margin: -13px 0 0; */
}
.case .box .list li .tbox .t1{
	font-size: 20px;
	line-height: 1;
	color: #222;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.case .box .list li .tbox .t2{
	font-size: 15px;
	line-height: 1;
	color: #666;
	margin-top: 16px;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.getmore{
	width: 182px;
	height: 50px;
	background: #646464;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	display: table;
	margin: 27px auto 0;
	font-size: 20px;
	color: #fff;
	font-family: Arial;
}

/* caseinfo */

.caseinfo{
	width: 100%;
	padding: 76px 0 90px;
}
.caseinfo .box{
	width: 1400px;
	margin: auto;
	display: table;
}
.info{
	width: 1040px;
	float: left;
}
.info .title{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 37px;
	position: relative;
	margin-bottom: 42px;
}
.info .title::after{
	content: '';
	position: absolute;
	left: 0;
	bottom:-2px;
	width: 75px;
	height: 2px;
	background: #ec9226;
}
.info .tbox{
	font-size: 16px;
	line-height: 30px;
	color: #222;
}
.othercase{
	width: 294px;
	float: right;
	background: #f3f3f3;
	padding: 21px 10px 36px 14px;
}
.othercase .title{
	font-size: 20px;
	color: #ec9226;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 16px;
}
.othercase .list{
	width: 100%;
	margin-top: 21px;
}
.othercase .list li{

}
.othercase .list li a{
	font-size: 16px;
	color: #444;
	line-height: 30px;
	padding-left: 27px;
	background: url(../images/cicon7.png) 8px center no-repeat;
	margin: 10px 0;
	display: block;

	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* caseend */

/* product */
.product{
	width: 100%;
	background: #f5f5f5;
	padding: 75px 0 83px;
	position: relative;
}
.product .box{
	width: 1400px;
	margin: auto;
}
.product .box .category{
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.product .box .category .title{
	width: 310px;
	height: 60px;
	background: #fff url(../images/picon1.png) 27px center no-repeat;
	padding-left: 75px;
	font-size: 20px;
	line-height: 60px;
	color: #222;
	float: left;
}
.product .box .category .more{
	width: 182px;
	height: 50px;
	background: #646464;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	border-radius: 25px;
	display: block;
	float: right;
	margin-top: 5px;
}
.product .box .list{
	width: 100%;
	display: table;
	margin-bottom: 30px;
}
.product .box .list li{
	width: 32%;
	float: left;
	margin-right: 2%;
	background: #fff;
	margin-bottom: 30px;
	transition: all ease .5s;
}
.product .box .list li:nth-child(3n){
	margin-right: 0;
}
.product .box .list li:hover {
	box-shadow: 0 0 17px 5px rgba(0,0,0,.17);
}
.product .box .list li .img{
	width: 100%;
	overflow: hidden;
}
.product .box .list li .img img{
	transition: all ease .5s;
	width: 100%;
}
.product .box .list li:hover .img img{
	transform: scale(1.05);
}
.product .box .list li .txt{
	font-size: 20px;
	line-height: 48px;
	color: #222;
	padding: 20px 28px;
	border-top: 1px solid #eee;
}

.getcase{
	width: 100%;
	height: 210px;
}
.getcase .txt{
	font-size: 30px;
	color: #fff;
	line-height: 1;
	margin: 90px 0 0 70px;
	float: left;
}
.getcase .callnow{
	width: 150px;
	height: 50px;
	display: block;
	float: right;
	background: #fff;
	font-size: 16px;
	color: #222;
	text-align: center;
	line-height: 50px;
	margin: 85px 100px 0 0;
}

.p-contact{
	width: 100%;
	display: table;
	background: #1b1919;
}
.p-contact li{
	width: 33.3%;
	height: 210px;
	background: url(../images/pimg15.jpg) center center no-repeat;
	background-size: 100%;
	text-align: center;
	float: left;
	padding-top: 52px;
}
.p-contact li:last-child{
	width: 33.4%;
}
.p-contact li .img{
	width: 50px;
	margin:0 auto 20px;
}
.p-contact li .img img{
	width: 100%;
}
.p-contact li .txt{
	font-size: 20px;
	color: #fff;
}
.p-contact li .txt2{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
}
.p-contact li .txt2 a{
	color: #fff;
}


.xfmenun{

	position: fixed;
	width: 70px;
	height: 200px;
	top: 60%;
	left: 0;
	margin-top: -90px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #313131 url(../images/picon2.png) 18px 30px  no-repeat;
	font-size: 20px;
	color: #fefefe;
	line-height: 24px;
	padding: 45px 27px 0 18px;
	text-align: center;
	cursor: pointer;
    writing-mode: vertical-lr;

	}
.xfmenulist{
	position: fixed;
	left: -266px;
	top: 60%;
	height: 410px;
	margin-top: -205px;
	overflow: auto;
	width: 266px;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-shadow: 0 5px 11px 1px rgba(0,0,0,.16);
	transition: left .5s;
}
.xfmenulist.on{
	left: 0;
}
.xfmenulist li{
	width: 100%;
}
.fcategory{
	width: 100%;
	height: 58px;
	line-height: 58px;
	font-size: 16px;
	color: #444;
	padding-left: 45px;
	background: url(../images/picon6.png) 20px center no-repeat;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: all ease .5s;
}
.fcategory:hover{
	color: #ff8c01;
	background: #313131 url(../images/picon7.png) 20px center no-repeat;
}
.fcategory.active{
	color: #ff8c01;
	background: #313131 url(../images/picon7.png) 20px center no-repeat;
}
.flinkbox{
	width: 100%;
	font-size: 12px;
	line-height: 34px;
	padding: 20px 0 15px 42px;
	border-bottom: 1px solid #eee;
	display: none;
}
.flinkbox a{
	color: #666;
	display: block;
}
.flinkbox a:hover{
	color: #ff8901;
}
.flinkbox a.active{
	color: #ff8901;
}

.productinfo{
	width: 100%;
	padding-top: 75px;
}
.productinfo .tbox{
	width: 1400px;
	height: 90px;
	margin: auto;
}
.productinfo .tbox .title{
	float: left;
	font-size: 26px;
	line-height: 48px;
	color: #222;
	padding: 23px 0 18px;
}
.productinfo .tbox .category{
	float: right;
}
.productinfo .tbox .category li{
	float: left;
	border-bottom: 4px solid transparent;
	margin-left: 30px;
	transition: all ease .5s;
	padding-top: 12px;
}
.productinfo .tbox .category li:hover{
	border-bottom: 4px solid #ff8c01;
}
.productinfo .tbox .category li.active{
	border-bottom: 4px solid #ff8c01;
}
.productinfo .tbox .category li a{
	padding: 0 20px;
	font-size: 16px;
	line-height: 74px;
	color: #666;
	transition: all ease .5s;
}
.productinfo .tbox .category li:hover a{
	color: #ff8c01;
}
.productinfo .tbox .category li.active a{
	color: #ff8c01;
}

.productinfo .boxss{
	overflow: hidden;
}
.productinfo .box1{
	width: 100%;
	position: relative;
}
.productinfo .box1 .box{
	width: 1220px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -610px;
	padding-top: 64px;
}
.productinfo .box1 .box .img{
	float: left;
	width: 40%;
}
.productinfo .box1 .box .img img{
	width: 100%;
}
.productinfo .box1 .box .tbox{
	width: 576px;
	float: right;
	margin: 214px 35px 0 0;
	font-size: 100px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-align: center;
}
.productinfo .box1 .box .tbox .t1{
	text-transform: uppercase;
	text-shadow: 7px 0 7px rgba(0,0,0,.23);
}
.productinfo .box1 .box .tbox .t2{
	margin-top: 20px;
	text-shadow: 7px 0 7px rgba(0,0,0,.23);
}

.productinfo .box2{
	width: 100%;
	text-align: center;
	padding: 58px 0 180px;
}
.productinfo .box2 .title{
	font-size: 48px;
	color: #020202;
	line-height: 1;
}
.productinfo .box2 .txt{
	width: 1220px;
	margin: auto;
	font-size: 28px;
	line-height: 1;
	color: #020202;
	text-transform: uppercase;
	margin-top: 46px;
	position: relative;
	letter-spacing: -2px;
}
.productinfo .box2 .txt::before, .box2 .txt::after{
	width: 430px;
	height: 4px;
	background: #020202;
	content: '';
	position: absolute;
	top: 10px;
}
.productinfo .box2 .txt::before{
	left: 3px;
}
.productinfo .box2 .txt::after{
	right: 3px;
}
.productinfo .box2 .box{
	width: 1220px;
	margin: auto;
	position: relative;
	margin-top: 60px;
}
.productinfo .box2 .box .img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.productinfo .box2 .box .list{
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 50px;
	min-height: 480px;
}
.productinfo .box2 .box .list li{
	width: 100%;
	font-size: 24px;
	line-height: 1;
	color: #020202;
	text-align: right;
}
.productinfo .box2 .box .list li:nth-child(2n){
	text-align: left;
}
.productinfo .box2 .box .list li span{
	width: 425px;
	display: inline-block;
	border-bottom: 4px dashed #000;
	padding-bottom: 3px;
}


.productinfo .box3{
	width: 100%;
	text-align: center;
	background: #000;
	padding-top: 92px;
	padding-bottom: 100px
}
.productinfo .box3 .title{
	font-size: 48px;
	line-height: 1;
	background: url(../images/pimg23.png) top center no-repeat;
	height: 103px;;
	color: #fff;
}
.productinfo .box3 .txt{
	font-size: 24px;
	line-height: 1;
	color: #fff;
	margin-top: 4px;
}
.productinfo .box3 .img{
	margin: 38px auto 0;
}

.productinfo .box4{
	width: 100%;
	position: relative;
}
.productinfo .box4 .img{
	width: 100%;
}
.productinfo .box4 .img img{
	width: 100%;
}
.productinfo .box4 .tboxs{
	color: #020202;
	position: absolute;
	width: 48%;
	right: 0;
	top: 0;
}
.productinfo .box4 .tboxs .title{
	font-size: 48px;
	line-height: 1;
	padding-top: 186px;
}
.productinfo .box4 .tboxs .txt{
	font-size: 24px;
	margin-top: 50px;
}

.productinfo .box5{
	width: 100%;
	background: #f9f9f9;
	text-align: center;
	padding: 55px 0 100px;
}
.productinfo .box5 .title{
	font-size: 48px;
	line-height: 1;
	color: #000;
}
.productinfo .box5 .txt{
	font-size: 24px;
	line-height: 25px;
	color: #000;
	width: 800px;
	margin: 40px auto 0;
}
.productinfo .box5 .img{
	margin: 47px auto 0;
	display: table;
}

.productinfo .box6{
	width: 100%;
	background: #000;
	padding: 95px 0 65px;
}
.productinfo .box6 .box{
	width: 1220px;
	margin: auto;
	display: table;
}
.productinfo .box6 .box .img{
	width: 45%;
	float: left;
}
.productinfo .box6 .box .tboxs{
	width: 450px;
	float: right;
	padding-top: 68px;
}
.productinfo .box6 .box .tboxs .title{
	font-size: 48px;
	color: #fff;
	width: 100%;
	line-height: 1;
}
.productinfo .box6 .box .tboxs .txt{
	font-size: 24px;
	line-height: 72px;
	color: #fff;
	margin-top: 30px;
}

.productinfo .box7{
	width: 100%;
	background: rgba(175,175,175,.1);
	position: relative;
}
.productinfo .box7 .box{
	width: 100%;
	text-align: center;
	color: #000;
	position: absolute;
	top: 0;
	left: 0;;
	padding-top: 76px;
}
.productinfo .box7 .box .title{
	font-size: 48px;
}
.productinfo .box7 .box .txt{
	font-size: 24px;
	line-height: 1;
	margin-top: 44px;
}
.productinfo .box7 .box .img2{
	margin-top: 55px;
}
.productinfo .box7 .img{
	width: 100%;
}


.productinfo .box8{
	width: 100%;
	text-align: center;
	color: #020202;
	padding: 80px 0;
}
.productinfo .box8 .title{
	font-size: 48px;
	line-height: 1;
}
.productinfo .box8 .txt{
	font-size: 24px;
	margin-top: 50px;
	line-height: 1;
}
.productinfo .box8 .img{
	display: table;
	margin: 45px auto 0;
}

.productinfo .box9{
	width: 100%;
	position: relative;
}
.productinfo .box9 .box{
	position: absolute;
	z-index: 2;
	text-align: center;
	width: 100%;
	color: #fff;
	padding-top: 76px;
}
.productinfo .box9 .box .title{
	font-size: 48px;
}
.productinfo .box9 .box .txt{
	font-size: 24px;
	margin-top: 40px;
}
.productinfo .box9 .img{
	width: 100%;
}
.productinfo .box9 .img2{
	position: absolute;
	left: 0;
	top: 0;
}

.productinfo .box10{
	width: 100%;
	text-align: center;
	padding: 60px 0 65px;
}
.productinfo .box10 .title{
	font-size: 48px;
	color: #020202;
	font-family: '苹方';
	line-height: 1;
}
.productinfo .box10 .txt{
	font-size: 24px;
	color: #020202;
	font-family: '苹方';
	line-height: 1;
	margin-top: 50px;
}
.productinfo .box10 .img{
	margin-top: 35px;
}

.productinfo .box11{
	width: 100%;
	background: #f9f9f9;
	padding: 65px 0 150px;
}
.productinfo .box11 .title{
	text-align: center;
	font-size: 48px;
	color: #020202;
	font-weight: 500;
	line-height: 1;
}
.productinfo .box11 .title span{
	display: block;
	font-size: 20px;
	color: #666;
	line-height: 25px;
	margin-top: 12px;
}
.productinfo .box11 table{
	width: 1220px;
	margin: 40px auto 0;
	background: #fff;
	text-align: center;
}
.productinfo .box11 table tr{
	width: 100%;
	height: 63px;
}
.productinfo .box11 table tr td{
	font-size: 18px;
	color: #222;
	border:1px solid #eee;
}
.productinfo .box11 table tr td:first-child{
	width: 375px;
}

.productinfo .box12{
	width: 100%;
	background: rgba(210,215,221,.35);
	padding: 143px 0 100px;
}
.productinfo .box12 .title{
	text-align: center;
	font-size: 40px;
	line-height: 1;
	letter-spacing: 10px;
}
.productinfo .box12 .list{
	width: 1220px;
	margin: 126px auto 0;
	display: table;
}
.productinfo .box12 .list li{
	width: 290px;
	text-align: center;
	margin-right: 175px;
	float: left;
	margin-bottom: 80px;
}
.productinfo .box12 .list li:nth-child(3n){
	margin-right: 0;
}
.productinfo .box12 .list li .icon{
	width: 81px;
	margin: auto;
}
.productinfo .box12 .list li .t1{
	font-size: 24px;
	letter-spacing: 4px;
	color: #010101;
	line-height: 1;
	margin-top: 48px;
}
.productinfo .box12 .list li .t2{
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 32px;
	color: #000;
	margin-top: 25px;
}



.productinfo .box15{
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 55px 0 100px;
}
.productinfo .box15 .title{
	font-size: 48px;
	line-height: 1;
	color: #000;
}
.productinfo .box15 .txt{
	font-size: 24px;
	line-height: 25px;
	color: #000;
	width: 800px;
	margin: 40px auto 0;
}
.productinfo .box15 .img{
	margin: 47px auto 0;
	display: table;
}



/* productend */

.search-results{
	width: 100%;
	padding: 125px 0 32px;
	background: #f5f5f5;
}
.search-results .box{
	width: 1400px;
	margin: auto;
	background: #fff;
	display: table;
	padding: 25px 15px 25px 20px;
}
.search-results .box .txt{
	font-size: 16px;
	line-height: 48px;
	color: #222;
	float: left;
}
.search-results .box .num{
	float: right;
	font-size: 16px;
	line-height: 48px;
	color: #222;
}
.search-results .box .num span{
	color: #ff8c01;
}


@media (max-width:1800px){
	.footer .foot1{
		padding: 64px 9% 38px;
	}
	.footer .foot1 .f-menu .f-box{
		margin-right: 98px;
	}
}

@media (max-width:1500px){
	.index-ac .index-contact{
		padding: 60px 84px 0 87px;
	}
	.footer .foot1 .f-menu .f-box{
		margin-right: 80px;
	}

	.xfmenun{
		left: 0;
		top: 70%;
	}
	.xfmenulist{
		top: 70%;
	}

	.productinfo .box1 .box .img{
		float: left;
		width: 28.5%;
	}
	.productinfo .box1 .box .tbox{
		margin: 164px 35px 0 0;
		font-size: 80px;
	}
	.productinfo .box7 .img{
		height: 800px;
	}
	.productinfo .box7 .img img{
		height: 100%;
	}

}


@media (max-width:1440px){
	.search-results .box, .product .box, .case .box, .product .box, .case .box, .caseinfo .box, .buybox .box, .about .box{
		width: 1320px;
	}

	.abox5 .list li:nth-child(1){
		margin-right: 10%;
	}
	.abox5 .list li:nth-child(2){
		margin-right: 10%;
	}
	.abox5 .list li:nth-child(3){
		margin-right: 10%;
	}
	.info{
		width: 960px;
	}

}


@media (max-width:1380px){
	.footer .foot1 .f-menu .f-box{
		margin-right: 60px;
	}
}