@charset "utf-8";
.pgbanner{
	width:100%;
	height:400px;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	}
.pgbanner .pimg{
	width:1920px;
	height:480px;
	position:absolute;
	left:50%;
	bottom:0px;
	z-index:2;
	margin-left:-960px;
	animation-name: pimg;
	animation-duration:6s;
	animation-fill-mode:forwards;
	animation-timing-function:ease;
	}

.pgbanner .pbg{
	position:absolute;
	right:8%;
	bottom:-200px;
	z-index:3;
	opacity:.3;
	animation-name: pbg;
	animation-duration:3s;
	animation-fill-mode:forwards;
	animation-timing-function:ease;
	
	}
@keyframes pimg {
  from {
	bottom:0px;
	transform:scale(1.1);
  }
  to {
	bottom:-80px;
	transform:scale(1);
  }

}
@keyframes pbg {
  from {
	bottom:-200px;
	transform:scale(1.2);
	opacity:.3;
  }
  to {
	bottom:-10px;
	transform:scale(1);
	opacity:1;
  }

}


.pgnav{
	height:50px;
	text-align:center;
	background-color:#f8f8f8;
	}
.pgnav .box:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: url(../img/inside-nav-border.png) no-repeat;
}
.pgnav .box {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.pgnav .box a{
	display:inline-block;
	text-align:center;
    position: relative;
    float: left;
	min-width:120px;
	padding:0 15px;
    line-height: 48px;
    box-sizing: border-box;
    background: url(img/nav-border.png) no-repeat top right;
    font-size: 14px;
    color: #666;
    text-align: center;
    letter-spacing: 1px;
	transition:all ease .3s;
	overflow:hidden;
	}
.pgnav .box a:last-child{
	background:none;
	}
.pgnav .box a i{
	display:block;
	height:0;
	width:100%;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-50%;
	background-color:#c70a19;
	}
.pgnav .box a.cur,.pgnav .box a:hover{
	background-color:#fff;
	color:#c70a19;
	}
.pgnav .box a.cur i{
	width:20px !important;
	height:1px !important;
	margin-left:-10px !important;
	}
.pgnav .box a:hover i{
	animation-name: pgn;
	animation-duration: .5s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-in;
	}
.pgnav .box a.cur:hover i{
	animation:none;
	}
@keyframes pgn {
  from {
	width:100%;
	height:0px;
	margin-left:-50%;
  }
  50% {
	width:100%;
	height:1px;
	margin-left:-50%;
  }
  70% {
	width:20px;
	height:1px;
	margin-left:-10px;
  }
  90% {
	width:40px;
	height:1px;
	margin-left:-20px;
  }
  to {
	width:20px;
	height:1px;
	margin-left:-10px;
  }

}


.pgmain{
	min-height:400px;
	margin:40px auto;
	}
.pgtitbox{padding-top: 30px; padding-bottom:40px;}
.pgtitbox span{display: block;letter-spacing: 1px;}
.pgtitbox span.en{
	color: #333;
    text-transform: uppercase;
    font-size:24px;
    line-height: 0.8;
	font-weight:bold;
	margin-top:10px;
	}
.pgtitbox span.cn{font-size: 18px;color: #333;}
.pgtitbox:after{content: "";display: block;width:30px;height:2px;margin-top: 15px;background: #c70a19;}


/**************ABOUT*************/
#pg-about .aboutbox .abfl1 p{
	font-size:14px;
	line-height:28px;
	margin-bottom:20px;
	}
#pg-about .aboutbox .abfl1{}
#pg-about .aboutbox .abfl1 .fr{
	float:right;
	width:680px;
	}
.abpho{
	margin-top:60px;
	}
.abpho .fl{
	float:left;
	width:500px;
	font-size:14px;
	padding-top:50px;
	}
.abpho .fl .pgtitbox .en{
	font-size:16px;
	font-weight:normal;
	}
.abpho .imgfr{
	float:right;
	width:600px;
	height:400px;
	}
.abpho .imgfr .swiper-wrapper{
	width:600px;
	height:400px;
	}
.abpho .imgfr .swiper-button-next{
    width:40px;
    height:60px;
	right:-15px;
	background-color:#c60917;
	}



/**************ABOUT END*************/
/**************HONOR*************/
.subtit{
	color:#999;
	border-bottom:1px solid #eee;
	padding:15px 20px;
	position:relative;
	transition:all .3s;
	}
.subtit:before{
	display:block;
	content:'';
	width:10px;
	height:1px;
	position:absolute;
	left:0;
	top:23px;
	background:#c60917; 
	transition:all .3s;
	}
.subtit:hover{
	padding-left:30px;
	background-color:#f5f5f5;
	}
.subtit:hover:before{
	width:5px;
	height:5px;
	border-radius:100%;
	top:21px;
	left:15px;
	}

#pg-honor .honor-list{width:1200px; margin-top:30px;}
#pg-honor .honor-list>li{width:25%; height:320px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;}
#pg-honor .honor-list>li:hover{background:#eee;}
#pg-honor .honor-list>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#pg-honor .honor-list>li>a:after{display:block; content:''; width:100%; position:absolute; left:0; bottom:-60px; height:50px; background:#c60917; z-index:1; transition:all .3s;}
#pg-honor .honor-list>li>a>.img{width:249px; height:240px; margin:20px 20px 0 20px; text-align:center; overflow:hidden;}
#pg-honor .honor-list>li>a>.img>img{width:auto; height:240px;}
#pg-honor .honor-list>li>a>.tit{height:60px; padding:0 10px; line-height:48px; text-align:center; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
#pg-honor .honor-list>li>a:hover:after{bottom:0px;}
#pg-honor .honor-list>li>a:hover>.tit{color:#fff; line-height:72px;}

/**************HONOR END*************/

/**************JOB*************/
.jobbox{
	margin-top:20px;
	}
.job-item{
	border:1px solid #fff;
	margin-bottom:10px;
	}
.job-item dt{
	font-size:16px;
	color:#666;
	height:50px;
	line-height:50px;
	padding-left:20px;
	background:#f5f5f5;
	cursor:pointer;
	transition:all ease-out .3s;
	position:relative;
	}
.job-item dt i {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -mz-border-radius: 50%;
	}
.jobbox dl.cur dt i:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.job-item dt i:before {
    content: "";
    width: 40%;
    height: 2px;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -20%;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
.jobbox dl.cur dt i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.jobbox .job-item dt i:after {
    content: "";
    width: 2px;
    height: 40%;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -20%;
    margin-left: -1px;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
.jobbox .job-item dt:hover{
	color:#c60917;
	}
.jobbox .job-item dd{
	display:none;
	color:#999;
	line-height:2em;
	padding:20px;
	background-color:#fff;
	border-top:1px solid #eee;
	}
.jobbox dl.cur dt{
	color:#c60917;
	background-color:#fff;
	}
.jobbox dl.cur{
	border-color:#ddd;
	}







/**************JOB END*************/





/**************NEWS*************/
#pg-news .newslist{width:1260px; margin:auto;}
#pg-news .newslist li{width:360px; height:420px; float:left; margin:0 57px 40px 0;}
#pg-news .newslist li>a{display:block; width:100%; height:100%; box-sizing:border-box;}
#pg-news .newslist li>a .img{width:360px; height:244px; background-color: #000； overflow:hidden;}
#pg-news .newslist li>a .img>img{width:100%; height:auto; transition:all .4s;}
#pg-news .newslist li>a .tit{font-size:17px; font-family:'Microsoft YaHei Light'; color:#d60000; padding:30px 0 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pg-news .newslist li>a .txt{color:#888; line-height:200%; padding:10px 0 0 0;}
#pg-news .newslist li>a p{border:1px solid #999; width:90px; height:30px; line-height:30px; border-radius:3px; text-align:center; margin-top:45px; transition:all .2s; color:#464646;}
#pg-news .newslist li>a:hover p{border:1px solid #d60000; color:#d60000;}
#pg-news .newslist li>a:hover .img>img{width:110%; height:auto; margin:-10px 0 0 -10px;}

#pg-newsview{padding-top:30px;}
#pg-newsview .newscon{ line-height:2em;}
.news-info{background:#fff2f1; padding:16px 20px; margin:30px 0; position:relative; font-size:13px;}
.news-info>div{float:right; text-align:right; margin-top:-8px;}

#prevnext{margin:60px auto 50px auto; position:relative; font-size:13px; border-top:1px solid #eee; padding-top:15px;}
#prevnext .prev{margin:7px 0;}
#prevnext .next{margin:7px 0;}
#prevnext .prev>a,#prevnext .next>a{color:#999;}
#prevnext .prev>a:hover,#prevnext .next>a:hover{color:#a92212;}

/**************NEWS END*************/
/**************CONTACT*************/
#pg-contact .con{
	margin-top:60px;
	border-bottom:1px solid #eee;
	}
#pg-contact .con .fl{
	float:left;
	}
#pg-contact .con .fl p{
	margin-bottom:13px;
	font-size:14px;
	}
#pg-contact .con .fr{
	float:right;
	border:1px solid #ddd;
	text-align:center;
	color:#999;
	padding:15px 15px 20px 15px;
	margin-top:10px;
	}
