* CSS初始化 **/

@font-face { 
 font-family: gillsans-light_; /*这里是说明调用来的字体名字*/ 
 src: url(http://www.jinhuitong.com.cn/views/default/css/gillsans-light_.ttf%E2%80%99); /*这里是字体文件路径*/ 
}
/* CSS Document */
html{font-size: 62.5%;}
body, form, p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, li { margin: 0; padding: 0;font-size: 1.4rem;}
input,button,textarea,select{outline: none;padding: 0;margin: 0;}
ul, ol ,li { padding: 0; list-style: none; }
a { text-decoration: none; color: #666666; margin: 0; padding: 0; }
a img { border: none; }
img{vertical-align: middle;}
body { font-family: "微软雅黑","汉仪旗黑", "宋体", "Times New Roman"; background: #fff; color: #333333;overflow-x:hidden; background-attachment:fixed;}
h1, h2, h3, h4, h5, h6 {font-family: "微软雅黑","汉仪旗黑", "宋体", "Times New Roman"; font-weight: normal;}
.clear { clear: both; }
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; overflow: hidden; clear: both; }
.f_l { float: left; }
.f_r { float: right; }
.w_1000{ width: 1000px; margin: 0 auto;}



/*首页banner图样式*/
/*.slider li>img{position: relative;left: 50%;margin-left: -960px;}*/


.IndexTop{height: 30px;background: #9c825c;line-height: 30px;}
.IndexTop .left{}
.IndexTop .left>span{display: inline-block;padding-left: 28px;margin-right: 20px;color: #fff; height: 100%;}
.IndexTop .left>span.phone{background: url(../image/indexPNG_03.png) no-repeat left center;}
.IndexTop .left>span.mail{background: url(../image/indexPNG_05.png) no-repeat left center;}
.IndexTop .right{}
.IndexTop .right>a{color: #fff;height: 100%;width: 68px;text-align: center;display: inline-block;}
.IndexTop .right>a.current,.IndexTop .right>a:hover{background: #837055;}

.Nav{height: 62px;line-height: 62px;}
.Nav ul>li{float: left;height: 100%;}
.Nav ul>li{position: relative;}
.Nav ul>li>.line{position: absolute;height: 2px;background: #49466d;bottom: 0;width: 26px;left: 47%;display: none;}
.Nav ul>li:hover>.line,.Nav ul>li.current>.line{display: block;}
.Nav ul>li:hover>a,.Nav ul>li.current>a{color: #49466d; font-weight: 600; }
.Nav ul>li:nth-of-type(1)>.line{left: 5%;}
.Nav ul>li>span{display: inline-block;margin: 0 10px;color: #767676;}
.Nav ul>li>a{}
.Nav .search{height: 100%;width: 68px;background: #49466d;margin-left: 20px;text-align: center;line-height: 62px;}

/*手机端nav*/
.Phone_Nav{text-align: center;display: none;width: 100%;z-index: 2;position: relative;}
.Phone_Nav>.top1{text-align: left;padding: 5px 14px;border-bottom: 1px dashed #ccc;}
.Phone_Nav>.top2{text-align: left;height: 40px;padding: 5px 14px;background: #49466d;}
.Phone_Nav>.top2>a>img{height: 100%;}
.Phone_Nav>.top2>.search{height: 100%;width: 50px;/*background: #9c825c;*/margin-left: 20px;text-align: center;line-height: 34px;}
/*.Phone_Nav>a.logo{display: block;font-size: 0;height: 62px;}*/
.Phone_Nav>.Phone_menu{border-bottom: 1px dotted #999;position: absolute; left: 0; top: 50px; width: 100%;}
.Phone_Nav>.Phone_menu>.top{padding: 10px 0;color: #fff;background: #49466d url("../image/toggle.png")no-repeat;background-position: 96% 10px;background-size: 24px 24px;font-size: 16px;}
.Phone_Nav>.Phone_menu>ul{background: #fff;display: none;}
.Phone_Nav>.Phone_menu>ul>li{text-align: center;border-bottom: 1px dotted #777;}
.Phone_Nav>.Phone_menu>ul>li>a{color: #333;line-height: 50px;font-size: 18px;}
.Phone_Nav>.Phone_menu .Phone_Menu2{background: #49466d;}
.Phone_Nav>.Phone_menu .Phone_Menu2 a{display: block;padding: 5px 0;color: #fff;font-size: 16px;line-height: 30px;}
/*二次修改*/
.MenuIcon{width: 30px;height: 100%;background: #49466d url("../image/toggle.png") no-repeat right center;    background-size: 24px 24px;}


/*首页banner图样式*/





.IndexSec{padding: 0 0 5% 0;}

.slide img{position: relative;left: 50%;margin-left: -960px;}

.slider {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;			
			width: 60px;
			height: 60px;
			line-height: 60px;
			text-decoration: none;
			text-align: center;
			color: #fff;
			font-size: 2em;
			background-color: #333;
			background-color: rgba(50,50,50,.3);
			border-radius: 50%;
		}

			.slider-arrow--right { bottom: 50%; right: 30px; }
			.slider-arrow--left { bottom: 50%; left: 30px; }


	.slider-nav {
		position: absolute;
		bottom: 30px;
	}

		.slider-nav__item {
			width: 21px;
			height: 3px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
			transition: all 0.5s;
		}

		/*.slider-nav__item:hover {width: 45px; background: #9c825c; }*/
		.slider-nav__item--current {width: 45px; background: #9c825c; }
.IndexTit{text-align: center;}
.IndexTit>.CH{font-size: 16px;letter-spacing: 10px;font-weight: bold;margin-bottom: 10px; }
.IndexTit>.line{display: inline-block;width: 36px;height: 2px;background: #b3b3b3;margin: 10px 0;}
.IndexTit>.EN{font-size: 11px;color: #777;}

.IndexSec1{padding: 3% 0;}
.IndexSec1{}
.IndexSec1>.content{margin-top: 40px;}
.IndexSec1>.content>ul{height: 316px; width: 100%;}
.IndexSec1>.content>ul>li{float: left;height: 100%;}
.IndexSec1>.content>ul>li>.left{height: 100%;/*width: 172px;*/width: 129px; float: left;text-align: center;}
.IndexSec1>.content>ul>li>.left>img{margin-top: 40%;}
.IndexSec1>.content>ul>li>.left>.tit{font-size: 18px;color: #fff;margin-top: 30%;}
.IndexSec1>.content>ul>li:nth-of-type(1)>.left{background: url(../image/sec1Bk_010.png) no-repeat center center / cover;}
.IndexSec1>.content>ul>li:nth-of-type(2)>.left{background: url(../image/sec1Bk_05.jpg) no-repeat center center / cover;}
.IndexSec1>.content>ul>li:nth-of-type(3)>.left{background: url(../image/sec1Bk_08.jpg) no-repeat center center / cover;}
.IndexSec1>.content>ul>li:nth-of-type(4)>.left{background: url(../image/sec1Bk_07.jpg) no-repeat center center / cover;}
.IndexSec1>.content>ul>li>.right{display: none;width: 478px;float: left;box-sizing: border-box;padding: 30px;border: 2px solid #9c825c;border-left: 0;height: 100%;}
.IndexSec1>.content>ul>li>.right{}
.IndexSec1>.content>ul>li>.right>.con{line-height: 2em;color: #666;}
.IndexSec1>.content>ul>li>.right>.more{text-align: right;}
.IndexSec1>.content>ul>li>.right>.more>a{display: inline-block;padding-right: 28px;background: url(../image/arr_03.png) no-repeat right center;margin-top: 20px;}

.IndexSec1>.content>ul>li>.right.show{display: block;}
/*关于我们*/
.IndexSec2{background: url(../image/IndexAboutBk_02.jpg) no-repeat center center / cover;padding: 40px 0;}
.IndexSec2>.content{margin-top: 40px;}
.IndexSec2>.content>.img{width: 50%;}
.IndexSec2>.content>.img>img{width: 100%;}
.IndexSec2>.content>.right{width: 50%;box-sizing: border-box;padding: 20px;}
.IndexSec2>.content>.right>.intro{line-height: 1.8em;}
.IndexSec2>.content>.right>.more{text-align: right;}
.IndexSec2>.content>.right>.more>a{display: inline-block;padding-right: 28px;background: url(../image/arr_03.png) no-repeat top right;margin-top: 20px;border-bottom: 1px solid #9c825c;padding-bottom: 10px;}

/*版权信息*/
.copyRight{background: #49466d;padding: 20px 0;color: #a4a3b6;}
.copyRightContact{display: inline-block;padding: 4px 12px;background: #a0855d;color: #fff;}
.copyRightFengyun{color: #a4a3b6;}
.copyRightAdd{margin: 40px 0;}
.copyRightAdd>span{display: inline-block;padding-left: 26px;margin-right: 20px;
	background: url(../image/indexPNG_36.png) no-repeat left center;}
.copyRightAdd>span:nth-of-type(2){background: url(../image/indexPNG_39.png) no-repeat left center;}
.copyRightAdd>span:nth-of-type(3){background: url(../image/indexPNG_42.png) no-repeat left center;}
.cop{line-height: 2em;}
.cop1{margin-top: 10px;}
.copyRightRight{width: 100px;text-align: center;margin-top: 18px;}
.copyRightRight img{ /*width: 100%; */ width: 100px;}
.copyRightRight>span{line-height: 3em;display: block;}

#search_btn_before{background:#ff4400;display:inline-block;width:200px;height:40px;text-align:center;line-height:40px;font-size:18px;color:#f4f4f4;}
/*搜索框样式*/
.search_input{width:100%;height:100px; background:rgba(73,70,109,0.9);position:fixed;top:0;z-index:3;display: none;}
.search_input>form{width:94%;margin:0 auto;text-align:center;height:100%;color:#eee;}
.search_input>form>input{height:100%;background:none;border:none;font-size:2em;}
.search_input>form>input[type="text"]{width:70%;height:100%;background:none;border:none;font-size:2em;}
.search_input>form>input[type="submit"]{width:20%;height:100%;background:none;border:none;font-size:2em;color:#eee;padding:0 1em;}
.search_input>form>span{display:inline-block;width:5%;line-height:300%;font-size:2em;cursor:pointer;}
input[placeholder]{color:#eee;}


.HeadImg{width: 100%;}
.HeadImg>img{width: 1920px;position: relative;left: 50%;margin-left: -960px;}

.InsidePage{}
.InsidePage .Left{width: 200px;text-align: center;position: relative;z-index: 1;margin-bottom: 40px;}
.InsidePage .Left>.top{color: #fff;background: #9c825c;padding: 20px 0;margin-top: -87px;}
.InsidePage .Left>.top>.CH{font-size: 20px; line-height:47px; }
.InsidePage .Left>.top>.EN{font-size: 16px; display:none; }
.LeftListMenu{border: 1px solid #e3dcd2;}
.LeftListMenu>li{line-height: 60px;border-bottom: 1px dashed #efefef;}
.LeftListMenu>li>a{font-size: 16px;color: #333;display: block;}
.LeftListMenu>li.current>a,.LeftListMenu>li:hover>a{color: #49466d;background: #e3e2e2;}
.LeftListMenu>li.current{}
.LeftListMenu .Subsections{}
.LeftListMenu .Subsections>li{border-top: 1px dashed #efefef;}
.LeftListMenu .Subsections>li>a{color: #777;display: block;}
.LeftListMenu .Subsections>li:hover>a{color: #49466d;}

.InsidePage{}
.InsidePage .Right{width: 780px;}
.locationPage{border-bottom: 1px solid #9c825c;padding: 14px 0;margin-top: 20px;position: relative;}
.locationPage:before{content:"";display: block;width: 7px;height: 7px;background: #9c825c;position: absolute;bottom: -4px;left: 0;transform: rotate(45deg);}
.lacationColumnName{font-size: 18px;}

.locationPage>.right{color: #999;}
.locationPage>.right>a{color: #999;}
.locationPage>.right>a:hover{color: #333;}
.NyCommon{padding: 30px 0;}
.NyCommon img{max-width: 100%;}


.industrialDistribution{}
.industrialDistribution>.word{width: 68%;}
.industrialDistribution>.img{width: 30%;margin-top: 20px;}



/*关于我们-资质荣誉*/

.HonorSlide{width: 100%;height: 46px;border-bottom: 1px dashed #c9c9c9;position: relative;}
.HonorSlide>.HonorArro{width: 34px;height: 34px;position: absolute;top: -10px;}
.HonorSlide>.HonorSlideLeft{background: url(../image/honorArro_03.png) no-repeat center;left: 0;}
.HonorSlide>.HonorSlideLeft:hover{background: url(../image/honorArro_04.png) no-repeat center;}
.HonorSlide>.HonorSlideRight{background: url(../image/honorArro_10.png) no-repeat center;right: 0;}
.HonorSlide>.HonorSlideRight:hover{background: url(../image/honorArro_05.png) no-repeat center;}
.HonorSlide>.SlideBox{height: 100%;width: 80%;margin: 0 auto;overflow: hidden;position: relative;}
.HonorSlide>.SlideBox>ul{height: 100%;position: absolute;left: 0;}
.HonorSlide>.SlideBox>ul>li{float: left;width: 40px;padding: 0 20px;text-align: center;height: 100%;position: relative;}
.HonorSlide>.SlideBox>ul>li>a{font-size: 16px;color: #333;transition: all 0.5s;}
.HonorSlide>.SlideBox>ul>li:hover>a,.HonorSlide>.SlideBox>ul>li.current>a{color: #49466d;font-size: 18px;}
.HonorSlide>.SlideBox>ul>li>span{display: inline-block;height: 18px;border-left: 1px dashed #c9c9c9;vertical-align: bottom;position: absolute;bottom: 0;left: 50%}

.HonorList{padding: 30px;padding-bottom: 1px;background: #f5f5f5;margin: 40px 0 0 0;}
.HonorList>.list{margin-bottom: 30px;}
.HonorList>.list>.Img{display: block;width: 28%;}
.HonorList>.list>.Img>img{width: 100%;}
.HonorList>.list>.right{width: 68%;}
.HonorList>.list>.right>.time{font-size: 18px;color: #49466d;border-bottom: 1px solid #c9c9c9;margin-top: -4px;}
.HonorList>.list>.right>.time>span{display: inline-block;border-bottom: 2px solid #49466d;padding-bottom: 12px;margin-bottom: -2px;min-width: 150px;}
.HonorList>.list>.right>.title{display: inline-block;padding-top: 10px;font-size: 18px;color: #333;}



.InsidePageFullWidth .Title{color: #fff;background: #9c825c;padding: 20px 0;margin-top: -88px;position: relative;z-index: 2;width: 200px;text-align: center;}
.InsidePageFullWidth .Title>.CH{font-size: 20px; line-height:48px; }
.InsidePageFullWidth .Title>.EN{font-size: 16px; display:none; }



.NewsMenu{font-size: 0;background: #f9f9f9;}
.NewsMenu>a{display: inline-block;width: 50%;font-size: 18px;text-align: center;padding: 10px 0;color: #333;}
.NewsMenu>a.current,.NewsMenu>a:hover{background: #ebeae8;color: #49466d;}

.NewsList{ }
.NewsList>.list{padding: 3% 0;border-bottom: 1px solid #b5b5b5; }
.NewsList>.list>.LeftImg{float: left;width: 26%;border-radius: 4px;overflow: hidden;}
.NewsList>.list>.LeftImg>img{width: 100%;}
.NewsList>.list>.right{float: right;width: 70%;}
.NewsList>.list>.right>.title{font-size: 20px;color: #333;margin: -4px 0 10px 0;display: inline-block;}
.NewsList>.list>.right>.title:hover{color: #49466d;}
.NewsList>.list>.right>.time{color: #999;}
.NewsList>.list>.right>.intro{color: #6b6c6f;margin: 3% 0 1% 0;line-height:18px;}
.NewsList>.list>.right>.more{text-align: right;}
.NewsList>.list>.right>.more>a{display: inline-block;padding-right: 32px;background: url(../image/arr_03.png) no-repeat right center;color: #333;}
.NewsList>.list>.right>.more>a{color: #49466d;}
/*News_show*/
.News_show{padding: 40px 0;}
.News_show>.NewTitle{text-align: center;color: #49466d;font-size: 18px;}
.News_show>.time{text-align: center;color: #777;margin: 10px 0 30px 0;}
.News_show>.content{line-height: 1.8em;}
.News_show>.News_pageTurn{text-align: center;position: relative;margin: 30px 0;}
.News_show>.News_pageTurn>a{background: #e3e3e3;padding: 8px 20px;color: #333;transition: all 0.3s;display: inline-block;}
.News_show>.News_pageTurn>a:hover{background: #9c825c;color: #fff;}
.News_show>.News_pageTurn>a.PrevList{position: absolute;left: 0;}
.News_show>.News_pageTurn>a.NextList{position: absolute;right: 0;}

/*社会责任*/
.socialResponsibility{}
.socialResponsibility>ul{margin-bottom: 3%;}
.socialResponsibility>ul>li{width: 32%;margin-right: 1.5%;float: left;box-sizing: border-box;border: 2px solid #dbdbdb;border-radius: 6px;margin-top: 3%;padding: 8px;}
.socialResponsibility>ul>li:nth-of-type(3n){margin-right: 0;}
.socialResponsibility>ul>li:hover{border: 2px solid #9c825c;background: #9c825c;color: #fff;}
.socialResponsibility>ul>li>a.Img{display: block;overflow: hidden;border-radius: 4px;}
.socialResponsibility>ul>li>a.Img>img{width: 100%;}
.socialResponsibility>ul>li>a.tit{margin: 16px 0;display: block;line-height: 1.6em;height: 42px;}
.socialResponsibility>ul>li:hover>a.tit{color: #fff;}
.socialResponsibility>ul>li>.intro{height: 76px;}
.socialResponsibility>ul>li>.time{margin-top: 10px;}

/*联系我们*/
.contact{margin: 4% 0;}
.contact>.Map{width: 50%;padding: 0 2% 0 0;box-sizing: border-box;}
.contact>.Map>img{width: 100%;}
.contact>.right{width: 50%;padding: 0 2%;box-sizing: border-box;}
.contact>.right>.companyName{font-size: 20px;color: #9c825c;margin: -4px 0 16px 0;}
.contact>.right>.infoList{}
.contact>.right>.infoList>li{padding-left: 30px;line-height: 30px; background: url(../image/contactIcon_03.png) no-repeat;}
.contact>.right>.infoList>li:nth-of-type(1){background-position: 0 4px;}
.contact>.right>.infoList>li:nth-of-type(2){background-position: 0 -23px;}
.contact>.right>.infoList>li:nth-of-type(3){background-position: 0 -52px;}
.contact>.right>.infoList>li:nth-of-type(4){background-position: 0 -80px;}
.contact>.right>.infoList>li:nth-of-type(5){background-position: 0 -110px;}












@media only screen and (min-width : 320px) and (max-width : 640px){
	.industrialDistribution>.word,.industrialDistribution>.img{width: 100%;}
	.InsidePageFullWidth .Title{display: none;}
/*.InsidePageFullWidth .Title>.CH{font-size: 16px;}
.InsidePageFullWidth .Title>.EN{font-size: 12px;}*/
}










#pages{text-align: center;clear: both;margin:40px 0;}
#pages a,#pages span{display: inline-block;padding:0 12px;line-height: 28px;margin:0 4px;color: #333;border-radius: 4px;border: 1px solid #ccc;transition: all 0.2s;}
#pages a:hover,#pages span{background:#9c825c;color: #fff;border: 1px solid #9c825c;}



/*响应式调节样式*/
@media only screen and (min-width : 320px) and (max-width : 1200px){
.HeadImg{overflow-x: hidden;}
.HeadImg>img{width:1200px; margin-left: -600px;}
	.Nav,.IndexTo,.InsidePage .Left,.IndexTop .right > a:first-of-type,.Phone_Nav > .top1{display: none;}
	.Phone_Nav{display: block;}
	.w_1000{width: 100%;}
	.InsidePage .Right,.PhonePadding{width: 94%;padding: 0 3%;}
	.copyRight{padding: 20px 3%;}

	.search_input>form>input{font-size:1em;}
	.search_input>form>input[type="text"]{width:50%;height:100%;background:none;border:none;font-size:1em;}
	.search_input>form>input[type="submit"]{width:20%;font-size:1em;}
	.search_input>form>span{font-size:1em;}
	input[placeholder]{color:#eee;}
	.slider{height: 400px;}
	.IndexSec1>.content>ul{height: auto;margin-bottom: -30px;}
	.IndexSec1>.content>ul>li{float: none;margin-bottom: 30px;height: 400px;}
	.IndexSec1>.content>ul>li>.left{width: 30%;}
	.IndexSec1>.content>ul>li>.right{display: block;width: 70%;}

}

@media only screen and (min-width : 320px) and (max-width : 960px){
	.slider{height: 300px;}
	.HonorList>.list>.Img{display: none;}
	.HonorList>.list>.right{width: 100%;}
	.socialResponsibility>ul>li{width: 48%; margin-right: 4%;}
	.socialResponsibility>ul>li:nth-of-type(3n){margin-right: 4%;}
	.socialResponsibility>ul>li:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (min-width : 320px) and (max-width : 640px){
	.NewsList>.list>.LeftImg{display: none;}
	.IndexSec2>.content>.img,.IndexSec2>.content>.right{width: 100%;}
	.slider{height: 200px;}
	.IndexSec1>.content>ul>li{float: none;margin-bottom: 30px;height: auto;}
	.IndexSec1>.content>ul>li>.left{width: 100%;padding: 30px 0;}
	.IndexSec1>.content>ul>li>.left>img{margin-top: 20px;}
	.IndexSec1>.content>ul>li>.left>.tit{margin-top: 20px;}
	.IndexSec1>.content>ul>li>.right{display: block;width: 100%;border: none;padding: 3%;}
	.copyRight{padding: 20px 3%;}
	.copyRight .bottom,.copyRightRight,.copyRight .bottom>.left{width: 100%;}
	.copyRightAdd>span{display: inherit;margin-bottom: 10px;}
	.HeadImg{overflow-x: hidden;}
	.HeadImg>img{width:640px; margin-left: -320px;}
	.NewsList>.list>.right{width: 94%;padding: 0 3%;}
	.socialResponsibility>ul>li{width: 100%; margin-right: 0%;}
	.socialResponsibility>ul>li:nth-of-type(3n){margin-right: 0%;}
	.socialResponsibility>ul>li:nth-of-type(2n){margin-right: 0;}
	.contact>.Map,.contact>.right{width: 100%;}
	.contact>.Map{width: 100%;}
	.contact>.right{margin: 4% 0 0 0;}
	.copyRightRight img{ width: 100%; }
}

@media only screen and (min-width : 320px) and (max-width : 370px){
	.IndexTop .left>span.mail{display: none;}
	.locationPage>.right{display: none;}
}