/* AB模板网 整站模板下载 */

/* 模板：Www.AdminBuy.Cn */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

/* js特效：js.AdminBuy.Cn */

/* QQ：9490489 */

body {

	color: #333;

	font-size: 13px;

	font-family: "Microsoft Yahei";

	width: 100%;

	overflow-x: hidden;

}

.inner-banner img {

	width: 100%;

}

@media only screen and (max-width: 768px) {

.padding-big {

	padding: 10px;

}

.margin-big {

	margin: 10px;

}

.padding {

	padding: 5px;

}

.margin {

	margin: 5px;

}

.padding-big-top {

	padding-top: 10px;

}

.padding-big-bottom {

	padding-bottom: 10px;

}

.padding-big-left {

	padding-left: 10px;

}

.padding-big-right {

	padding-right: 10px;

}

.margin-big-top {

	margin-top: 10px;

}

.margin-big-bottom {

	margin-bottom: 10px;

}

.margin-big-left {

	margin-left: 10px;

}

.margin-big-right {

	margin-right: 10px;

}

}

a:hover {

	color: #000

}

.bg-main {

	background-color: #000

}

.bg-nav {

	background-color: #000

}

.button.bg-main {

	background-color: #f90;

	border-color: #f70

}

.button.border-main {

	border-color: #222;

	color: #000

}

.pointer.border-main li {

	border-color: #000

}

.pointer.border-main li.active {

	background-color: #000

}

.border-main {

	border-color: #222

}

.w100 {

	width: 150px;

}

.icon-navicon {

	position: absolute;

	right: 10px;

	top: 20px;

	background-color: #f60;

	color: #fff;

	border: 0px

}

.nav-navicon .input-group .input {

	width: auto;

	float: right

}

.nav-menu li.active, .nav-menu li:hover {

	background-color: rgba(255,153,0,1);

}

.nav-pills .active a, .nav-pills a:hover {

	background-color: rgba(255,153,0,1);

	color: #fff

}

.nav-inline.nav-menu ul a:hover {

	background-color: rgba(255,153,0,1);

}

.bg-inverse .nav li a:hover, .bg-inverse .nav .active a {

	background-color: rgba(255,153,0,1);

}

.nav a {

	color: #fff;

	text-align: left;

}

.logo {

	padding-top: 10px;

}

@media only screen and (max-width: 1200px) {

.nav-menu li {

	padding: 0px 5px;

}

.nav-navicon {

	margin-top: 20px;

}

.logo {

	padding-top: 0px;

}

.container {

	width: 96%;

}

}

@media only screen and (max-width: 992px) {

.nav-menu li {

	padding: 0px 0px;

}

.bg-inverse .nav-pills li a {

	padding: 10px 13px;

}

.nav-navicon {

	margin-top: -40px;

}

}

@media only screen and (max-width: 880px) {

.bg-inverse .nav-pills li a {

	padding: 10px 8px;

}

.logo {

	padding-top: 0px;

}

}

@media only screen and (max-width: 768px) {

.nav-menu li {

	padding: 0px 0px;

}

}

.nav-menu li:hover drop-menu a {

	background-color: #ddd;

	color: #222

}

.wrap-top {

	padding: 3px 0px;

	background-color: #222

}

.wrap-header {

	box-shadow: 0 3px 6px rgba(0, 0, 0, .175);

	background:#000

}

.bg-gray {

	background-color: #f5f5f5;

}

.bg-black2 {

	background-color: #222;

}

.youshi .youshiico {

	font-size: 66px;

	display: block;

	color: #f90

}

.prolist h3 {

	padding: 8px 0px;

	text-align: center;

}

.typelist {

	padding: 10px 0px;

}

.proitem {

	padding: 10px;

}

.proitem img {

	padding: 10px;

	width: 100%;

	border: solid 1px #999;

}

.newsitem .news-date {

	text-align: center;

	display: inline-block;

	float: left;

	width: 5rem;

	height: 5rem;

	background: #f2f2f2;

}

.newsitem li {

	border-bottom: dashed 1px #ddd;

	padding-bottom: 5px;

	margin-bottom: 10px;

}

.newsitem .news-date1 {

	text-align: center;

	color: #666666;

	font-size: 1.5625rem;

	margin-top: 0.6rem;

}