#pg-contact .con .fr p{
	font-size:16px;
	color:#333;
	margin-bottom:8px;
	}
.pagemap{
	width:100%;
	height:500px;
	border:1px solid #ddd;
	margin-top:20px;
	border-radius:5px;
	overflow:hidden;
	}
/**************CONTACT END*************/

/**************solution*************/

.solbox .subtit{
	font-size:16px;
	color:#666;
	border-bottom:none;
	}
.solbox .subtit:before{
	display:block;
	content:'';
	width:10px;
	height:1px;
	position:absolute;
	left:0;
	top:25px;
	background:#c60917; 
	transition:all .3s;
	}
.solbox .subtit:hover{
	padding-left:30px;
	background-color:#f5f5f5;
	}
.solbox .subtit:hover:before{
	width:5px;
	height:5px;
	border-radius:100%;
	top:23px;
	left:15px;
	}

.sollist{width:1200px; margin-top:10px;}
.sollist>li{width:25%; height:260px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;}
.sollist>li:hover{background:#eee;}
.sollist>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.sollist>li>a:after{display:block; content:''; width:100%; position:absolute; left:0; bottom:-60px; height:50px; background:#c60917; z-index:1; transition:all .3s;}
.sollist>li>a>.img{width:250px; height:180px; margin:20px auto 0 auto; text-align:center; overflow:hidden;}
.sollist>li>a>.img>img{width:auto; height:180px;}
.sollist>li>a>.tit{height:60px; line-height:48px; text-align:center; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
.sollist>li>a:hover:after{bottom:0px;}
.sollist>li>a:hover>.tit{color:#fff; line-height:72px;}

.solcon img{
	max-width:1200px;
	height:auto;
	}
.solcon  h3{
	font-size:18px;
	color:#333;
	}
.solcon  h4{
	font-size:15px;
	margin-bottom:5px;
	color:#333;
	}
/**************solution END*************/



/**************PRODUCT*************/
#pg-product .classliat li{
	height:400px;
	margin-bottom:40px;
	transition:all .3s;
	}
#pg-product .classliat li .img{
	float:left;
	width:486px;
	height:400px;
	position:relative;
	z-index:0;
	overflow:hidden;
	}
#pg-product .classliat li .con{
	float:right;
	width:633px;
	height:400px;
	padding:0 40px;
	border:1px solid #ddd;
	border-left:none;
	background:url(img/classbg.png) no-repeat 540px bottom;
	}
#pg-product .classliat li .con .tit{
	font-size:20px;
	color:#333;
	margin-top:30px;
	position:relative;
	}
