/* CSS Document */


/* Auther: zyt */


/* WebSite:  */


/* 头部公用 */
.header {
	width: 100%;
}

.main-box {
	max-width: 1200px;
	margin: auto;
	position: relative;
	z-index: 10;
}

.h-top {
	overflow: hidden;
}

.logo-box {
	float: left;
	padding: 30px 0;
}

.logo-box img {
	width: 250px;
	height: 66px;
	float: left;
}

.logo-text {
	float: left;
	margin-left: 16px;
	color: #1659a1;
	line-height: 1;
	padding-top: 6px;
}

.logo-text p {
	font-size: 34px;
	font-weight: bold;
}

.logo-text span {
	display: block;
	font-size: 16px;
	margin-top: 6px;
}

.tel-box {
	float: right;
	margin-top: 38px;
	padding-left: 55px;
	background: url(../img/head-tel-icon.png) no-repeat left center;
	background-size: 50px;
}

.tel-box p {
	font-size: 14px;
	line-height: 20px;
	color: #3d3d3d;
	margin-bottom: 5px;
}

.tel-box p span {
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	color: #fff;
	padding: 4px 10px;
	border-radius: 20px;
	background: #ea0404;
}

.tel-box h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #ea0404;
}

.nav-box {
	height: 48px;
	background-color: #332c2b;
	/*background-color: #ea0404;*/
}

.nav-box ul {
	float: left;
}

.search-box {
	width: 206px;
	padding: 4px 0;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	float: right;
	background: #fff;
	border-radius: 5px;
	margin: 9px 0;
}

.srk-box {
	width: 150px;
	height: 22px;
	padding-left: 20px;
	background: transparent;
	float: left;
}

.sub-box {
	width: 56px;
	height: 22px;
	float: right;
	border-left: 1px solid #999;
	background: url(../img/fdj-icon.png) no-repeat center;
}

.nav-box li {
	float: left;
	position: relative;
	z-index: 10;
}

.nav-box li:first-child {
	background: none;
}

.nav-box li p a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	padding: 0 24px;
}

.nav-box li.crt,
.nav-box li:hover {
	/*background-color: #2f9f6d;*/
	background-color: #ea0404;
}

.nav-box li:hover dl {
	display: block;
}

.nav-box li dl {
	width: 100%;
	/* box-sizing: content-box; */
	padding: 13px 13px 23px 13px;
	background-color: #ea0404;
	position: absolute;
	top: 48px;
	left: 0;
	/* left: 50%;
	margin-left: -68px; */
	display: none;
}

.nav-box li dl dd a {
	display: block;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	text-align: center;
}

.nav-box li dl dd span {
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
}

