@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; color:#333;}
body{font-size:16px; font-family:Microsoft YaHei;background-color: #fbfae7;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
/*head*/
.head{ height:42px; background:#1a1d22;}
.head div{ width:1200px; margin:0 auto; overflow:hidden;}
.head div p{ float:left; line-height:42px;}
/*nav*/
.navBox{ background:#ee2626; height:80px;}
.nav{ width:1300px; margin:0 auto; overflow:hidden;}
.nav div{ float:left;}
.logo{ color:#fff; width:520px;}
.logo h1{ font-size:36px;margin-top:5px;letter-spacing:7px; }
.logo span{ font-size:18px;}
.nav_box{ float:right !important; overflow:hidden;}
.nav_box li{ float:left;}
.nav_box li a{ display:block; width:110px; height:100%; line-height:80px; text-align:center; color:#fff;}
.nav_box li a:hover{ background:url(../images/hover_nav.jpg) no-repeat top center;background-color: #d90000;
    border-bottom: 3px solid #1A1D22;}
.current{ background:url(../images/hover_nav_03.jpg) no-repeat top center;}

.change li .textDesc{position: initial !important;}

.ourAdvantages{
    width: 100%;
    padding-top: 1px;
}
.advantages{
    width: 1060px;
    margin: 0 auto;
}
.advantages img{
    width: 60px;
}
.advantages1{
    float: left;
    width: 33.33%;
    margin-bottom: 40px;
}
.advantages3{
    float: left;
    width: 22%;
}
.advantages2{
    width: 93%;
}

.advantages2 p:first-child{
    color: #DA251C;
    font-weight: bold;
    font-size: 17px;
    margin-top: 5px;
}
.advantages2 p:nth-of-type(2){
    color: #f47069;
    font-size: 13px;
    margin-top: 5px;
}
.advantages1:hover .advantages2 p{
    cursor: pointer;
    color: #515151;
}
.advantages1:hover .advantages3 img{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
/*banner*/
.main_image {width:100%; height:500px;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:500px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:500px;}
.main_image li span {display:block; width:100%; height:500px}
.main_image li a {display:block; width:100%; height:500px}
.flicking_con {width:990px; margin:0 auto; position:relative}
.flicking_con .flicking_inner {position:absolute; top:420px; left:47%; z-index:999;height:21px;}
.flicking_con a {float:left; width:21px; height:21px; margin:0 4px 0 4px; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-50px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:10px; opacity: 0.4;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:10px; opacity: 0.4;}

/*下拉箭头*/
.xiala{display:block; width:45px; margin:-16px auto 0 auto; z-index:9999; position:relative;}
/*标题部分*/
.title{ background:url(../images/title_13.jpg) no-repeat center; width:480px; margin:40px auto; text-align:center; color:#333;}
.title span{ color:#ff0000;}
.title h1{ font-size:32px; line-height:40px;}
.title p{ font-size:20px;}
/*简介*/
.about{ width:1140px; margin:0 auto;line-height:30px; color:#4f4f4f;}
.about .txt{ text-indent:24px;}
.aboutImg{ width:850px; margin:50px auto;}
.aboutImg ul{ overflow:hidden;}
.aboutImg li{ float:left; background-size:cover;}
.aboutImg li>div{ width:100%; height:100%;}
.aboutImg li ul li{ width:225px; height:160px; color:#fff; overflow:hidden;}
.aboutImg li ul li h2{ font-size:26px; margin:54px 0 0 0; text-indent:0;}
.aboutImg li ul li span{ color:#ffcece; font-size:18px; text-indent:100px; display:block;}
.qq{ width:902px; margin:40px auto 60px; overflow:hidden;}
.qq li{ float:left; margin:0;}
.aboutImg .liIMg div{
	overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.aboutImg .liIMg div:hover{ background-size:110%;transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */}
/*case*/

.case{ height:580px; background:url(../images/background_29.jpg) no-repeat top center; overflow:hidden;}
.case li{ float:left;}
.case_box{ background:#fff; width:1070px; margin:0 auto;}
.case_box a{ display:block; margin:0 0 20px 45px;position:relative;text-align: center; width: 280px;height: 265px;border: 8px solid #2D3238;}
.case_box a span{  width:100%; height:35px; background: #2D3238;
    text-align:center; color:#fff; line-height:40px; position:absolute;bottom:0; left:0;}
.case_box img{  width: 75%;margin: 5px auto 0;}
.case_box a:hover span{ display:block;background-color: #E6212B;}
.case_box a:hover{  border: 8px solid #E6212B;}
.case .more{width:50px; text-align:center; height:580px;}
.case .more span{ color:red;}
.case .more h1{ font-size:32px; line-height:40px;color:#b7b7b7; margin-top:165px;}
.case .more a{ display:block; width:120px; height:34px; font-size:14px; color:#FFD3D4; text-align:center; line-height:34px; background:#ca1f2b; margin:26px auto;}
.case .more a:hover{ color:red; background:#fff;}
.case .more p{ font-size:20px;}
/*业务范围*/
.picBox{overflow:hidden;margin:0 auto;width:960px; font-size:18px;}
.yewu{overflow:hidden;}
.yewu li{overflow:hidden;position:relative;float:left; display:inline; width:300px;text-align: center;
    height:220px; margin:0 15px 20px 0;}
.yewu li img{ width: 100%;height: 220px;}
.yewu li .text{background:rgba(255,50,62,0.9);position:absolute;width:100%;height:100%;top:262px;left:0;
    text-align:center; padding-top:100px; color:#fff;}
.yewu li .text a{
    color: #FFFFFF;
}
.yewu  li a{ display:block; position:relative;}
.yewu  li a span{ display:block; height:46px; background: rgba(0, 0, 0, 0.30);
    width:100%; position:absolute; left:0; bottom:0px; text-align:center; line-height:42px; color:#fff;}
/*news*/
.news li{ float:left;}
.news{ width:1140px; margin:0 auto; overflow:hidden;}
.news ul{ overflow:hidden;}
.newsImg{ display:block; width:120px; height:92px; background-size:cover; margin:0 30px 30px 0;}
.news a:hover{ color:red;}
.news ul li ul li ul li{ max-width:450px;}
.news ul li ul li ul li b{ font-size:16px;}
.news span{ font-size:14px; line-height:24px; color:#666;}
/*foot*/
.footBox{ padding:40px 0 10px 0; background:#e11a25; margin-top:80px; color:#ffebeb;}
.foot{ width:1140px; margin:0 auto;}
.foot .link{ padding-bottom:20px; border-bottom:1px solid #ee7d83; margin-bottom:30px;}
.foot .link h2{ color:#fcff00; font-size-adjust:24px;}
.foot .link a{ margin:0 20px; color:#fff;}
.foot .link a:hover{ color:#000000;}
.foot_main{ overflow:hidden;}
.foot_main li{ float:left;}
.foot_nav{ overflow:hidden; width:1100px; padding:22px 0; margin:0 auto; color:#ccc;}
.foot_nav li{ float:left;}
.foot_nav li a{ display:block; padding:0 55px; border-right:1px solid #666;color:#ccc; text-align:center; line-height:14px;}
.foot_nav li a:hover{ color:red;}
#main>div{ width:100%;}
.newsBox{ overflow:hidden;}
.newsBox li{ float:left;}
.newsBox ul{ overflow:hidden;}
.newsBox a:hover{ color:red;}
.newsBox p span{ color:#666;}
.location{padding-bottom:10px; border-bottom:1px solid #646464; margin-bottom:30px;}
/*.location a{ padding:4px 0 4px 20px; background:url(../images/home.jpg) no-repeat left center; background-size:16px; margin:0 10px; color:#000;}
*/.styles:hover{ color:red; background:url(../images/home_red.jpg) no-repeat left center;background-size:16px;}
/*qq*/
.contact {
	position: fixed;
	z-index: 9999999;
	top: 260px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.bar ul li {
	width: 300px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
}
.bar .top {
	background: #ff2d2d url(../images/fixCont.png) no-repeat 0 -169px;
}
.bar .phone {
	background: #ff2d2d url(../images/fixCont.png) no-repeat 0 0px;
}
.bar .QQ {
	text-indent: 0;
	background: #ff2d2d url(../images/fixCont.png) no-repeat 0 -57px;
}
.bar .ercode {
	background: #ff2d2d url(../images/fixCont0.png) no-repeat 0 -0;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
/*新闻内页*/
.main{ width:1140px; margin:60px auto; overflow:hidden;}
.main div{ float:left;}
.left_nav{ color:#fff; text-align:center; width:240px; padding:0 0 20px 0;}
.left_nav li{ line-height:40px;}
.left_nav li a{ color:#fff; display:block; margin:0 20px;}
.left_nav li a:hover{ color:red; background:#fff;}
.font_title{ text-align:center; width:100%; margin-top:20px; line-height:32px; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:20px;}
.font{ line-height:26px; color:#333; letter-spacing:1px;}
.font a{ margin:0 40px 0 0;}
.font a:hover{ color:red;}



.successlunbo {
    width: 860px;
    margin:0 auto 45px;
}
/* sildes css begin */

.control {
    width: 860px;
    height: 500px;
    background: #282828;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.change li {
    width: 760px;
    overflow: hidden;
    text-align: center
}
/* 图片垂直居*/

.change li .imgWrap {
    display: table-cell;
    width: 710px;
    height: 500px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 500px;
}

.change li img {
    max-width: 710px;
    max-height: 500px;
    width: expression(this.width > 757 && this.width > this.height ? 600: true);
    height: expression(this.height >757 ? 600: true);
    vertical-align: middle;
    overflow: hidden
}
/* 描述 */

.change li .textDesc {
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 4px;
    text-align: left;
    overflow: hidden;
	color:#fff;
}

.change li .opacity {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.change li .title {
    padding: 10px 15px 0;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 22px;
}

.change li .title a {
    color: #e6e6e6;
}
/*.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}*/
/* 翻页按钮 */

.ssprev,
.ssnext {
    width: 49px;
    height: 49px;
    position: absolute;
    bottom: 300px;
    color: #FFF;
    font-size: 14px;
    z-index: 9;
    font-weight: bold;
    cursor: pointer;
    outline: none
}

.ssprev span,
.ssnext span {
    display: none;
}
.ssprev {
    left: 0;
    background: url(../images/arrows_01.png) no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_01.png");
    _background: none
}
.ssnext {
    right: 140px;
    background: url(../images/arrows_02.png) no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_02.png");
    _background: none
}
/* 分页 */
.pageClass {
    text-align: center;
    z-index: 9;
    position: absolute;
    top: 50px;
    padding-top: 10px;
}
.pageClass a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    overflow: hidden;
    border: 1px solid #bebebe;
    background: #bebebe;
    border-radius: 5px;
    outline: none
}
.pageClass a span {
    display: none
}
.pageClass a:hover,
.pageClass a.cur {
    border: 1px solid #be230a;
    background: #be230a
}
/* 缩图部分 */

.thumbWrap {
    width: 150px;
    height: 500px;
    position: absolute;
    right: 0;
    top: 0;
    background: #0d0d0d;
    overflow: hidden;
}

.thumbWrap .thumbCont {
    height: 400px;
    margin: 45px auto 0;
    overflow: hidden;
    position: relative;
    width: 150px;
}
.thumbWrap ul li {
    /*height: 92px;*/
    overflow: hidden;
	padding:10px;
    text-align: center;
    width: 127px;
}
.thumbWrap ul li div {
    display: table-cell;
    width: 127px;
    height: 92px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 79px;
}
.thumbWrap ul li img {
    max-width: 127px;
    max-height: 92px;
    width: expression(this.width > 127 && this.width > this.height ? 127: true);
    height: expression(this.height >89 ? 89: true);
    vertical-align: middle;
    overflow: hidden
}
.thumbWrap ul li.cur { border:1px solid red;}
/* 缩图按钮 */
.thumbPrev,
.thumbNext {
    width: 100px;
    height: 24px;
    text-align: center;
    position: absolute;
    color: #000;
    z-index: 9;
    outline: none
}
.thumbPrev span,
.thumbNext span {
    display: none;
}
.thumbPrev {
    left: 25px;
    top: 15px;
    background: url(../images/sprev.png) no-repeat;
}
.thumbNext {
    left: 25px;
    bottom: 10px;
    background: url(../images/snext.png) no-repeat;
}
.work{ border-bottom:1px dashed #666; padding-bottom:20px; margin:0 0 20px 0; width:100%;}

.styles{    padding: 4px 0 4px 20px;
    background: url(../images/home.jpg) no-repeat left center;
    background-size: 16px;
    margin: 0 0 0 10px;
    color: #000;}

/*pages*/
.pagination-wrapper{
    margin: 20px 0;
}
.pagination{
    height: 34px;
    text-align: center;
}
.pagination li {
    display: inline-block;
    height: 34px;
    margin-right: 5px;
}
.pagination li a{
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 16px;
    border: 1px solid #dddddd;
    color: #555555;
    text-decoration: none;
}
.pagination li a:hover{
    background:#f5f5f5;
    color:#EE2626;
}
.pagination li.thisclass {
    background: #EE2626;
    color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
    background: transparent;
    border-color:#EE2626;
    color: #fff;
    cursor: default;
}
.pagination-wrapper .pagination .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pagination-wrapper .pagination .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.pagination-wrapper .pagination .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pagination-wrapper .pagination .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.zhanshi img{
    width: 240px;
    height: 240px;
    border: 1px solid #bfbfbf;
}
.zhanshi{
    margin-left: 30px;
    text-align: center;
    margin-top: 20px;
}
.yewus img{
    width: 350px;
    height: 350px;
    border: 1px solid #bfbfbf;
}
.yewu1{
    margin-left: 30px;
}
.yewutitle{
    font-size: 20px;
    margin-bottom: 20px;
}



.resp-tabs-list {
    margin: auto;
    clear: both;
}
.resp-tab-item button{
    cursor: pointer;
    text-align: center;
    padding: 0px 15px;
    height: 141px;
    font-weight: 100;
    color: #ffffff;
    font-size: 18px;
    clear: both;
    background-color: #ff2525;
    border: solid 2px #3e3e3e;
    -webkit-box-shadow: inset 0px 1px 0px #ff2525, 0px 1px 0px #696969;
    -moz-box-shadow: inset 0px 1px 0px #ff2525, 0px 1px 0px #696969;
    box-shadow: inset 0px 1px 0px #ff2525, 0px 1px 0px #696969;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.resp-tab-item button:hover {
    color: #ffffff;
    background-color: #3e3e3e;
    border-color: #DA251C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.case .more ul li{
    margin-top: 3px;
}
.resp-tab-active{
    text-shadow: none;
    color: #ffffff;
}
.resp-tabs-container {
    clear: left;
}
h2.resp-accordion {
    display: none;
}
.resp-tab-content {
    display: none;
}
.resp-content-active, .resp-accordion-active {
    display: block;
}
.clear{
    clear: both;
}

.cont{
    width: 750px;
    margin: auto;
}
.form{
    margin: auto;
    font-size: 17px;
    font-weight: 100;
}
#phone,#names{
    width: 230px;
    height: 38px;
    background-color: #fbfae7;
    border: 1px solid #a3a3a3;
}
#class,#caizhi{
    width: 232px;
    height: 38px;
    background-color: #fbfae7;
    border: 1px solid #a3a3a3;
}
.left{
    margin-left: 12%;
}
.form div{
    padding-bottom: 20px;
}
#info{
    width: 630px;
    height: 190px;
    vertical-align: top;
    background-color: #fbfae7;
    border: 1px solid #a3a3a3;
}
#submit{
    width: 22%;
    border: none;
    font-size: 17px;
    padding: 8px 0;
    color: #ffffff;
    background-color: #EE2626;
}
.form form div:last-child{
    text-align: center;
}