#pg-product .classliat li .con .tit:before{
	display:block;
	content:'';
	width:20px;
	height:40px;
	position:absolute;
	left:-50px;
	top:-5px;
	z-index:9;
	background:#c60917; 
	transition:all .3s;
	}

#pg-product .classliat li .con .sbtit{
	max-height:130px;
	color:#999;
	line-height:24px;
	margin-top:20px;
	overflow:hidden;
	}
#pg-product .classliat li .sbnav{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #eee;
	}
#pg-product .classliat li .sbnav a{
	display:inline-block;
	width:160px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	 white-space:nowrap;
	 position:relative;
	 padding-left:27px;
	 margin-right:15px;
	}
#pg-product .classliat li .sbnav a:before{
	display:block;
	content:'';
	width:10px;
	height:1px;
	position:absolute;
	left:10px;
	top:15px;
	background:#c60917; 
	transition:all .3s;
	}
#pg-product .classliat li .sbnav a:hover{
	color:#c60917;
	}
#pg-product .classliat li .sbnav a:hover:before{
	width:3px;
	height:3px;
	border-radius:100%;
	top:14px;
	left:17px;
	}
#pg-product .classliat li:hover{
	box-shadow:0px 8px 28px rgba(0,0,0,0.13);
	}
#pg-product .classliat li:hover .tit:before{
	width:30px;
	}