/* 底部公用 */
.foot-top{
	background: #2b2b2b;
	color: #e8e8e8;
	padding: 56px 0 20px 0;
}
.foot-t-l{
	float: left;
}
.foot-t-l li{
	/*width: 160px;*/
	width: 100px;
	float: left;
}
.foot-t-l li:nth-last-child(1){
	width:240px;
	/*margin-left:20px;*/
}
.foot-t-l dt{
	font-size: 16px;
	line-height: 1;
	margin-bottom: 20px;
}
.foot-t-l dd{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
.foot-t-l dd p{
	padding-left: 30px;
	margin-bottom: 10px;
}
.dh{
	background: url(../img/foot-icon01.png) no-repeat left 1px;
	background-size: 16px;
}
.yx{
	background: url(../img/foot-icon02.png) no-repeat left 1px;
	background-size: 16px;
}
.dz{
	background: url(../img/foot-icon03.png) no-repeat left 1px;
	background-size: 16px;
}
.foot-t-r{
	width: 116px;
	float: right;
}
.foot-bottom p{
	font-size: 14px;
	color: #d5d5d5;
	line-height: 1;
	padding: 30px 0;
	background: #383838;
	text-align: center;
}

/* 悬浮栏 */
.rightBar {
	position: fixed;
	top: 25%;
	right: 70px;
	z-index: 10000;
}

.rightBar ul {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.rightBar li {
	width: 60px;
	height: 60px;
	border: 1px solid #dddddd;
	border-top: 0;
	background: #fff;
	padding: 2px;
	position: relative;
}

.rightBar li img {
	display: block;
	margin: 0 auto;
	padding-top: 8px;
}

.rightBar li.r-code-box {
	margin: 24px 0 5px 0;
}

.rightBar li.top-box {
	border-top: 1px solid #dddddd;
}

.rightBar li.r-code-box img {
	width: 100%;
	padding: 0;
}

.rightBar li>span {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #999;
	display: block;
}

.dialog {
	padding-right: 10px;
	display: none;
	position: absolute;
	bottom: 0;
	left: -130px;
}

.r-code-box .dialog {
	left: -110px;
}

.dialog-box {
	width: 110px;
	padding: 5px;
	border: 1px solid #dddddd;
	background: #fff;
	box-sizing: content-box;
}

.r-code-box .dialog-box {
	width: 90px;
}

.dialog-box p {
	word-break: break-all;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
}

.rightBar li:hover .dialog {
	display: block;
}


/* 首页 */
/*自动轮播*/
.fullSlide {
	position: relative;
	background: #efefef;
	margin: 0 auto;
}

.fullSlide .bd {
	position: relative;
	z-index: 0;
}

.fullSlide .bd li{
	position: relative;
}

.fullSlide .bd li img {
	width: 100%;
	vertical-align: top;
}

.fullSlide .hd {
	position: relative;
	z-index: 1;
	margin-top: -70px;
	height: 40px;
	box-sizing: content-box;
	padding-bottom: 30px;
	line-height: 40px;
	text-align: center;
	/* background: #000;
            filter: alpha(opacity=60);
            opacity: 0.6; */
}

.fullSlide .hd2 {
	text-align: left;
}

.fullSlide .btd {
	position: relative;
	z-index: 2;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #fff;
	margin: -40px 100px 0 16px;
}

.fullSlide .btd li {
	display: none;
}

.fullSlide .btd li a {
	color: #fff;
}

.fullSlide .btd li.on {
	display: block;
}

.fullSlide .hd ul {
	text-align: center;
}

.fullSlide .hd2 ul {
	height: 40px;
	text-align: left;
	padding-left: 75px;
	line-height: 40px;
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 0 9px;
	overflow: hidden;
	border-radius: 50%;
	font-size: 0;
	background: #ffffff;
}

.fullSlide .hd ul li.on {
	background: #ffe56b;
}

/* .fullSlide .hd2 ul li {
	width: 12px;
	height: 4px;
	background: #727475;
	border-radius: 0;
	border: 0;
}

.fullSlide .hd2 ul li.on {
	width: 12px;
	height: 4px;
	background: #fff;
	border-radius: 0;
	border: 0;
} */

.fullSlide .prev,
.fullSlide .next {
	z-index: 1;
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	margin: -18px 0 0 0;
	/* filter: alpha(opacity=40);
            opacity: 0.4 */
}

.fullSlide .prev {
	background: url(../img/b-left-icon.png) no-repeat center;
	left: 180px;
}

.fullSlide .next {
	background: url(../img/b-right-icon.png) no-repeat center;
	right: 180px;
}

/* .fullSlide .prev:hover, .fullSlide .next:hover {
            filter: alpha(opacity=80);
            opacity: 0.8
        } */
.banner-text{
	width: 1200px;
	height: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -600px;
	line-height: 1;
	color: #fff;
	text-align: center;
}
.bd-img02 .banner-text{
	color: #1e1e1e;
}
.banner-text h2{
	font-size: 60px;
	font-weight: bold;
}
.banner-text h3{
	font-size: 62px;
	font-family: "impact";
	margin-top: 28px;
}
.banner-text p{
	font-size: 30px;
	margin-top: 42px;
}
.banner-text span{
	display: block;
	font-size: 14px;
	margin-top: 10px;
}
.banner-text a{
	display: inline-block;
	padding: 13px 40px;
	font-size: 14px;
	background: #f5f5f5;
	color: #545454;
	margin: 0 39px;
	border-radius: 5px;
}
.banner-text a:hover{
	background: #ea0404;
	color: #fff;
}
.banner-btn-box{
	margin-top: 45px;
}
.a_hydt {
	width: 515px;
	float: left;
}

.ban-box {
	position: relative;
}

.ban-img,
.news-ban-img,
.data-img {
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ban-img-box {
	overflow: hidden;
	position: relative;
}

.ban-img-box ul {
	width: 3000px;
	visibility: visible;
	z-index: 10;
}

.ban-img-box ul li {
	position: relative;
	float: left;
}

.ban-img-box ul li img {
	width: 100%;
	height: 100%;
	display: block;
}

.ban-img-content {
	overflow: hidden;
	position: relative;
}

.focus-box,
.news-focus-box,
.data-focus-box {
	position: absolute;
	z-index: 999;
	bottom: 20px;
	width: 100%;
	height: 10px;
	text-align: center;
	font-size: 0;
}

.news-focus-box {
	width: auto;
	right: 30px;
}

.focus-box ul,
.news-focus-box ul,
.data-focus-box ul {
	display: inline-block;
	*display: inline;
	font-size: 0;
}

.focus-box ul li,
.news-focus-box ul li,
.data-focus-box ul li {
	height: 10px;
	display: inline-block;
	*display: inline;
	margin-left: 5px;
	font-size: 0;
}

.focus-box ul li span,
.news-focus-box ul li span,
.data-focus-box ul li span {
	width: 8px;
	height: 8px;
	box-sizing: content-box;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.88);
	transition: all 0.5s ease;
}

.focus-box ul li.crt span,
.news-focus-box ul li.crt span,
.data-focus-box ul li.crt span {
	width: 20px;
	height: 4px;
	border-radius: 3px;
	background: #fff;
}

.news-focus-box {
	height: 4px;
}

.news-focus-box ul li {
	height: 4px;
}

.news-focus-box ul li span {
	width: 12px;
	height: 4px;
	background: #727475;
	border-radius: 0;
	border: 0;
}

.news-focus-box ul li.crt span {
	width: 12px;
	height: 4px;
	background: #fff;
	border-radius: 0;
}

.pn-btn span,
.logo-arrow-box span {
	width: 16px;
	height: 26px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	z-index: 1001;
}

/* .pn-btn span.prev,
.logo-arrow-box span.prev {
	left: -36px;
	background: url(/templates/img/arrow-l-icon01.png) no-repeat center;
}

.pn-btn span.next,
.logo-arrow-box span.next {
	right: -36px;
	background: url(/templates/img/arrow-r-icon01.png) no-repeat center;
}
 */
.title-box {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}

.title-box li {
	font-size: 18px;
	line-height: 50px;
	color: #f2cb86;
	padding: 0 100px 0 20px;
}

.index-floor2 {
	padding-top: 50px;
	background: #efefef;
}

.index-floor2 .ban-img-box {
	padding: 3px 0 3px 2px;
}

.en {
	height: 44px;
	border-bottom: 1px solid #b1b1b1;
	text-align: center;
}

.en span {
	display: inline-block;
	font-family: "impact";
	font-size: 32px;
	line-height: 1;
	color: #332c2b;
	padding-bottom: 10px;
	border-bottom: 2px solid #332c2b;
}

.ch {
	text-align: center;
}

.ch span {
	display: inline-block;
	font-size: 24px;
	line-height: 38px;
	color: #332c2b;
}

.floor-title p {
	width: 700px;
	margin: auto;
	font-size: 12px;
	line-height: 20px;
	color: #b1b1b1;
	text-align: center;
}

.i-sec-nav {
	margin: 30px 0 40px 0;
	text-align: center;
}

.i-sec-nav a {
	font-size: 14px;
	line-height: 1;
	padding: 8px 30px;
	border-radius: 30px;
	color: #fff;
	margin: 0 5px;
	background: #332c2b;
}

.i-sec-nav a.crt {
	background: #ea0404;
}

.f-box ul {
	padding-bottom: 36px;
}

.f-box li {
	width: 280px;
	margin-right: 16px;
	float: left;
	border-radius: 3px;
}

.floor-gray {
	background: #f4f4f4;
	overflow: hidden;
}

.i-img-box {
	text-align: center;
	padding: 20px 0;
	background: #fff;
}

.i-img-box img {
	width: 230px;
	height: 234px;
	vertical-align: middle;
}

.i-text-box {
	background: #fff;
	margin-top: 1px;
	padding: 30px 20px;
	text-align: center;
	height: 100px;
}

.i-text-box p {
	font-size: 16px;
	line-height: 1;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.i-text-box span {
	font-size: 14px;
	line-height: 1;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-top: 10px;
}

.f-box li:hover .i-text-box {
	background: #ea0404;
}

.f-box li:hover p,
.f-box li:hover span {
	color: #fff;
}

.f-box {
	position: relative;
}

.move-box {
	width: 1200px;
	padding-left: 16px;
	overflow: hidden;
}

.move-box ul {
	/*float: left;*/
}

.pn-btn span.arrow-btn {
	width: 38px;
	height: 70px;
	position: relative;
	z-index: 1;
	position: absolute;
	top: 148px;
	background-color: #c5c5c5 !important;
}

.pn-btn span.arrow-btn:hover {
	background-color: #242424 !important;
}

.arrow-btn-l {
	left: 0;
	background: url(../img/a-left-icon.png) no-repeat center;
}

.arrow-btn-r {
	right: 0;
	background: url(../img/a-right-icon.png) no-repeat center;
}
.more-box{
	padding: 50px 0 60px 0;
}
.more-box a{
	width: 106px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #332c2b;
	display: block;
	margin: auto;
	border-radius: 3px;
}
.index-gsjj{
	width: 1920px;
	height: 523px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.index-gsjj-l{
	width: 960px;
	height: 523px;
	float: left;
	background: #181818;
	position: relative;
}
.index-gsjj-l img{
	height: 100%;
}
.index-gsjj-r{
	width: 960px;
	height: 523px;
	float: left;
}
.index-gsjj-bg{
	text-align: right;
	color: #fff;
	padding: 0 25px 40px 40px;
	font-size: 0;
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #181818;
	opacity:0.7;

　　　filter:alpha(opacity=70); 
}
.index-gsjj-bg h2{
	font-size: 24px;
	margin-top: 50px;
}
.index-gsjj-bg h3{
	font-size: 12px;
	margin: 10px 0;
}
.index-gsjj-bg span{
	width: 146px;
	height: 1px;
	display: inline-block;
	background: #fff;
}
.index-gsjj-bg p{
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
}
.index-gsjj-bg a{
	display: inline-block;
	line-height: 1;
	font-size: 14px;
	padding: 8px 16px;
	border: 1px solid #fff;
	background: #332c2b;
	margin-top: 30px;
}
.index-gsjj-r-text{
	position: absolute;
	top: 200px;
	left: 74px;
}
.index-gsjj-r-text-t{
	width: 706px;
	height: 95px;
	background: url(../img/index-gsjj-bt-bg.png) no-repeat center;
	overflow: hidden;
}
.index-gsjj-r-text-t p{
	font-size: 56px;
	line-height: 60px;
	color: #f5d267;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 10px solid #f5d267;
	margin-top: 17px;
}
.index-gsjj-r-text span{
	display: block;
	font-size: 24px;
	color: #fff;
	line-height: 1;
	margin-top: 15px;
}
.index-case-box{
	margin-top: 0px;
}
.index-case-box li{
	/*width: 300px;*/
	/*height: 390px;*/
	width:25%;
	height: auto;
	float: left;
	border-left: 1px solid #999;
	text-align: center;
}
.index-case-box li:first-child{
	border-left: 0;
}
.index-case-box li img{
	width: 237px;
	height: 237px;
	border-radius: 50%;
}
.index-case-box li h2{
	font-size: 18px;
	line-height: 1;
	color: #333;
	margin: 25px 0 15px 0;
}
.index-case-box li p{
	font-size: 12px;
	line-height: 22px;
	color: #999;
	padding: 0 25px;
	text-align: center;
}
.index-gcks{
	width: 1920px;
	height: 642px;
	background: url(../img/index-gcks-bg.png) no-repeat center;
	position: relative;
	left: 50%;
	margin-left: -960px;
	padding-top: 120px;
}
.index-gcks .ch span{
	color: #fff;
}
.index-gcks .floor-title p{
	color: #fff;
}
.index-gcks .main-box{
	text-align: center;
}
.index-gcks img{
	display: inline-block;
	width: 194px;
	height: 194px;
	margin: 65px 40px 0 40px;
}
.index-fb{
	padding: 80px 0;
}
.cell{
	width: 360px;
	float: left;
	margin-left: 60px;
}
.cell:first-child{
	margin-left: 0;
}
.cell-t{
	padding-bottom: 19px;
	border-bottom: 1px solid #999;
}
.cell-t p{
	font-size: 24px;
	line-height: 1;
	color: #030303;
	float: left;
}
.cell-t a{
	font-size: 14px;
	line-height: 24px;
	color: #030303;
	float: right;
}
.cell-t a:hover{
	color: #ea0404;
}
.cell li{
	padding: 20px 0;
	overflow: hidden;
}
.cell-img{
	width: 100px;
	height: 70px;
	float: left;
	overflow: hidden;
}
.cell-img img{
	height: 70px;
}
.cell-text{
	width: 220px;
	float: left;
	margin-left: 15px;
}
.cell-text p{
	height: 54px;
	font-size: 14px;
	line-height: 18px;
	color: #030303;
}
.cell-text span{
	display: block;
	font-size: 12px;
	line-height: 1;
	color: #999;
	margin-top: 4px;

}
.q-box{
	margin-bottom: 9px;
}
.q-box span,.a-box span{
	width: 27px;
	height: 27px;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	float: left;
	background: #ea0404;
	border-radius: 50%;
	margin-right: 15px;
}
.a-box span{
	background: #030303;
}
.q-box p{
	width: 300px;
	float: left;
	font-size: 14px;
	color: #333;
}
.a-box p{
	width: 300px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

/* 走进志远 */
.coulmn-banner img{
	width: 100%;
	display: block;
}
.coulmn-box{
	background: #efefef;
	padding: 15px 0 70px 0;
}
.coulmn-l{
	width: 280px;
	float: left;
	background: #fff;
}
.coulmn-nav-t{
	background: #ea0404;
	color: #fff;
	line-height: 1;
	padding: 25px 20px;
}
.coulmn-nav-t p{
	font-size: 30px;
	font-weight: bold;
}
.coulmn-nav-t span{
	font-size: 24px;
	margin-top: 10px;
	display: block;
}
.coulmn-l li{
	
}
.coulmn-l li a{
	display: block;
	line-height: 60px;
	padding-left: 40px;
	position: relative;
	color: #666;
	border-bottom: 1px solid #eee;
	/*border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;*/
}
.coulmn-l li.crt a,.coulmn-l li:hover a{
	background: #ea0404;
	color: #fff;
	border-color: #ea0404;
}
.coulmn-l li.crt a:before,.coulmn-l li:hover a:before{
	background: #fff;
}
.coulmn-l li a:before{
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -3px;
}
.coulmn-r{
	width: 900px;
	float: right;
}
.coulmn-r-box{
	padding: 15px 30px;
	background: #fff;
}
.coulmn-r-t{
	padding: 10px 0;
	/*border-top: 1px solid #999;*/
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.coulmn-r-t p{
	float: left;
	font-size: 18px;
	line-height: 1;
	color: #333;
}
.location{
	float: right;
	padding-left: 20px;
	background: url(../img/home-bg.png) no-repeat left center;
}
.coulmn-r-t a,.coulmn-r-t span{
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
.location a:last-child{
	color: #333;
}
.coulmn-r-t span{
	padding: 0 3px;
}
.zjzy-box{
	font-size: 20px;
	line-height: 24px;
	color: #666;
}
.zjzy-box img{
	max-width: 100%;
	margin: 20px auto;
	display: block;
}
.zjzy-bottom{
	padding: 0 0 70px 0;
	background: #efefef;
}
.zjzy-bottom ul{
	background: #fff;
	border: 1px solid #b1b1b1;
	padding: 30px 0;
}
.zjzy-bottom li{
	width: 360px;
	float: left;
	margin-left: 30px;
	color: #666;
}
.zjzy-bottom li:first-child{
	margin-left: 29px;
}
.zjzy-bottom li img{
	display: block;
	width: 100%;
}
.zjzy-bottom li p{
	font-size: 16px;
	line-height: 1;
	margin: 15px 0 10px 0;
}
.zjzy-bottom li span{
	font-size: 14px;
	line-height: 24px;
}

/* 企业文化 */
.zjzy-box ul{
	padding-bottom: 50px;
}
.zjzy-box li{
	margin-top: 50px;
	overflow: hidden;
}
.zjzy-box li img{
	width: 112px;
	height: 112px;
	border-radius: 50%;
	float: left;
	margin: 0 45px 0 0;
}
.qywh-text{
	width: 680px;
	float: left;
	padding-top: 15px;
}
.qywh-text h2{
	font-size: 22px;
	line-height: 1;
	color: #bf1e21;
	padding-bottom: 10px;
	border-bottom: 1px solid #b1b1b1;
}
.qywh-text span{
	font-size: 14px;
	color: #999;
}
.qywh-text p{
	font-size: 16px;
	line-height: 1;
	margin-top: 30px;
}

/* 问题解答 */
.qa-box{
	width: 100%;
	float: none;
	margin: 0;
}
.qa-box .a-box{
	margin-top: 25px;
}
.qa-box li{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #b1b1b1;
}
.qa-box .a-box p,.qa-box .q-box p{
	width: 790px;
	font-size: 14px;
	line-height: 26px;
}
.qa-box .q-box p{
	color: #ea0404;
	font-size: 16px;
}
.info-btn{
	margin-left: 42px;
	margin-top: 15px;
}
.info-btn a{
	font-size: 14px;
	color: #999;
}
.qa-box .a-box.crt p{
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page-box {
	font-size: 0;
	text-align: center;
	padding: 30px 0 50px 0;
}

.pages,
.prev-box,
.pages-box,
.go-box {
	display: inline-block;
}

.pages,
.prev-box a,
.pages-box a{
	min-width: 20px;
	box-sizing: content-box;
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	padding: 7px 10px;
	color: #999;
	border: 1px solid #ccc;
	margin-right: 10px;
}
.pages-box a {
	min-width: 26px;
	padding: 7px 3px;
}

.prev-box a:hover,
.prev-box a.crt,
.pages-box a:hover,
.pages-box a.crt {
	background: #ea0404;
	color: #fff;
	border-color: #ea0404;
}

/* 新闻资讯 */
.news-box li{
	border-bottom: 1px solid #b1b1b1;
}
.news-box li a{
	display: block;
	overflow: hidden;
}
.news-box li img{
	width: 250px;
	float: left;
}
.news-list-intro{
	width: 520px;
	float: left;
	margin-left: 30px;
	padding-bottom: 30px;
}
.news-list-intro h2{
	font-size: 20px;
	line-height: 1;
	color: #ea0404;
}
.news-list-intro span{
	font-size: 13px;
	color: #999;
	line-height: 1;
	margin-top: 10px;
	display: block;
}
.news-list-intro p{
	height: 66px;
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
	color: #666;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-list-intro span.span-text{
	width: 90px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
	border: 1px solid #b1b1b1;
	margin-top: 16px;
	text-align: center;
}
.news-list-box{
	padding: 20px 0;
}
.news-list-box p{
	width: 740px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list-box span{
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

/* 新闻详情 */
.news-info-title h2{
	font-size: 30px;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 50px;
}
.news-info-title div{
	font-size: 14px;
	line-height: 1;
	color: #999;
	text-align: center;
	margin: 20px 0;
	/*border-bottom: 1px solid #b1b1b1;*/
}
.news-info-title div span{
	display: inline-block;
	margin: 0 15px;
	padding-left: 20px;
}
.clock{
	background: url(../img/clock-icon.png) no-repeat left center;
}
.hits{
	background: url(../img/eye-icon.png) no-repeat left center;
}
.source{
	background: url(../img/source-icon.png) no-repeat left center;
}
.news-info-box p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 40px;
}
.news-info-box img{
	display: block;
	max-width: 100%;
	margin: auto;
}
.navgaitor{
	padding: 20px 0;
	border-top: 1px solid #b1b1b1;
	/*border-bottom: 1px solid #b1b1b1;*/
	margin-top: 40px;
}
.navgaitor a{
	width: 400px;
	float: left;
	margin-left: 40px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.navgaitor a.prev-btn{
	margin-left: 0;
}
.navgaitor a span{
	width: 70px;
	float: left;
	background: #f1f1f1;
	text-align: center;
}
.navgaitor a p{
	width: 300px;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* 致远产品 */
.product-box ul{
	width: 870px;
}
.product-box li{
	width: 260px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.product-img-box{
	border: 1px solid #b1b1b1;
	text-align: center;
	padding: 10%;
} 
.product-img-box img{
	/*width:100%;*/
	width: 150px;
	height: 150px;
}
.product-box li p{
	font-size: 16px;
	line-height: 56px;
	color: #333;
	text-align: center;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.product-box li:hover .product-img-box{
	border: 1px solid #ea0404;
}
.product-box li:hover p{
	color: #ea0404;
}

/* 产品详情 */
.product-img{
	width: 380px;
	float: left;
}
.big-img{
	width: 380px;
	height: 380px;
	margin-bottom: 16px;
}
.big-img img{
	display: block;
	width: 100%;
}
.small-img li{
	width: 83px;
	height: 83px;
	float: left;
	margin-left: 16px;
	border: 1px solid #b1b1b1;
	position: relative;
}
.small-img li.crt{
	border: 2px solid #ea0404;
}
.small-img li img{
	width: 75px;
	height: 75px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -37.5px 0 0 -37.5px;
}
.small-img li:first-child{
	margin-left: 0;
}
.product-intro{
	width: 380px;
	float: right;
}
.product-intro h2{
	font-size: 18px;
	line-height: 20px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px solid #b1b1b1;
	margin-bottom: 32px;
}
.product-intro span{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	display: block;
}
.product-intro p{
	height: 134px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-top: 56px;
}
.product-intro a{
	width: 116px;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	color: #666;
	border: 1px solid #666;
	margin-right: 35px;
	float: left;
	border-radius: 3px;
}
.product-intro a:hover{
	background: #ea0404;
	color: #fff;
	border-color: #ea0404;
}
.product-b{
	padding: 70px 0;
}
.product-t{
	border-bottom: 1px solid #ea0404;
}
.product-t p{
	width: 132px;
	height: 38px;
	font-size: 16px;
	line-height: 38px;
	padding-left: 28px;
	color: #fff;
	background: url(../img/product-t-bg.png)no-repeat center;
}

#demo {
	position: relative;
}

#smil_box {
	position: relative;
}

#mask {
	width: 100px;
	height: 100px;
	background: #eee;
	filter: alpha(opacity=60);
    opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}

#big_box {
	width: 340px;
	height: 340px;
	position: absolute;
	top: 20px;
	left: 380px;
	border: 1px solid #000;
	overflow: hidden;
	display: none;
}

#big_box img {
	position: absolute;
	top: 0;
	left: 0;
}

/* 经典案例 */
.jdal-box .product-img-box{
	width: 260px;
	height: 180px;
	overflow: hidden;
}
.jdal-box .product-img-box img{
	width: 260px;
	position: relative;
	left: 50%;
	margin-left: -130px;
}
.jdal-box li{
	margin-bottom: 50px;
}
.jdal-box li p{
	text-align: left;
	line-height: 36px;
	margin-top: 15px;
}
.jdal-box li span{
	font-size: 12px;
	line-height: 18px;
	color: #999;
	display: block;
}
.jdal-box li:hover span{
	color: #ea0404;
}
.jdal-info-box{
	padding-bottom: 30px;
}

/* 工厂矿山 */
.cover{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(../img/gcks-bg.png) no-repeat center;
	background-size: 100% 100%;
	display: none;
}
.jdal-box li:hover .cover{
	display: block;
}
.gcks-box{
	position: relative;
	min-height: 500px;
}
.model-box{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #b1b1b1;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	padding-top: 10px;
	text-align: center;
	background: #fff;
	display: none;
}
.model-box img{
	width: 835px;
}
.model-box h2{
	width: 560px;
	font-size: 18px;
	line-height: 1;
	color: #333;
	margin: 25px 0 18px 0;
}
.model-box p{
	width: 560px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
.gcks-text{
	width: 820px;
	height: 120px;
	margin: auto;
	position: relative;
	text-align: left;
}
.gcks-text span{
	width: 56px;
	height: 56px;
	display: block;
	position: absolute;
	top: 40px;
	right: 20px;
	background: url(../img/close-icon.png) no-repeat center;
	cursor: pointer;
}

.contact-us-text{
	padding: 20px;
}
.contact-us-text p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	padding-left: 45px;
}
.cu-tel{
	background: url(../img/cu-tel-icon.png) no-repeat left 6px;
}
.cu-mail{
	background: url(../img/cu-mail-icon.png) no-repeat left 6px;
}
.cu-area{
	background: url(../img/cu-area-icon.png) no-repeat left 6px;
}
.cu-map{
	border: 1px solid #b1b1b1;
}
.allmap {
    width: 100%;
    height: 370px;
}
.cu-m{
	margin-top: 45px;
}
.cu-m-l{
	padding-left: 80px;
	background: url(../img/cu-m-icon.png) no-repeat 25px center;
	float: left;
}
.cu-m-l h2{
	font-size: 18px;
	line-height: 1;
	color: #333;
}
.cu-m-l p{
	font-size: 14px;
	line-height: 1;
	color: #999;
	margin-top: 18px;
}
.cu-m-r{
	width: 380px;
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.cu-m-r p{
	margin-bottom: 10px;
}
.cu-b{
	padding-bottom: 30px;
}
.cu-b .product-t {
    border-bottom: 1px solid #6c6c6c;
}
.cu-b .product-t p{
	width: 120px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
	padding-left: 22px;
    background: url(../img/zxly-bg.png)no-repeat center;
}
.input-box{
	margin-top: 44px;
}
.input-box input{
	width: 268px;
	font-size: 14px;
	line-height: 36px;
	border: 1px solid #b1b1b1;
	float: left;
	padding-left: 40px;
}
.user{
	background: url(../img/user-icon.png) no-repeat 15px center;
	margin-right: 150px;
}
.phone{
	background: url(../img/phone-icon.png) no-repeat 15px center;
}
.cu-b textarea{
	width: 686px;
	height: 160px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 30px;
	border: 1px solid #b1b1b1;
}
.sub,.res{
	width: 170px;
    height: 45px;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    color: #666;
    border: 1px solid #666;
    margin-right: 35px;
    float: left;
    border-radius: 3px;
	background: #fafafa;
	margin-top: 50px;
}
.sub:hover,.res:hover{
	background: #ea0404;
    color: #fff;
    border-color: #ea0404;
}