@charset "utf-8";

@font-face{
	font-family: 'shs';
	src : url('../fonts/SourceHanSerifCN-Bold.otf');
}

body{ max-width: 1920px; }
.com_bg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.com_ani{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.header .heed_top{ height: 104px; padding-top: 38px;}
.header h1{ float: left; width: 188px; height: 86px; background: url(../images/logo.jpg) left top no-repeat;}
.header h1 a{ display: block; text-indent: -9999px; }
.header .heed_top .text{ float: left; width: 270px; height:80px; line-height: 80px; padding-left: 30px; margin-left:26px; border-left: 1px solid #dcdcdc; font-size: 24px; color: #666;}
.header .hright{ float: right; padding-top: 20px; }
.header .hjd,.header .hwx,.header .hphone{ float: left;}
.header .hjd,.header .hwx{ width: 27px; padding: 0 16px; border-right: 1px solid #dcdcdc; margin-top: 5px;}
.header .hphone{ width: 200px; padding-left: 34px; margin-left: 16px; font-size: 28px; color: #000; background: url(../images/hphone.jpg) left 3px no-repeat;}

.state{ height: 80px; font-size: 16px; color: #666; padding-top: 26px; }
.phone_num{ float: right; width: 240px; height: 47px; margin-top: 29px; }
.nav{ width: 100%; height: 70px; background: #333;}
.nav ul{ width: 100%; height: 70px;}
.nav ul li{ float: left; width: 120px; height: 67px; line-height: 67px; margin-right: 48px; font-size: 16px; color: #fff; text-align: center; border-bottom: 3px solid transparent;}
.nav ul li:last-child{ margin-right: 0;}
.nav ul li:hover,.nav li.on{ border-bottom: 3px solid #bd7f28; }

/*banner*/
.banner{
	display: block;
	position: relative;
}
.banner{ max-width: 1920px; margin: 0 auto;}
.banner .bd .tempWrap{ margin: 0 auto;}
.banner .hd{
	position: absolute;
	bottom:28px;
	left:0;
	z-index: 11;
	text-align:center;
	width:100%;
}
.banner .hd ul{
	display: inline-block;
}
.banner .hd ul li{
	float:left;
	width:12px;
	height:12px;
	background:#fff;
	border-radius: 50%;
	margin:0 11px;
	text-indent:-9999px;
	cursor: pointer;
}
.banner .hd ul li.on{
	background:#bb8a5e;
}



/* footer */
.footer{ width: 100%; background-color: #eee;}
.footer .ftop{ padding: 70px 0 130px; }
.footer .ftop .ftleft{ float: left; width: 220px; }
.footer .ftop p{ font-size: 16px; color: #4e4e4e; }
.footer .ftop p.fphone{ margin: 10px 0 15px; font-size: 30px; color: #333; font-weight: bold; }
.footer .foot_nav{
	float:right;
	width:916px;
}
.footer .foot_nav dl{
	float:left;
	width:auto;
	margin-right:128px;
	text-align:left;
}
.footer .foot_nav dl:last-child{
	margin-right:0;
}
.footer .foot_nav dl dt{
	color:#4e4e4e;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
}
.footer .foot_nav dl dt i{
	display: block;
	margin: 15px 0 15px 2px;
	width: 23px;
	height: 2px;
	background-color: #5e5e5e;
}
.footer .foot_nav dl dd{
	line-height:30px;
	color: #848484;
}


.share{ width: 186px; height: 39px; margin-top: 35px;}
.share a{ width: 39px!important; height: 39px!important; }
.bshare-custom{ height: 40px; }
.share .bshare-custom .bshare-weixin{ background: url(../images/share_wx.jpg) 0 0 no-repeat; }
.share .bshare-custom .bshare-sinaminiblog{ background: url(../images/share_wb.jpg) 0 0 no-repeat; }
.share .bshare-custom .bshare-qqim{ background: url(../images/share_qq.jpg) 0 0 no-repeat; }


.footer .ftop .ftright{ float: right; width: 1000px; }
.footer .fbottom{ width: 100%; height: 62px; background-color: #000; color: #f5f5f5;}
.footer .fbottom span{ line-height: 62px; padding-right: 10px;}


/* indbox */

.indbox .keywords{ padding: 20px 0 40px;}
.indbox .keywords ul{ float: left; width: 1000px; height: 24px; padding-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indbox .keywords ul li{ position: relative; float: left; display: inline-block; padding: 0 10px; color: #333; font-size: 14px;}
.indbox .keywords ul li a::after{ 
	display: inline-block;
    content: '|';
    height: 30px;
    width: 20px;
    position: absolute;
    right: -10px;
    top: -6px;
    text-align: center;
    line-height: 30px;
	color: #585954;}
.indbox .keywords ul li:last-child a::after{ display: none;}
.indbox .keywords .search{ position: relative; float: right; width: 290px; }
.indbox .keywords .search input.text{ padding-left: 20px; width: 270px; height: 36px; border: 1px solid #dcdcdc; border-radius: 19px;}
.indbox .keywords .search input.submit{ position: absolute; width: 50px; height: 36px; right: 0px; top: 1px; border-radius: 19px; cursor: pointer; background: #fff url(../images/search.png) center center no-repeat;}

.indbox .cooperation{ width: 100%; height: 70px; padding-bottom: 56px;}
.indbox .cooperation .left{ float: left; width: 220px; height: 100%;}
.indbox .cooperation .left .line80{ width: 80px; height: 6px; margin-top: 8px; background-color: #bd7f28;}
.indbox .cooperation .left h3{ width: 100%; font-size: 24px; margin-top: 18px; color: #000;} 
.indbox .cooperation .right{ float: right; position: relative; width: 1020px; height: 100%;}
.indbox .cooperation .swiper-container{ width: 900px; }
.indbox .cooperation .right .item{ width: 168px; height: 68px; border: 1px solid #ececec;}
.cooperation .swiper-button-next,.cooperation .swiper-button-prev{ width: 30px; height: 30px; border-radius: 50%;margin-top: -16px; background-size: 30%; outline: 0; background-color: #dbdbdb;}
.cooperation .swiper-button-next.swiper-button-disabled,.cooperation .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.cooperation .swiper-button-next:hover,.cooperation .swiper-button-prev:hover{ background-color: #bd7f28;}

/* 可公用标题头部 */
.commh{ padding: 60px 0 50px;}
.commh h2{ width: 100%; height: 48px; line-height: 52px; color: #000; font-size: 30px; font-family: "微软雅黑"; text-align: center; background-position: center center; background-repeat: no-repeat; font-weight: bold; }
.commh h2 span{ color:#bd7f28; }
.commh h2 i{ font-size: 18px; padding:0 5px; vertical-align: 5px; }
.commh p{ width: 100%; margin-top: 10px; text-align: center; font-size: 16px; color: #333;}


/* index1 */
.index1{ padding-bottom: 60px; background-color: #f8f8f8;}
.index1 .top{ width: 100%; height: 450px;}
.index1 .top .left{ float: left; width: 370px; height: 400px; padding: 50px 40px 0; background-color: #2d2d2d;}
.index1 .top .left h3{ color: #e2e2e2; font-size: 24px; }
.index1 .top .left p{ color: #e2e2e2; font-size: 15px; line-height: 30px; margin-top: 30px;}

.index1 .top .right{ float: left; width: 850px; height: 450px; }
.index1 .right .swiper-pagination{ text-align: right; }
.index1 .right .swiper-pagination-bullet{ width: 9px; height: 9px; margin: 0 7px; border: 1px solid #fff; background-color: #fff; opacity: 1;}
.index1 .right .swiper-pagination-bullet:last-child{ margin-right: 20px;}
.index1 .right .swiper-pagination-bullet-active{ background-color: transparent;}
.index1 .btm{ width: 100%; height: 130px; background-color: #fff; }
.index1 .btm .item{ float: left; width: 16.66%; height: 102px; padding-top: 28px; text-align: center;}
.index1 .btm .item p{ margin-top: 15px; color: #000;}

/* index2 */
.index2{ width: 100%; height: 763px; background: url(../images/indexbg2.jpg) center center no-repeat;}
.index2 .left{ float: left; width: 470px; padding: 393px 0 0 95px;}
.index2 .left h2{ height: 60px; line-height: 52px; font-size: 53px; font-family: "shs"; color:#fff; }
.index2 h2 span{ color:#bd7f28; }
.index2 h2 i{ font-size: 27px; vertical-align: 8px; }
.index2 .left p{ margin-top: 10px; text-align: center; font-size: 30px; color: #fff;}

.index2 .right{ float: right; width: 720px;  padding-top: 100px;}
.index2 .right .item{ float: left; width: 235px; margin: 0 7px 8px 0; height: 282px; background-color: #fff; text-align: center;}
.index2 .right .item:nth-child(3n){ margin-right: 0;}
.index2 .right .item .img{ width: 235px; height: 184px; overflow: hidden;}
.index2 .right .item .img img{ width: 235px; height: 184px; object-fit: cover;}
.index2 .right .item .img img,.index3 .imglist .item .img img{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.index2 .right .item:hover .img img,.index3 .imglist .item .img:hover img{
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
.index2 .right .item h4{ margin-top: 24px; font-size: 18px;color: #333;}
.index2 .right .item p{ margin-top: 6px; font-size: 14px; color: #666;}
.index2 .right .item:hover h4,.index2 .right .item:hover p{ color: #3d3d3d; }

/* index3 */
.index3{}
.index3 .list{ margin-bottom: 110px;}
.index3 .list ul{ text-align: center; }
.index3 .list li{ display: inline-block; width: 124px; text-align: center; cursor: pointer; border-right: 1px solid #e6e6e6; }
.index3 .list li.active,.index3 .list li:hover{ color: #bd7f28;}
.index3 .list li:last-child{ border-right: 0; }
.index3 .btm{ width: 100%; height: 430px; background-color: #f5f5f5; }
.index3 .btm .main{ position: relative; }
.index3 .imglist{ position: absolute; top: -50px; max-width: 1300px; background-color: #fff; height: 430px; overflow: hidden;}
.index3 .imglist .item{ display: none; width: 1300px; padding: 0 50px 50px; height: 430px; box-sizing: border-box;}
.index3 .imglist .item:first-child{ display: block;}
.index3 .imglist .item .img{ float: left; width: 800px; height: 470px; overflow: hidden;}
.index3 .imglist .item .img img{ width: 800px; height: 470px; object-fit: cover;}
.index3 .imglist .item .text{ float: left; margin-left: 60px;}
.index3 .imglist .item h5{ font-size: 24px; color: #333; margin-top: 54px;}
.index3 .imglist .item h5 em{ font-size: 24px; color: #c6c6c6; }
.line26{ width: 26px; height: 1px; margin: 20px 0 25px; background-color: #c5c5c5;}
.index3 .imglist .item p{ font-size: 15px; color: #999; }
.index3 .imglist .item p.black{ font-size: 16px; color: #000; margin-bottom: 5px;}
.index3 .imglist .item a{ display: block; margin-top: 45px; width: 152px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; background-color: #ececec; color: #333;}
.index3 .imglist .item a:hover{ background-color: #bd7f28; color: #fff;}

/* index4 */




.index4{ position: relative; width: 100%; height: 740px;}
.index4 .commh{ position: absolute; top: 90px; z-index: 333; width: 100%; padding: 0; text-align: center;}
.index4 .commh h2{ color: #fff; }
.index4 .commh p{ margin-top: 10px; color: #fff;}
.index4 .slideTxtBox{ height: 740px; color: #fff;}
.index4 .slideTxtBox .main{ position: absolute; left: 50%; top: 0; z-index: 999; margin-left: -650px; height: 740px; }
.index4 .slideTxtBox .hd{ position: absolute; bottom: 0; width: 100%; height: 110px; }
.index4 .slideTxtBox .hd li{ float: left; position: relative; width: 16.66%; height: 110px; overflow: hidden; border-top: 1px solid transparent; text-align: center; cursor: pointer;}

.index4 .slideTxtBox .hd li.on,.index4 .slideTxtBox .hd li:hover{ border-top: 1px solid #c0a57e; }
.index4 .slideTxtBox .hd li div{ position: absolute; display: none; top: 0; left: 0; width: 100%; height: 109px; line-height: 109px; text-align: center; font-size: 110px; color: rgba(255,255,255,.1); background-color: rgba(0,0,0,.5); font-style:italic; font-weight: bold; }
.index4 .slideTxtBox .hd li.on div{ display: block; }
.index4 .slideTxtBox .hd li p{ line-height: 15px; font-size: 14px; margin-top: 35px;}
.index4 .slideTxtBox .hd li span{ display: inline-block; width: 22px;height: 2px; background-color: #c0a57e;}
.index4 .tempWrap{ height: 740px; }
.index4 .slideTxtBox .bd{ height: 740px; }
.index4 .slideTxtBox .bd ul{ width: 100%; height: 740px; display:table; text-align: center;}
.index4 .slideTxtBox .bd ul li{ height: 740px; padding-top:400px; paline-height: 30px; display:table-cell; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; background-color: #000; box-sizing: border-box; }
.index4 .prev,.index4 .next{ position:absolute; top:56%; margin-top:-25px; display:block; width:43px; height:26px; }
.index4 .prev{ background:url(../images/left4.png) 0 0 no-repeat; left:3%;}
.index4 .next{ background:url(../images/right4.png) 0 0 no-repeat; right:3%;}
.index4.prev:hover,.index4 .next:hover{ filter:alpha(opacity=100);opacity:1; }
.index4 .prevStop{ display:none; }
.index4 .nextStop{ display:none; }

/* index5 */
.index5{ margin-bottom: 60px; }
.index5 .tleft{ float: left; width: 430px; height: 460px; padding-top: 110px; background-color: #ae0000;; color: #fff; text-align: center;}
.index5 .tleft h4{ height: 173px; font-size: 26px; font-weight: bold;}
.index5 .tleft h4 b{ font-size: 150px;}
.index5 .tleft h5{ font-size: 20px}
.index5 .tleft h5 span{ font-size: 30px; }
.index5 .tleft p{ font-size: 16px; margin-top: 5px;}
.index5 .slideimg{ width: 870px; height: 570px; overflow: hidden;}
.index5 .slideimg img{ width: 870px; height: 570px; object-fit: cover;}
.index5 .btm{ width: 100%; height: 150px; background-color: #f3f3f3; margin-top: 13px;}
.index5 .btm .item{ position: relative; float: left; width: 325px; padding: 35px 40px 0; height: 150px; border-left: 1px solid #e7e7e7; box-sizing: border-box;}
.index5 .btm .item h5{ color: #000; font-size: 20px;  margin-bottom: 10px;}
.index5 .btm .item p{ color: #666; font-size: 15px; line-height: 24px; 
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;}
.index5 .btm .item i{ position: absolute; left: 0px; top: 50%; margin-top: -22.5px; width: 3px; height: 45px; background-color: #bdc4c8;}
.index5 .btm .swiper-slide{ cursor: pointer;}
/* width: 325px!important; */
.index5 .swiper-container,.index6 .swiper-container{ padding-bottom: 50px;}
.index5 .swiper-slide.swiper-slide-thumb-active .item i{ background-color: #bd7f28;}

/* 共用 */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 2px;}
.swiper-pagination-bullet{ width: 13px; height: 13px; background-color: #dedede; opacity: 1;}
.swiper-pagination-bullet-active{ background-color: #bd7f28;}

/* index6 */
.index6{ margin-bottom: 60px;}
.index6 .commh{ padding-top: 30px; }
.index6 .slidet{ width: 1200px; height: 448px; margin: 0 auto;}
.index6 .item{ position: relative; float: left; width: 25%; height: 224px; box-sizing: border-box; color: #fff; font-size: 18px; display: table;}
.index6 .cbox{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #bd7f28; opacity: 0;}
.index6 .text{ position: relative; display: table-cell; vertical-align: middle; text-align: center; z-index: 1;}
.index6 .text p{ text-align: center; }
.index6 .text p.dnone{ font-size: 16px; opacity: 0;}
.index6 .item:hover .cbox,.index6 .item:hover p.dnone{ opacity: 1;}
.index6 .item:hover p.dnone{ opacity: 1; animation: fadeInUp 0.5s;}

.index6 .itemb{ width: 50%; height: 448px;}

/* index7 */
.index7{ padding-bottom: 90px;}
.index7 .process ul{ text-align: center;  }
.index7 .process li{ position: relative; display: inline-block; padding: 0 62px 0 50px; }
.index7 .process li::after{ position: absolute; content: ''; right: 0; top: 50%; margin-top: -11px; width: 12px; height: 22px; background: url(../images/iconr.png) 0 0 no-repeat;}
.index7 .process li:last-child::after{ display: none;}
.index7 .process li p{ margin-top: 15px;}

/* index8 */
.index8{ width: 100%; background: url(../images/indexbg8.jpg) center top no-repeat;}
.index8 .commh{ padding: 90px 0 0px;}
.index8 .commh h2{ color: #fff; }
.index8 .commh p{ margin-top: 10px; color: #fff;}
.index8 .main{ margin-top: 100px;}
.index8 .comslide{}
.comslide{ width: 100%; height: 390px; padding-top: 60px; background-color: #fff;}
.comslide .item{ width: 388px; height: 313px; border: 1px solid #eee;}
.comslide .item .img{ overflow: hidden; width: 388px; height: 245px; }
.comslide .item img{ width: 388px; height: 245px; object-fit: cover;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.comslide .item p{ line-height: 68px; text-align: center;}
.comslide .swiper-container{ padding: 0 30px 60px;}
.comslide .item:hover{ background-color: #c39563; }
.comslide .item:hover p{ color: #fff; }
.comslide .item:hover img{ 
	-webkit-transform: scale(1.1);
	-moz-tra-webkit-transform: scale(1.1);
	-ms-tra-webkit-transform: scale(1.1);
	-o-tra-webkit-transform: scale(1.1);
	transform: scale(1.1);
 }
/* index9 */
.index9{ padding-bottom: 80px;}
.index9 .bmain{ max-width: 1920px; margin: 0 auto;}
.index9 .list{ display: flex; justify-content: space-between;}
.index9 .item{ position: relative; width: 24%; background-color: #000;}
.index9 .item .img{ width: 100%; }
.index9 .item .img img{ width: 100%; }
.index9 .item .cbox,.index9 .item .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 25px; box-sizing: border-box; }
.index9 .item:hover .cbox{ background-color: rgba(0,0,0,.4);}
.index9 .item .cbox .cborder{}
.index9 .item:hover .cbox .cborder{ animation: bounceIn 1.5s;  width: 100%; height: 100%; border: 2px solid rgba(255,255,255,.6);}
.index9 .item .text{ display: table;}
.index9 .item .text .cent{ display: table-cell; vertical-align: middle; text-align: center;  color: #fff;}
.index9 .item .text h5{ font-size: 24px;  }
.index9 .item .text p{ font-size: 15px; line-height: 32px;}
.index9 .item .text .wline{ width: 36px; height: 2px; margin: 10px auto 0; background-color: #fff; }

/* index10 */
.index10{ width: 100%; height: 919px; padding-bottom: 20px; background: #000 url(../images/indexbg10.jpg) center top no-repeat;}
.index10 .commh{ padding: 80px 0 50px;}
.index10 .commh h2{ color: #fff;}
.index10 .commh p{ color: #fff;}
.index10 .listt{ text-align: center; padding-bottom: 66px;}
.index10 .listt ul{}
.index10 .listt li{ display: inline-block; width: 158px; height: 32px; line-height: 32px; margin: 0 14px; color: #fff; cursor: pointer; border: 1px solid #fff; border-radius: 16px; text-align: center;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.index10 .listt li:hover,.index10 .listt li.active{ background-color: #fff; color: #666;}

.index10 .listb{ position: relative; color: #fff; }
.index10 .listb ul{ width: 100%; position: absolute; display: none; }
.index10 .listb ul:first-child{ display: block; }
.index10 .listb li{ width: 100%; height: 79px; box-sizing: border-box; border-top: 1px solid #4d4d4d; }
.index10 .listb li:last-child{border-bottom: 1px solid #4d4d4d;}
.index10 .listb li .small,.index10 .listb li .big{ width: 100%;box-sizing: border-box; font-size: 14px;}
.index10 .listb li .small{ height: 79px; line-height: 79px; padding:0 108px 0 32px;}
.index10 .listb .small .left{ float: left; }
.index10 .listb .small .right{ position: relative; float: right; padding-right: 93px;}
.index10 .listb .small .right::after{ position: absolute; content: ''; top: 7px; right: 0; width: 65px; height: 65px; background: url(../images/right10.png);}

.index10 .listb li .big{ display: none; height: 200px; padding:0 108px 0 0;}
.index10 .listb .img{ float: left; width: 280px; height: 200px;}
.index10 .listb .img img{ width: 280px; height: 200px; object-fit: cover; }
.index10 .listb .text{ float: left; width: 760px; padding-left: 35px;}
.index10 .listb .text h5{ font-size: 16px; margin: 46px 0 15px;}
.index10 .listb .ricon{ float: right; margin-top: 64px;}
.index10 .listb li:hover .small,.index10 .listb li.active .small{ display: none;}
.index10 .listb li:hover .big,.index10 .listb li.active .big{ display: block;}

.index10 .listb li.active{ height: 200px;}

/* fbanner */
.fbanner{ display: block; position: relative;}

/* comm共用ccnav */
.ccnav{ width: 100%; height: 97px; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.ccnav .snav{ float: left; display: inline-block; }
.ccnav .snav li{ float: left; width: 128px; line-height: 94px; text-align: center; border-bottom: 3px solid transparent;}
.ccnav .snav li:hover,.ccnav .snav li.active{ color: #bd7f28; border-bottom: 3px solid #bd7f28;}
.ccnav .breadcrumb{
	float: right;
	display:inline-block;
	font-size: 15px;
	color: #999;
	margin: 38px 0 20px;
	padding-left: 20px;
}

.breadcrumb li{
	display:inline-block;
	float:left;
	color:#666;
	height:30px;
	line-height:30px;
	position: relative;
	padding-left:20px;
}
.breadcrumb li::after{
	display:inline-block;
	content: '>';
	width:20px;
	height:30px;
	position: absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:30px;
	color:#585954;
}

.breadcrumb li:nth-child(1)::after{
	content: '';
	position: absolute;
	background: url(../images/breadcrumb.jpg) left 7px no-repeat;
	left:0;
	top:0;
}
.breadcrumb li:nth-child(1){
	/* padding-left: 0; */
}
.breadcrumb li a{
	display:block;
	padding:0 5px;
	color:inherit;
}
.breadcrumb li a:hover{
	color:#bd7f28;
}

/* cch */
.cchh{ padding: 80px 0 35px; text-align: center;}
.cchh h3{ font-size: 28px; color: #333; font-weight: bold;}
.cchh p{ font-size: 16px; color: #666;}



/* about */
.about1{ width: 100%; height: 1286px; background: #f5f5f5 url(../images/aboutbg1.jpg) center bottom no-repeat;}
.about1 .text{ height: 550px; padding: 55px 60px; box-sizing: border-box; background-color: #fff; font-size: 15px;}
.about1 .text .list{ margin-top: 60px; }
.about1 .text li{ float: left; width: 16.66%; text-align: center; }
.about1 .text li h4{ color: #333; font-size: 18px;}
.about1 .text li h4 em{ font-size: 40px;}

.about2{ width: 100%; height: 846px; background: #f5f5f5 url(../images/aboutbg2.jpg) center top no-repeat;}
.about2 .cchh{ padding: 80px 0 60px; }
.about2 .aslide{ width: 100%; height: 400px; background-color: #fff;}
.about2 .aslide .img{ float: left; width: 650px; height: 400px; }
.about2 .aslide .text{ float: right; width: 650px; height: 400px; box-sizing: border-box; padding: 70px 62px 60px;}
.about2 .aslide .text h4{ font-size: 40px; margin-bottom: 20px; font-weight: bold; color: #be8332;}
.about2 .aslide .text p{ color: #000;}
.about2 .abtm{ position: relative; margin-top: 100px; height: 72px; background: url(../images/agpoint.jpg) left 56px repeat-x; }
.about2 .abtm .img{ padding-bottom: 30px; background: url(../images/adot.png) center bottom no-repeat; }
.about2 .abtm .years{ font-size: 16px; height: 34px; line-height: 34px; color: #666; text-align: center;}
.about2 .abtm .swiper-slide-thumb-active .years{ font-size: 30px; color: #be8332; }
.about2 .abtm .swiper-slide-thumb-active .img{ background-image: url(../images/adoth.png); }
.about2 .abtm .swiper-container{ width: 1100px; margin-left: 0;}
.about2 .abtm .swiper-button-next,.about2 .abtm .swiper-button-prev{ width: 34px; height: 14px; outline: 0;}
.about2 .abtm .swiper-button-prev{ background: url(../images/about_left.png) center center no-repeat; right: 60px; left: auto;}
.about2 .abtm .swiper-button-next{ background: url(../images/about_right.png) center center no-repeat; right: 0; }

/* about3 */
.about3{ padding-bottom: 80px; }
.about3 .item{ position: relative; float: left; width: 260px; height: 210px; cursor: pointer; padding-top: 50px; margin-left: 52px; text-align: center; background-color: #fff; box-shadow: 0px 0px 20px #ddd; font-size: 18px; }
.about3 .item>p{ color: #9a9a9a; text-transform: uppercase; margin-top: 30px;}
.about3 .item h5{ color: #333; font-size: 18px;}
.about3 .item .cbox{ position: absolute; display: table; width: 100%; height: 100%; left: 0; top: 0; background-color: #bb8a5e; opacity: 0; }
.about3 .item:hover .cbox{ animation: fadeIn .5s; opacity: 1;}
.about3 .item .cbox p{ color: #fff; display: table-cell; text-align: center; vertical-align: middle; }

/* about4 */
.about4{ padding-bottom: 95px; }
.about4 .credential{ }
.about4 .credential .item{ width: 303px; height: 392px; padding-top: 28px; border: 1px solid #e5e5e5; text-align: center; color: #666;}
.about4 .credential .item .img{ width: 246px; height: 356px; margin: 0 auto; }
.about4 .credential .img img{ width: 246px; height: 356px; object-fit: cover;}
.about4 .credential .swiper-container{ padding-bottom: 90px;}

/* about5 */
.about5{ width: 100%; height: 631px; background: url(../images/aboutbg5.jpg) center top no-repeat;}
.about5 .cmbox{ color: #fff; text-align: center; padding-top: 185px;}
.about5 .cmbox h5{ font-size: 30px; }
.about5 .cmbox p{ font-size: 18px; margin: 26px 0 55px;}
.about5 .cmbox a{ display: inline-block; width: 210px; height: 50px; line-height: 50px; background-color: #bb8a5e; }
.about5 .cmbox a:hover{ background-color: #bd7f28;}

/* contact */

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

.contact{ padding-bottom: 70px;}
.contact .way{ padding: 90px 0 70px;}
.contact .way .left{ float: left; width: 585px; }
.contact .left h3{ font-size: 22px; line-height: 60px; color: #333; }
.contact .left h4{ margin-bottom: 40px; font-size: 18px; color: #c6c6c6; text-transform: uppercase;}
.contact .left>p{ margin-bottom: 30px; line-height: 34px; font-size: 15px; color: #444; }
.contact .left .ewm{ margin-top: 56px; }
.contact .ewm .ewmimg{ float: left;  }
.contact .ewm .address p{ float: left; line-height: 34px; margin-left: 28px; color: #666;}

.contact .word{ float: right; width: 590px; }
.contact .word form{ width: 590px;}
.contact input,.contact textarea{ margin-bottom: 26px; padding-left: 18px; box-sizing: border-box; border-radius: 5px; background-color: #e7e7e7; font-size: 15px;}
.contact input{ height: 46px;}
.contact textarea{ width: 590px; height: 200px; padding-top: 18px;}
.contact input.user,.contact input.tel{ width: 258px; }
.contact input.user{ margin-right: 33px;}
.contact input.f5,.contact div.pic{ float: left; width: 179px; height: 46px;}
.contact div.pic{ margin-left: 22px; /*background-color: #e7e7e7;*/ border-radius: 5px; overflow: hidden;}
.contact input.submit{ width: 100%; background-color: #bb8a5e; color: #fff;}

.grayline{ width: 100%; height: 0; border-bottom: 1px solid #dcdcdc;}

.map{ max-width: 1300px; height: 480px;}

/* jion */
.jion1{ background-color: #f6f6f6; padding-bottom: 70px;}
.jion1 .commh{ padding-bottom: 20px; }
.jion1 .main>p{ text-align: center; color: #666;}
.jion1 .list{ padding: 50px 50px 0;}
.jion1 .list .item{ float: left; width: 368px; height: 288px; margin: 0 16px; cursor: pointer; background-color: #fff; text-align: center;}
.jion1 .item .img{ width: 368px; height: 220px; color: #fff; overflow: hidden;}
.jion1 .item .img p{ font-size: 18px; margin-top: 48px;}
.jion1 .item .img p em{ font-size: 39px;}
.jion1 .item .text h5{ font-size: 16px;  color: #333; margin-top: 10px;}
.jion1 .item .text p{ font-size: 14px;  color: #666; }
.jion1 .list .item:hover{ box-shadow: 0 0 10px #ccc; animation: pulse .6s;}

.jion7{ padding-bottom: 20px; }
.jion7 form{ height: 266px; }
.jion7 form p{ float: left; width: 384px; height: 52px; line-height: 52px; margin: 0 32px 28px 0; padding-left: 26px; border: 1px solid #dfdfdf; }

.jion7 p.ccity,.jion7 form p.leaveword{ margin-right: 0;}
.jion7 form p input,.jion7 form p.leaveword textarea{ font-size: 16px; color: #757575; background: transparent;}
.jion7 p input{ width: 300px; color: #757575; }
.jion7 p.ccity{ position: relative;}
.jion7 p.leaveword{ width: 828px; position: relative; margin-bottom: 50px;}
.jion7 p.leaveword label{ line-height: 20px; position: absolute; left: 28px; top: 17px;}
.jion7 p.leaveword textarea{  margin: 16px 0 0 50px; width: 700px; white-space: nowrap;overflow: hidden;}
.jion7 div.sbtn{ width: 630px; margin: 0 auto; }
.jion7 div.sbtn>div{ float: left; width: 170px; height: 50px; margin: 0 20px;}
.jion7 .pic,.jion7 .f3,.jion7 .apply{ display: inline-block; width: 170px; height: 50px; text-align: center;}
.jion7 .pic{ background-color: #d8d8d8;}
.jion7 .f3{ background-color: #f9f9f9;}
.jion7 .apply{ background-color: #2f2f2f; color: #fff;}

/* jion2 */
.tjion1{ width: 100%; height: 930px; overflow: hidden; background: #f1f1f1 url(../images/tjionbg1.jpg) center bottom no-repeat;}
.tjion1 h2,.tjion2 h2{ width: 100%; height: 40px; line-height: 52px; color: #000; font-size: 30px; font-family: "微软雅黑"; text-align: left;}
.tjion1 h2{ margin-top: 110px; }
.tjion2 h2{ margin-top: 0px; }
.tjion1 h2 span,.tjion2 h2 span{ color:#bd7f28; }
.tjion1 h2 i,.tjion2 h2 i{ font-size: 18px; vertical-align: 8px; }
.tjion1 p.hp2{ font-size: 16px; margin: 15px 0 40px; }
.tjion1 p{ color: #666;}
.tjion1 .main>div{ margin-top: 50px; }
.tjion1 .main>div .item{ float: left; text-align: center;  width: 140px; margin-right: 40px;}
.tjion1 .main>div .item span{ display: block; margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; color: #fff; background-color: #c39563; }
.tjion1 .main>div .item:nth-child(1) span{ line-height: 127px; font-size: 30px;}
.tjion1 .main>div .item:nth-child(2) span{ height: 92px; line-height: 30px; font-size: 26px; padding-top: 35px;}
.tjion1 .main>div .item:nth-child(2) span em{ font-size: 30px;}
.tjion1 .main>div .item p{ margin-top: 10px; }

.tjion2{ background-color: #333; overflow: hidden;}
.tjion2 h2{ color:#fff; }
.tjion2 .line73{ margin: 86px 0 55px; width: 73px; height: 6px; background-color: #c68947;}
.tjion2 div.main>p{ color: #fff; font-size: 16px; margin: 23px 0 70px;}
.tjion2 .imgbg{ width: 100%; height: 768px; }
.tjion2 .imgbg .left{ position: relative; float: left; width: 50%; height: 768px;} 
.tjion2 .imgbg .left .img{ position: absolute; left: 0; top: 0; width: 100%; display: none; }
.tjion2 .imgbg .left .img img{ width: 100%; height: 768px; object-fit: cover; }
.tjion2 .imgbg .left .img.active{ display: block; }
.tjion2 .list{ float: right; width: 50%; height: 768px; background: #f1f1f1 url(../images/jionnbg2.jpg) left bottom no-repeat; background-size: cover;}
.tjion2 .list .item{ float: left; width: 320px; height: 256px; border-right: 1px solid #535353; border-bottom: 1px solid #535353; cursor: pointer; }
.tjion2 .item .text{ text-align: center; color: #fff; }
.tjion2 .item .text h5{ font-size: 24px; margin-top: 90px;}
.tjion2 .item .text p{ font-size: 15px; margin-top: 10px;}
.tjion2 .list .item:hover,.tjion2 .list .item.active{ background-color: #c39563; }

@media (max-width:1500px){
	
}







.tjion3 .tleft{ background-color: #c39563; }

.tjion4{}
.tjion4 .list1{ max-width: 1300px; margin: 0 auto; }
.tjion4 .list1 .item{ float: left; width: 25%; padding: 40px 0; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
.tjion4 .list1 .item .text{ height: 75px; border-right: 1px solid #dcdcdc;}
.tjion4 .list1 .item h2{ font-size: 20px; line-height: 30px; color: #333;  text-align: center;}
.tjion4 .list1 .item h2 em{ font-size: 40px; padding-right: 5px; color: #bd7f28; vertical-align: middle;}
.tjion4 .list1 .item p{ padding-left: 105px; color: #666;}
.tjion4 .list1 .item:nth-child(5),.tjion4 .list1 .item:nth-child(6),.tjion4 .list1 .item:nth-child(7),.tjion4 .list1 .item:nth-child(8){ border-bottom: 0;}
.tjion4 .list1 .item:nth-child(4n) .text{border-right: 0;}
.tjion4 .list2{ position: relative; width: 100%; height: 380px; margin-top: 50px; padding-top: 126px; background-color: #f0f0f0;}
.tjion4 .list2 .morejion{ position: absolute; left: 50%; top: -37px; margin-left: 37px; width: 74px; height: 74px; background: url(../images/jmore.png) center center no-repeat;  }
.tjion4 .list2 .item{ width: 634px; height: 252px; padding: 12px; border-radius: 5px; background-color: #fff; box-sizing: border-box;}
.tjion4 .list2 .leftbox{ float: left; }
.tjion4 .list2 .rightbox{ float: right; }
.tjion4 .list2 .com_bg{ width: 100%; height: 100%; display: table; } 
.tjion4 .list2 .mbox{ text-align: center; display: table-cell; text-align: center; vertical-align: middle;}
.tjion4 .list2 h5{ font-size: 20px; color: #fff; }
.tjion4 .list2 span{ display: inline-block; width: 48px; height: 4px; margin-top: 20px; background-color: #fff;}

.tjion5{  }
.tjion5 .list{ position: relative; }
.tjion5 .list .lline{ position: absolute; z-index: -1; left: 0; top: 100px; width: 100%; border-bottom: 1px solid #d2d2d2; }
.tjion5 .list .item{float: left; width: 20%; text-align: center; }
.tjion5 .item .img{ width: 53px; height: 52px; margin: 0 auto;}
.tjion5 .item i{ display: block; width: 14px; height: 14px; border-radius: 50%; margin: 42px auto 0; background-color: #c39563;}
.tjion5 .item p{ margin-top: 20px; font-size: 20px; color: #888;}
.tjion5 .item h5{ margin-top: 15px; font-size: 20px; color: #333;}
.tjion5 .item span.line24{ display: block; width: 24px; height: 2px; margin: 25px auto 0; background-color: #c8c8c8;}

.tjion6{ padding-bottom: 80px; }
.tjion6 .comslide{ height: auto; padding-top: 20px;} 
.tjion6 .comslide .swiper-container{ padding: 0 0 60px 31px; }
.tjion6 .comslide .item{ margin-bottom: 37px; } 

.partner{ width: 100%; height: 668px; padding-top: 110px; background-color: #dedede;}
.partner h3{ font-size: 30px;  }
.partner .partner_img{ margin-top: 60px; height: 346px; padding: 10px 0; border-width: 1px 0 1px; border-color: #d2d2d2; border-style: solid;}
.partner .partner_img .item{ float: left; width: 16.66%; margin-top: 50px; height: 100px; }
.partner p{ font-size: 18px; color: #a3a3a3; margin-top: 40px;}

.tjion8{ width: 100%; height: 665px; padding-top: 135px; background: #000 url(../images/tjionbg8.jpg) center top no-repeat;}
.tjion8 h3{ font-size: 30px; color:#fff; }
.tjion8 h5{ font-size: 20px; color: #fff; margin: 30px 0 30px;}
.tjion8 form{ width: 516px;}
.tjion8 form>div{ margin-bottom: 17px; }
.tjion8 form input,.tjion8 form textarea,.tjion8 form select{ padding-left: 18px; border-radius: 5px; font-size: 16px; color: #9f9f9f; border: 1px solid rgba(255,255,255,.2); background: transparent;}
.tjion8 form input{ width: 230px; height: 48px;}
.tjion8 select{ width: 250px; height: 48px;}
.tjion8 textarea{ width: 498px; height: 38px; font-family: "微软雅黑"; padding-top: 10px; font-size: 16px; white-space: nowrap; overflow: hidden;}
.tjion8 .mgright{ margin-right: 11px;}
.tjion8 div.fdiv4{ margin-top: 40px; }
.tjion8 div.fdiv4 input{ width: 163px; }
.tjion8 div.fdiv4 .pic{ display: inline-block; width: 163px; height: 48px; /*background-color: #575757;*/ border-radius: 5px;}
.tjion8 div.fdiv5{ margin-top: 70px; }
.tjion8 div.fdiv5 input{ border: 0; cursor: pointer; padding-left: 0; color: #fff; font-size: 20px; text-align: left;}

/* service */
.service1{ width: 100%; height: 370px; padding-top: 90px;}
.service1 .main{ height: 370px; background: url(../images/servicebg1.jpg) 700px -10px no-repeat; }
.service1 h3,.service1 h4{ font-size: 22px; line-height: 38px; color: #333; text-align: left; }
.service1>div>p{ font-size: 14px; line-height: 24px; margin: 20px 0 40px; color: #999; }
.service1 .sphone{ padding-left: 65px; position: relative;}
.service1 .sphone h5{ font-size: 16px; color: #000; line-height: 20px;}
.service1 .sphone p{ font-size: 30px; color: #333; line-height: 40px; font-weight: bold;}
.service1 .sphone::before{ position: absolute; content: ""; left: 3px; top: 3px; width: 48px; height: 48px; background: url(../images/hphone.jpg) center center no-repeat; background-size: cover ;  }

.service{ padding-bottom: 30px; }
#distpicker1{ float: left; }
.service .serviceform p,.service .serviceform .csearch{ height: 44px; border: 1px solid #dedede; border-radius: 27px;}
.service .serviceform p{ float: left; margin-right: 20px; width: 326px; padding: 0 20px 0 30px;}
.service .serviceform select{  width: 326px; height: 44px; border: 0; outline: none; font-size: 15px; color: #666;}
.service .serviceform .csearch{ position: relative; float: right; width: 470px; padding-left: 30px;}
.service .serviceform .csearch input.text{ width: 430px;height: 44px; font-size: 15px;}
.service .serviceform .csearch input.submit{position: absolute; width: 45px; height: 45px; right: 0px; top: 0px; border-radius: 50%; cursor: pointer; background: #fff url(../images/searchs.png) center center no-repeat;}
.service .list{ padding-top: 70px; }
.service .list .item{ position: relative; float: left; width: 412px; height: 420px; margin: 0 32px 30px 0;}
.service .item .img{ width: 412px; height: 254px; overflow: hidden; }
.service .list .item:nth-child(3n){ margin-right: 0; }
.service .item .img img{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.service .item:hover .img img{ 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
.service .item .box{ position: absolute; top: 226px; left: 50%; margin-left: -188px; width: 340px; height: 165px; padding: 30px 18px 0; background-color: rgba(255,255,255,.6); }
.service .item h5{ font-size: 16px; color: #666; font-weight: bold; padding: 5px 0 10px;}
.service .item p{ font-size: 14px; color: #333; line-height: 26px;}
.service .item p.phone{ color: #666; }
.service .item .more{ width: 26px; height: 21px; margin-top: 25px; margin-left: 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.service .item:hover .more{ margin-left: 310px; }

/* college */
.college1{ padding: 80px 0 90px; }
.college1 .list{  }
.college1 .list .item{ float: left; width: 650px; height: 400px; }
.college1 .item .text{ width: 100%; box-sizing: border-box; padding: 30px 25px 0 45px; color: #000;}
.college1 .text h4{ font-size: 36px; line-height: 30px; font-weight: bold; padding-bottom: 40px;}
.college1 .text em{ font-size: 16px; text-transform: uppercase; font-weight: normal;}
.college1 .text p{ font-size: 16px; }

.college2{ width: 100%; height: 535px; padding-top: 65px; background: url(../images/collegebg2.jpg) center top no-repeat; }
.college2 h3{ margin-bottom: 60px; font-size: 36px; color: #fff; text-align: center; font-weight: bold;}
.college2 p{ color: #fff; text-align: center; }
.college2 p em{ font-weight: bold; }

.college3{ width: 100%; height: 710px; padding-top: 100px;  }
.college3 h3,.college4 h3{ margin-bottom: 60px; font-size: 36px; font-weight: bold; color: #272727; text-align: center;}
.college3 .list{  }
.college3 .list .item{ position: relative; width: 420px; height: 530px; float: left; margin-right: 20px;}
.college3 .list .item:last-child{ margin-right: 0px;}
.college3 .item .img{ width: 420px; height: 530px; overflow: hidden; }
.college3 .item .img img{ width: 420px; height: 530px; object-fit: cover; }
.college3 .item>p{ height: 70px; line-height: 70px; font-size: 24px; color: #fff; font-weight: bold; text-align: center; background-color: #bb8a5e;}
.college3 .item .cbox{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.7); opacity: 0;}
.college3 .item:hover .cbox{  opacity: 1; animation: fadeIn .5s;}
.college3 .item .text{ padding: 55px 42px 0; color: #fff; }
.college3 .text p{ font-size: 18px; }

.college4{ width: 100%; height: 560px; padding-top: 100px;  }
.college4 h3{ margin-bottom: 0px;}

/* case */
.t_nav{  padding-top: 60px;}
.t_nav .list li{ display: inline-block; padding: 0 34px; color: #333; font-size: 16px; border-right: 1px solid #dcdcdc; }
.t_nav .list li:first-child{ padding-left: 0px; }
.t_nav .list li:last-child{ border-right: 0; }
.t_nav .list li:hover a,.t_nav .list li.active a{ color: #bc7e27; }

.case{ padding-top: 70px;}
.case .list{ }
.case .list .item{ float: left; width: 420px; height: 320px; margin: 0 20px 50px 0;}
.case .list .item:nth-child(3n){ margin-right: 0; }
.case .item .img{ width: 420px; height: 260px; overflow: hidden;}
.case .item .img img{ width: 420px; height: 260px; object-fit: cover; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.case .item:hover .img img{ 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
.case .item .text{ position: relative; padding: 0 30px; line-height: 60px; color: #666; font-size: 16px; background-color: #f8f8f8; }
.case .item:hover .text{ background-color: #bb8a5e; color: #fff;}
.case .item .text .eye{ position: absolute; right: 30px; top: 24px; width: 16px; height: 12px; background: url(../images/eye.png) center center no-repeat;}
.case .item:hover .text .eye{ background-image: url(../images/eyeh.png); }

/* news */
.news{ padding-top: 65px; }
.news .newsshow{ height: 440px; margin-bottom: 60px; background-color: #f7f7f7;}
.news .newsshow .left{ float: left; width: 620px; height: 440px; }
.news .newsshow .left img{ width: 620px; height: 440px; object-fit: cover;}
.news .newsshow .right{ float: right; width: 580px; height: 440px; padding: 0 50px;}
.news .newsshow .right .date{ font-size: 14px; color: #333; margin: 90px 0 40px;}
.news .newsshow .right h4{ font-size: 24px; color: #333;}
.news .newsshow .right p{ font-size: 16px; color: #666; margin: 25px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.news .newsshow .right a{ display: block; width: 130px; height: 34px; line-height: 34px; border-radius: 17px; text-align: center; background-color: #bc7e27; font-size: 14px; color: #fff;}

.news .list{  }
.news .list .item{ float: left; width: 33.33%; height: 500px; box-sizing: border-box; padding: 34px 30px 0; margin-bottom: 10px;}
.news .list .item:hover{ box-shadow: 0 0 8px #ddd; }
.news .item .img{ width: 100%; height: 260px; overflow: hidden;}
.news .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.news .item .text{  }
.news .item .text h5{ margin: 20px 0 10px; font-size: 18px; }
.news .item .text p{ line-height: 24px; font-size: 14px; color: #999; }
.news .item .linefull,.news .item .anline{ width: 100%; height: 1px;}
.news .item .linefull{ background-color: #f0efef; margin: 25px 0; overflow: hidden;}
.news .item span.anline{ display: block; background-color: #bb8a5e; margin-left: -100%; }
.news .item:hover span.anline{ margin-left: 0%; }
.news .item .more .morel{ float: left;  display: block; color: #666; }
.news .item .more .morer{ float: right; display: none;}
.news .item:hover .more .morer{ display: block;}

/* news details */
.news_content{ overflow: hidden;}
.news_list{ font-size: 15px; color: #333; line-height: 32px; margin: 70px auto; background-color: #fff;}
.news_list .news_h{ margin-bottom: 40px; text-align: center;}
.news_list .news_h h5{  font-size: 24px; margin-bottom: 10px;}
.news_h span{  font-size: 18px; color: #666;}
.news_list .news_p{ padding: 40px 20px; border: 1px solid #dcdcdc; border-left: 0; border-right: 0;}

.news_aa{ margin-top: 30px; font-size: 16px; }
.news_aa a{ display: block; margin-bottom: 20px; }
.news_aa a:hover{ color: #bb8a5e;}


/* page */
.page{
	text-align:center;
	padding:40px 0 80px;
}
.page div{
	display:inline-block;
}
.page a{
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 14px;
	margin:0 8px;
	font-size:15px;
	border-radius: 50%;
	color:#666;
	background:#eee;
	float:left;
}
.page a:active,
.page a.on{
	background-color:#bb8a5e;
	color:#fff;
}
.page a.prev,
.page a.next{
	padding:0;
	width:36px;
	
}



/* pro */
.pro{ padding-top: 45px; background-color: #f8f8f8;}
.pro .aside{ float: left; width: 228px; padding-bottom: 42px; background-color: #fff; } 
.pro .aside .pro_h3{ width: 228px; height: 70px; padding-top: 22px; color: #fff; text-align: center; background-color: #bb8a5e;}
.pro .aside .pro_h3 h3{ font-size: 24px; font-weight: bold; }
.pro .aside .pro_h3 p{ font-size: 12px;  }
.pro .aside .pro_list{  }
.pro_list .item{  }
.pro_list .item .itemh{ position: relative; margin: 0 auto; width: 155px; height: 59px; line-height: 59px; padding-left: 40px; border-bottom: 1px solid #f6f6f6; cursor: pointer; }
.pro .aside .pro_list .item ul{ height: 0; width: 155px; margin: 0 auto; padding-left: 40px; overflow: hidden; transition: all .3s ease; }
.pro .aside .pro_list .item li{ font-size: 15px; line-height: 34px; }
.pro .aside .pro_list li a{ width: 100%; color: #666; }
.pro .aside .pro_list li.active a,.pro .aside .pro_list li:hover a{ color: #333; }
.pro .aside .pro_list .item.on ul{ height: auto; padding: 10px 0 10px 40px; border-bottom: 1px solid #f6f6f6; }

.pro_list .item.on .itemh::before{
	content: '+'; 
	display:inline-block;
	width:20px;
	height:16px;
	position: absolute;
	left: 10px;
	top: 16px;
	font-size: 16px;
	text-align:center;
	line-height:30px;
	color:#585954;
}
.pro .list{ float: right; width: 1045px; }
.pro .list .item{ float: left; width: 324px; height: 370px; box-sizing: border-box; margin: 0px 33px 46px 0;  background-color: #fff;}
.pro .list .item:nth-child(3n){ margin-right: 0px; }
.pro .list .item:hover{  }
.pro .item .img_box{ width: 314px; height: 216px; padding: 5px; overflow: hidden;}
.pro .item .img_box img{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.pro .item:hover .img img{ 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
.pro .item .text{ text-align: center; height: 120px; padding-top: 24px;  background-color: #fff;}
.pro .item .text h5{ font-size: 17px; color: #333;}
.pro .item .text .line35{ display: block; width: 35px; margin: 14px auto 22px; border-bottom: 1px solid #e4e4e4;}
.pro .item .text a{ display: block; margin: 0 auto; width: 108px; height: 35px; line-height: 35px; font-size: 12px; background: url(../images/probga.png) center center no-repeat;}
.pro .item .text a:hover{ background: #bd7f28; color: #fff;}
.pro .page a{ background-color:#fff; }
.page a:active,.page a.on{ background-color:#bb8a5e;}


.page a.prev{
	background: url(../images/l_bg2.png) center center no-repeat;
	background-size: 25%;
}
.page a.next{
	background: url(../images/r_bg2.png) center center no-repeat;
	background-size: 25%;
}

.introduce { padding : 65px 0px 60px; box-sizing: border-box;}
.introduce .img { float: left; width : 640px; position: relative;}
.introduce .swiper-1 a { display : block; }
.introduce .swiper-1 .img_box { width : 640px ; height : 640px ; background-color : #EEEEEE; }

.introduce .text{ float: right; position: relative; width: 600px; height: 640px; margin-right: 10px; box-sizing: border-box;}
.introduce .text h5{ line-height: 64px; font-size: 30px; color: #333;}
.introduce .text .grey_line{ width: 100%; border-bottom: 1px solid #f0f0f0;}
.introduce .text .p_em{ padding: 20px 0;}
.introduce .text .p_em p{ line-height: 35px; font-size: 16px; color: #666;}
.introduce .text .p_em p em{ font-weight: bold; color: #000; padding-right: 20px; }
.introduce .text .btn_a a{ display: inline-block; width: 164px; height: 44px; line-height: 44px; border-radius: 22px; margin-right: 10px; text-align: center; color: #fff;}
.introduce .text .btn_a a.left{ background-color: #bb8a5e;}
.introduce .text .btn_a a.right{ background-color: #bababa;}
.introduce .img-nav { margin-top : 78px ; width: 540px; position : absolute; left: 0px; bottom: 10px;}
.introduce .img-nav .swiper-container { width : 440px; margin: 0 47px;}
.introduce .img-nav h6{ color: #696969; font-size: 16px; margin: 0 0 20px;}
.introduce .img-nav .swiper-slide { cursor : pointer; }
.introduce .img-nav .img_box{ width : 98px ; height : 98px ; box-sizing: border-box; border: 1px solid #dcdcdc; }
/*.introduce .img-nav .img_box img{ width : 98px ; height : 98px ; object-fit: cover;}*/
.introduce .img-nav .swiper-slide:hover .img_box { border: 1px solid #c7000c;}
.introduce .swiper-button-prev, .introduce .swiper-button-next { --swiper-navigation-size : 0px ; width : 40px ; height : 98px ; background-size: 40%; background-color : #5d5d5d; background-image : url(../images/pd-icon-1.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; outline : none ; top : 63px ; transition : .3s; }
.introduce .swiper-button-disabled{  background-color : #A6A6A6; }
.introduce .swiper-button-prev:hover, .introduce .swiper-button-next:hover { background-color : #bb8a5e; }
.introduce .swiper-button-prev { left : 0px; }
.introduce .swiper-button-next { right : 0px ; transform : scale(-1); }

.pdetails{ }
.pdetails h4{ font-size: 24px; color: #bc7e27; line-height: 60px;}
.pdetails h4 span{ font-size: 24px; color: #cacaca;}
.pdetails .longline{ width: 100%; border-bottom: 1px solid #d4d4d4; }
.pdetails .text_img{ padding: 65px; }
.pdetails .text_img img{ clear: both; display: block; margin:0 auto; }
.pdetails .details_aa{ padding: 20px 5px 80px; }
.pdetails .details_aa a.prev{ display: inline-block; color: #696969; float: left; }
.pdetails .details_aa a.next{ display: inline-block; color: #696969; float: right; }
.pdetails .details_aa a:hover{ color: #bb8a5e;}

.tips{
	max-width:400px;
	width:100%;
	position: fixed;
	left:50%;
	top:50%;
	background-color: rgba(0,0,0,.4);
	transform: translate(-50%, -50%);
	padding:10px;
	box-sizing: border-box;
	margin-top:-20px;
	z-index: 999;
	border-radius: 5px;
}
.tips img{
	width:100%;
	height:auto;
}
.tips .close{
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color:#fff;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	right:-15px;
	top:-15px;
	z-index: 33;
	border-radius: 100px;
	cursor: pointer;
}