#pg-product .classliat li.classfr .img{
	float:right;
	}
#pg-product .classliat li.classfr .con{
	float:left;
	border-right:none;
	border-left:1px solid #ddd;
	background:url(img/classbg.png) no-repeat -198px bottom;
	}
#pg-product .classliat li.classfr .con .tit:before{
	left:auto;
	right:-50px;
	}


#pg-product .prolist{width:1250px;}
#pg-product .prolist>li{width:270px; height:323px; float:left; margin-right:40px; margin-bottom:40px;}
#pg-product .prolist>li>a{display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #e6e6e6; transition:all .45s; position:relative;}
#pg-product .prolist>li>a>.img{width:250px; height:250px; margin:10px auto;position:relative; overflow:hidden;}
#pg-product .prolist>li>a>.img>img{width:100%; height:100%;transition:all .45s;}
#pg-product .prolist>li>a>.tit{font-size:13px; padding:0 10px; text-align:center; height:40px; line-height:150%;}
#pg-product .prolist>li>a:hover{box-shadow:5px 5px 12px rgba(0,0,0,.05); border:1px solid #ddd;}
#pg-product .prolist>li>a:hover>.img>img{
	transform:scale(1.1);
	}
#pg-product .prolist>li>a:after{
	display:block;
	content:'';
	width:0;
	height:1px;
	position:absolute;
	left:50%;
	bottom:0;
	background:#ec0000; 
	transition:all .3s;
	}

#pg-product .prolist>li:hover a:after{
	width:100%;
	margin-left:-50%;
	}

#pg-proview .protit{
	height:50px;
	font-size:24px;
	color:#c60917;
	line-height:50px;
	text-align:center;
	position:relative;
	padding-bottom:10px;
	}
#pg-proview .protit:after{
	display:block;
	content:'';
	width:80px;
	height:1px;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-40px;
	background:#ddd; 
	transition:all .3s;
	}
#proimg{
	width:600px;
	height:600px;
	margin:auto;
	}
#proimg .swiper-wrapper {
	width:600px;
	height:600px;
	}

.tagbox{
	margin-top:30px;
	}
.pro-tag-tit{height:50px; background:#333;}
.pro-tag-tit a{float:left; height:50px; line-height:48px; color:#fff; font-size:15px; text-align:center; transition:all .25s;}
.pro-tag-tit a.A{background:#c60917;}
.pro-tag-con{padding:40px 0; line-height:2em; font-size:14px;}
.pro-tag-con>div{display:none;}
.pro-tag-con>div.show{display:block;}
table{border-collapse:collapse; width:100%;}
.pro-tag-con table td{border:1px solid #ddd; padding:5px 8px;}


#prevnext{margin:60px auto 50px auto; position:relative; font-size:13px;}
#prevnext .prev{margin:7px 0;}
#prevnext .next{margin:7px 0;}
#prevnext .prev>a,#prevnext .next>a{color:#999;}
#prevnext .prev>a:hover,#prevnext .next>a:hover{color:#ec0000;}
#prevnext>a{display:block; width:88px; height:35px; background:#f5f5f5; line-height:34px; text-align:center; border-radius:3px; position:absolute; right:0; top:25px; transition:all .25s;}
#prevnext>a:hover{background:#c60917; color:#fff; }


/**************PRODUCT END*************/

/**************CASE*************/
.case-p{
	margin-top:20px;
	}
#pg-case .listP{
	width:1240px;
	}
#pg-case .listP li{
	float:left;
	width:210px;
	height:170px;
	margin-bottom:20px;
	padding-right:37px;
	overflow:hidden;
	}
	
#pg-case .listP li .img{
	width:210px;
	height:140px;
	border-radius:5px;
	overflow:hidden
	}
#pg-case .listP li .img img{
	width:210px;
	height:140px;
	transition:all .3s;
	}
#pg-case .listP li:hover img{
	transform:scale(1.1);
	}
#pg-case .listP li .tit{
	font-size:14px;
	text-align:center;
	margin-top:10px;
	}