.newsitem .news-date2 {

	text-align: center;

	color: #999999;

	font-size: 0.8rem;

}

.newsitem .news-bodys {

	padding: 0 0.875rem;

	overflow: hidden;

	zoom: 1;

}

.newsitem .news-bodys h3 {

	word-wrap: break-word;

	overflow: hidden;

}

.newsitem .news-bodys p {

	word-wrap: break-word;

	overflow: hidden;

	line-height: 1.15rem;

	font-size: 0.75rem;

	color: #999;

	margin-top: 10px;

}

.jobsitem {

}

.jobsitem ul {

	padding: 0px;

}

.jobsitem li {

	border: solid 1px #ddd;

	background-color: #f9f9f9;

	margin-bottom: 10px;

}

.jobsitem li h3 {

	padding: 10px 15px;

}

.jobsitem li .jobs-info {

	padding: 10px 10px;

}

.jobs-info div {

	border-bottom: dashed 1px #ddd;

	padding: 5px;

}

.jobsitem li .jobs-bodys {

	padding: 10px 15px;

}

.nav-sitemap ul a {

	padding-left: 0px;

}

.foot-weixin {

	width: 120px;

}

.product-about li {

	line-height: 3rem;

	border-bottom: dashed 1px #aaa;

}

.news-line {

	text-align: center;

	border: dashed 1px #aaa;

	margin-bottom: 40px;

}

.news-body {

	margin: 20px auto;

}

.order-tip {

	color: #fff;

	padding-left: 25px;

}

.order-tip .con {

	border: dashed 1px #aaa;

	line-height: 2.5rem

}

.bread {

	margin: 8px 0px;

	font-size: 13px;

	color: #555

}





.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}

.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}

.pages a:hover{display:inline-block;color: #fff;background: #1558c7;border-color: #1558c7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.pages span{display:inline-block;color: #666;}

.pages a.page-num-current{display:inline-block;color: #fff;background: #1558c7;border-color: #1558c7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}







.bg-link {

    background: #f5f5f5;

    border-top: solid 1px #ddd;

}

.bg-link a {

    line-height: 50px;

}



#maximg img{ max-width:100%; height:auto !important}

.dibu{ color:#999; text-align:center}

.dibu a{ color:#999;}
.about-video{ position:relative;}
.about-video a.play {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.about-video .playbtn {
    background: rgba(0,0,0,0.4) url(../images/play.png) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    display: block;
    z-index: 100;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.about-video a.play img {
    width: 100%;
    display: block;
    height: 448px;
}
.about-video video {
    background: #000;
    width: 100%;
    height: 448px;
    display: block;
    position: relative;
    z-index: 1;
}


.prolist{overflow:hidden;}
.prolist ul{overflow:hidden;}
.prolist ul li{width:370px;float:left;overflow:hidden; }

.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.my-4 { padding-bottom:15px;}
.form-item{margin-top:20px; width:calc((100% - 40px) / 3); margin-right:20px;}
.form-list .form-item:nth-child(3n){ margin-right:0;}
.my-4 span{ color:#FF0000;}
.my-4 label{ font-size:16px; margin-right:8px; width:50px; text-align:right; }
.form-item div,.form-groups div{width:calc(100% - 58px);}
.form-groups,.form-bth{margin-top:30px;}

.form-bth{ text-align:center;}
.form-bth .btn{ border: 1px solid #dcdcdc; background:none; color:#000; cursor: pointer;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center; font-size:16px; letter-spacing:2px;  transition: all 0.5s; -webkit-transition: all 0.5s; display:inline-block; margin-right:30px;}
.form-bth .btn:hover{ border: 1px solid #ff9900; background:#ff9900; color:#FFFFFF;}
.form-control{border-radius:5px; border:#dcdcdc solid 1px; color:#000000;  width:100%; height:40px; line-height:40px; padding:0 10px;}
textarea.form-control{ min-height:150px; line-height:30px; padding:8px 10px;}


@media (max-width: 750px){
.prolist ul li{ width: 220px}
}
@media (max-width: 640px){
.about-video a.play img {
    height: 200px;
}
.about-video video {
    height: 200px;
}
.form-item{margin-top:20px; width:100%; margin-right:0;}
}