#pg-case .listP .line{
	clear:both;
	height:1px;
	width:1200px;
	margin:30px 0;
	background-color:#eee;
	}
#pg-case .case-t dl{
	margin-bottom:20px;
	}
#pg-case .case-t dl dt{
	font-size:16px;
	}

#pg-case .case-t dl dd a{
	display:inline-block;
	width:16%;
	padding:5px 0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding-right:15px;
	box-sizing:border-box;
	}
.case-t{
	margin-top:0px;
	}
/**************CASE END*************/

/**************SERVICE*************/
.servbox{
	width:1240px;
	}
.servbox li{
	float: left;
	width:242px;
	height:300px;
	font-size:14px;
	color:#999;
	line-height:28px;
	margin-right:33px;
	padding:15px;
	background:url(img/classbg.png) no-repeat 120px 230px;
	border:1px solid #dedede;
	transition:all .3s;
	}
.servbox li .tit{
	font-size:18px;
	color:#333;
	margin-top:15px;
	position:relative;
	}
.servbox li .tit:before{
	display:block;
	content:'';
	width:2px;
	height:40px;
	position:absolute;
	left:-16px;
	top:-5px;
	z-index:9;
	background:#c60917; 
	transition:all .2s;
	}
.servbox li:hover{
	box-shadow:3px 3px 8px rgba(0,0,0,.1);
	border:1px solid #ccc;
	transform:translate(-3px,-2px);
	}
.servbox li:hover .tit:before{
	width:5px;
	}

.servbox li .con{
	margin-top:20px;
	}
.serbt{ width:1000px; margin:60px auto;}
.serbt ul{width:1100px;}
.serbt ul li{width:300px; height:120px; float:left; margin-right:50px; margin-bottom:45px;}
.serbt ul li>a{display:block; width:100%; height:100%; border-bottom:1px solid #eee; transition:all .35s; box-sizing:border-box;}
.serbt ul li>a>.left{width:80px; height:80px; float:left; background-color:#ddd; border-radius:100%; text-align:center; line-height:80px; overflow:hidden; position:relative;}
.serbt ul li>a>.left>img{width:50px; height:auto; padding:inherit; position:relative; z-index:99;}
.serbt ul li>a>.left>span{ display:block; background-color:#e60000; width:80px; height:80px; position:absolute; left:-90px; top:80px; z-index:0;  border-radius:100%;transition:all .2s;}

.serbt ul li>a>.right{width:205px; height:120px; float:right;}
.serbt ul li>a>.right>.tit{color:#333; font-size:20px; font-weight:bold; transition:all .2s; margin-top:8px;}
.serbt ul li>a>.right>.txt{color:#999; padding:10px 0 0 0; line-height:180%; transition:all .2s;}
.serbt ul li>a:hover{border-bottom:1px solid #999; padding-top:8px;}
.serbt ul li>a:hover .tit{color:#e60000;}
.serbt ul li>a:hover .txt{color:#666;}
.serbt ul li>a:hover .left>span{ left:0px; top:0;}
.txtbox a{
	float:right;
	font-size:12px;
	color:#999;
	border-bottom:1px solid #ddd;
	}
.txtbox a:hover{
	color:#e60000;
	border-bottom:1px solid #e60000;
	}


#pg-support .serbt{
	width:1260px;
	margin-top:70px;
	margin-bottom:0px;
	}
#pg-support .serbt ul{
	width:1260px;
	}
#pg-support .serbt ul li {
    width: 290px;
	height:100px;
    margin-right: 17px;
    margin-bottom: 45px;
}
#pg-support .serbt ul li>a>.left{width:60px; height:60px;line-height:60px;}
#pg-support .serbt ul li>a>.left>img{width:30px;}
#pg-support .serbt ul li>a>.left>span{  width:60px; height:60px;}
#pg-support .serbt ul li>a>.right{width:210px; height:120px; float:right;}
#pg-support .serbt ul li>a>.right>.tit{font-size:18px;margin-top:4px;}
#pg-support .serbt ul li>a>.right>.txt{ font-size:12px;padding:7px 0 0 0;}


/**************SERVICE END*************/
/**************network*************/
#pg-network{
	height:560px;
	background:#f5f5f5 url(images/netbg.jpg) no-repeat center center;
	padding-top:40px;
	}
.txtbox{
	float:left;
	width:835px;
	font-size:16px;
	line-height:28px;
	padding:25px;
	margin-top:200px;
	background-color:rgba(255,255,255,0.84);
	}

#network{
	background-color:#fff;
	margin-top:20px;
	height:580px;
	}
.network-hd{
	margin-bottom:10px;
	background-color:#f5f5f5;
	border-radius:5px;
	padding:8px 10px;
	}
.network-hd strong{
	color: #c70a19;
	margin:0 5px;
	}
 .netlist{
	width:500px;
	height:560px;
	overflow-y: auto;
	background-color:#fff;
	padding-right:20px;
	margin:15px 0;
	}
dl.netitem{
	background-color:#f5f5f5;
	padding:15px 0;
	border-radius:5px;
	line-height:2em;
	margin-bottom:10px;
	}
dl.netitem dt{
	font-size:16px;
	margin-bottom:10px;
	border-left:3px solid #c70a19;
	padding-left:10px;
	}
dl.netitem dd{
	padding-left:10px;
	}

/**************network END*************/
/**************Join*************/
.join .job-item dd h3{
	color:#000;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
	}

.joinform .fr{
	float:right;
	width:658px !important;
	margin-right:2px;
	}
.joinform .fr .fm-item{
	height:453px !important;
	}


/**************Join END*************/
/******************FEEDBACK******************/
.formbox{
	margin-top:20px;
	}
.formbox .fm-item{
	display:block;
	border:1px solid #ddd;
	transition:all ease-in .2s;
	overflow:hidden;
	margin-bottom:20px;
	}
#pg-feedback .formbox .fl{
	float:left;
	width:480px;
	}
#pg-feedback .formbox .fr{
	float:right;
	width:700px;
	}
#pg-feedback .formbox .fr .fm-item{
	height:318px;
	}
.formbox .fm-item input[type="text"],.formbox .fm-item textarea{
	width:100%;
	height:100%;
	padding:15px;
	border:none;
	background-color:inherit;
	box-sizing:border-box;
	}
.formbox .fm-item #checksn{
	width:60%;
	}
.formbox .fm-item #checkimg{
	float:right;
	width:80px;
	height:auto;
	margin-right:15px;
	margin-top:8px;
	}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
	color: #aaa;
	}
.formbox .fm-item input[type="text"]:focus,.formbox .fm-item textarea:focus{
	background-color:#fff;
	border-color:#c60917;
}
.formbox .btnbox{
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
	background-color:#333;
	transition:all ease-in .2s;
	}
.formbox .btnbox .btn{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	}
.fm-item:hover{
	border-color:#aaa;
	box-shadow:0px 3px 8px rgba(0,0,0,.4);
	background-color:#fff;
	}
.formbox .btnbox:hover{
	background-color:#c60917;
	}
/******************FEEDBACK END******************/

/**************DOWN*************/
.downbox{
	width:1240px;
	}
.downlist li{
	float:left;
	width:370px;
	height:70px;
	margin-right:40px;
	position:relative;
	background-color:#f5f5f5;
	border-radius:5px;
	overflow:hidden;
	}
.downlist li a{
	display:block;
	width:350px;
	height:70px;
	font-size:14px;
	color:#c60917;
	line-height:70px;
	padding-left:20px;
	overflow:hidden;
	position:relative;
	z-index:99;
	}
.downlist li a .type{
	color:#333;
	}
.downlist li i{
	display:block;
	width:70px;
	height:70px;
	background-color:#333;
	position:absolute;
	right:0px;
	top:0px;
	z-index:0;
	transition:all .2s;
	}
.downlist li i img{
	float:right;
	margin:14px 14px 0 0;
	}
.downlist li:hover i{
	width:100%;
	background-color:#c60917;
	background: linear-gradient(to right, #c60917 , #7f0000);
	}
.downlist li a:hover,.downlist li a:hover .type{
	color:#fff;
	}
/**************DOWN END*************/
.pagewrap{
	margin-top:20px;
	padding-bottom:10px;
	padding-top:20px;
	border-top:1px solid #ddd;
	}
.pagebtn {
    width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}
.pagebtnA{
	background:#c60917 !important;
	color:#FFF !important;
	border:0px none !important;
	font-weight:normal !important;
	width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}