@charset "UTF-8";


/*public css*/
.fw{ width: 1200px; margin: 0 auto; }
.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.duohang{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



#header{ width: 100%;background:#fff;height: 100px; position: relative;z-index: 99;}
#header .logo{ display: block;height: 100px;line-height: 100px; }
#header .right{ background: #d70000;width: 180px;text-align: center;height: 90px;padding-top: 10px; }
#header .right p{ color: #fff;font-size: 16px;margin-top: 12px; }
#header .right p img{ margin-right: 5px; }
#header .right .tel{ font-size: 14px;}
.nav{ height: 100px;margin-right: 46px; }
.nav .navitem{ display: block;color: #333333;font-size: 16px;height: 100px;line-height: 100px; }
.nav li{ float: left; position: relative;}
.nav li+li{ margin-left: 15px; }
.nav .navitem.active, .nav .navitem:hover{ color: #d70000; }
.subnav{
	position: absolute;width: 180px;background: #ffffff;top: 100px;left: 50%;margin-left: -90px;
	box-shadow: 0 0 7px 2px rgba(0,0,0,.1);transition: all 0.3s ease-out 0s;
	opacity: 0;
	filter:alpha(opacity=0);
	visibility: hidden;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px,10px, 0px);
}
.subnav a{transition: all .3s ease; height: 46px;line-height: 46px; display: block;text-align: center;color: #555555;font-size: 14px; }
.subnav a+a{ border-top: 1px solid #e6e6e6; }
.subnav a:hover{ color: #dc0010;background: #f6f6f6; }
.nav li:hover .subnav{
	filter:alpha(opacity=100);opacity: 1;visibility: visible;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px); 
	-webkit-transform: translate3d(0px, 0px, 0px);
}

/*banner*/
.banner-box{ width: 100%;overflow: hidden; position: relative;z-index: 9;}
#banner{ width: 1920px;left: 50%;margin-left: -960px;position: relative; }
#banner img{ width: 100%;height: auto; }
.menu{ text-align: center;font-size: 0; }
.menu a{font-weight: bold; display: inline-block;height: 100px;line-height: 100px;color: #333333;font-size: 16px; }
.menu a+a{ margin-left: 140px; }
.menu a img{ margin-right: 6px;vertical-align: middle; }

.section1{ width: 100%;overflow: hidden;background: #f5f5f5; }
.section1 .list{ border: 1px solid #eee; margin-bottom: 20px; }
.section1 .list li{ background: #fff;box-sizing: border-box; float: left;width: 20%;height: 260px;text-align: center; }
.section1 .list .title p{ padding-top: 114px; color: #fff;font-size: 26px; }
.section1 .list .title span{ margin-top: 34px; display: inline-block;width: 126px;height: 36px;text-align: center;line-height: 36px;color: #fff;font-size: 14px;border-radius: 36px;border: 1px solid #fff; }
.section1 .list .item+.item{ border-left: 1px solid #f4f1f1; }
.section1 .list .item p{ line-height: 1.5; padding: 0 24px; color: #666;font-size: 12px; }
.section1 .list .item .t{ font-size: 16px; margin-bottom: 20px;}
.section1 .list .item .more{ margin-top: 10px; }
.section1 .list .item .img{ height: 46px;line-height: 46px;padding-top: 60px;margin-bottom: 6px; }
.section1 .list .item a{transition: all .3s ease; display: block; height: 260px;}
.section1 .list .item a:hover{
	-webkit-box-shadow: inset 0px 0px 115px -13px rgba(6,0,1,0.39);
-moz-box-shadow: inset 0px 0px 115px -13px rgba(6,0,1,0.39);
box-shadow: inset 0px 0px 115px -13px rgba(6,0,1,0.39);
}
.section1 .list1 .title{ background: #d80a0a; }
.section1 .list2 .title{ background: #8c7bfe; }
.section1 .list3 .title{ background: #5cb3fb; }
.section1 .list4 .title{ background: #fec33e; }

.section2{ margin-bottom: 26px;width: 100%;overflow: hidden; }
.section2 li{float: left; width: 25%;height: 300px; position: relative;}
.section2 .item .img{font-size: 0; width: 100%;height: 300px;overflow: hidden; }
.section2 .item .img img{ width: 100%;height: 300px; transition: transform 3s;}
.section2 .item .con{transition: all .3s linear; opacity: 0;visibility: hidden; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(215,0,0,0.7);text-align: center; }
.section2 .item .t{color: #fff;font-size: 18px; padding: 42px 26px 0;}
.section2 .item .subtitle{ height: 54px;overflow: hidden; color: #fff; font-size: 12px;line-height: 1.5;margin-top: 10px;margin-bottom: 20px;text-align: left;padding: 0 26px; }
.section2 .item a:hover .img img{ transform: scale(1.2); }
.section2 .item a:hover .con{ opacity: 1;visibility: visible; }
.section2 .item .brief{ 
	position: absolute;left: 0;height: 82px;top: 50%;margin-top: -49px;text-align: center;background: url(../images/kk.png) no-repeat center;
	color: #333333;font-size: 16px;line-height: 20px;width: 240px;padding: 16px 30px 0; 
}
.maintitle{ position: relative; margin-bottom: 20px;}
.maintitle span{ color: #333333;font-size: 32px;border-bottom: 3px solid #d70000;display: inline-block;padding-bottom: 20px; }
.maintitle .line{ position: absolute;right: 0;top: 25px;height: 1px;width: 988px;background: #f1efef; }

.section3{ margin-bottom: 45px; width: 100%;overflow: hidden;}
.section3 .list{ width: 354px; }
.section3 .list+.list{ margin-left:69px;  }
.section3 .top{ margin-bottom: 20px; }
.section3 .top p{ color: #333;font-size: 16px;font-weight: bold; }
.section3 .top p a{ color: #999999;font-size: 12px; font-weight: normal;}
.section3 .list li{ padding-left: 16px; background: url(../images/yuan.png) no-repeat left center;}
.section3 .list li a{ 
	color: #666666;font-size: 14px;border-bottom: 1px dashed #e5e5e5; display: block;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 45px;line-height: 45px;
}
.section3 .list li a:hover{color: #d70000;}

.section4 .content{ padding: 44px 22px;background: #f5f4f4; width: 100%;overflow: hidden;}
.section4 .content .img{ width: 404px;height: 260px; }
.section4 .content .right{ overflow: hidden;padding-left: 22px;padding-right: 70px; }
.section4 .content .right p{ color: #666666;font-size: 14px;line-height: 1.7; }
.section4 .content .right .more{ text-align: right;margin-top: 40px; }
.section4 .content .right .more a{ color: #d70000;font-size: 12px;}

.link{ margin: 70px 0; }
.link .title{line-height: 1.2; background: #d70000;width: 72px;height: 72px;text-align: center;color: #fff;font-size: 28px; }
.link .content{padding-top: 14px; overflow: hidden;padding-left: 16px;font-size: 0;}
.link .content a{ color: #333333;font-size: 16px;margin-right: 22px; }
.link .content a:hover{ color: #d70000; }

#footer{ background: #f0f0f0;padding: 70px 0 64px; }
#footer .logo{ display: inline-block;padding-top: 16px; }
#footer .content{ padding-left: 66px; }
#footer .content p{ color: #333333;font-size: 14px;line-height: 2.2; }
#footer .content p span{color: #333333;font-size: 14px;}
#footer .content p a{color: #333333;font-size: 14px;}
#footer .icons{ padding-top: 36px;padding-left: 56px;overflow: hidden; }
#footer .icons a{ height: 30px;line-height: 30px;display: inline-block; margin-right: 20px;}

.inpage .fw{ padding-bottom: 80px;border-bottom: 1px solid #c9c9c9; }
.subbanner{ width: 100%;overflow: hidden; }
.subbanner .pic{position: relative;width: 1920px;left: 50%;margin-left: -960px;text-align: center;}
.subbanner .pic img{ width: 100%;height: auto; }
.location{ padding: 30px 0; color: #333333;font-size: 14px; }
.location a{ color: #333333;font-size: 14px; }
.pages{ font-size: 0;text-align: center; }
.pages a{ display: inline-block;color: #000;font-size: 14px;height: 34px;line-height: 34px;box-sizing: border-box; }
.pages a b{ color: #d70000;font-size: 14px;font-weight: normal; }
.pages .pager{ margin-right: 8px; border: 1px solid #ededed; padding: 0 18px;}
.pages .all{ margin-right: 18px; }
.pages .skip{ margin-left: 24px;margin-right: 15px; }
.pages .skip input{ height: 32px;line-height: 32px;width: 40px;background: #f5f5f5;text-align: center;border: 1px solid #ededed; }
.pages .go{ height: 34px;line-height: 34px;width: 42px;text-align: center;background: #d70000;color: #fff; }

.case li{ float: left; margin-right: 20px; margin-bottom: 46px;}
.case li:nth-child(4n){ margin-right: 0; }
.case li .img{ position: relative; width: 285px;height: 285px;overflow: hidden; }
.case li .img .caseimg{transition: transform 3s; width: 100%;height: 285px; }
.case li .con{opacity: 0;visibility: hidden;transition: all .3s linear; z-index: 9; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: rgba(215,0,0,.7);}
.case li .con .t1{margin-top: 44px; text-align: center;font-size: 24px;margin-bottom: 12px; }
.case li .con p{ color: #ffffff;font-size: 12px;line-height: 2;padding: 0 28px; }
.casetitle{ text-align: center;color: #333333;font-size: 14px;margin-top: 26px; overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.case li .con .jia{ text-align: center;margin-top: 16px; }
.case li a:hover .con{ opacity: 1;visibility: visible; }
.case li a:hover .img .caseimg{ transform: scale(1.2); }


.submenu{ text-align: center;font-size: 0;background: #f7f7f7;margin-bottom: 30px;}
.submenu a{transition: all .3s ease-out; color: #333333;font-size: 16px; display: inline-block; height: 80px;line-height: 80px;padding: 0 42px;}
.submenu a.on, .submenu a:hover{ background: #fff; }

.sercive{ }
.service .top{ margin-bottom: 28px; }
.service .top .img img{ width: 675px;height: 366px; }
.service .top .right{position: relative; padding-left: 30px; }
.service .top h2{ padding-top: 18px;color: #333333;font-size: 30px;margin-bottom: 20px;font-weight: normal; }
.service .top .tel{ color: #dc0010;font-size: 20px; }
.service .top .t1{ color: #333333;font-size: 16px;font-weight: bold; margin-bottom: 36px; }
.service .top .t1 span{ font-weight: normal; }
.service .top .t2{ color: #555;font-size: 18px; }
.service .top .wrap{ width: 490px;position: absolute;top: 156px; background: rgba(225,225,225,.5); padding: 36px 0 36px 185px; left: -150px;}
.service h3.title{ height: 55px;line-height: 55px;background: #d70000;color: #fff;font-size: 24px;padding: 0 28px; }
.service .content{ padding-bottom: 20px; }
.service .content img{ max-width: 100%;text-align: center; }

.about{ width: 100%;overflow: hidden;position: relative;}
.about .top{ position: relative; padding: 70px 0; }
.about .bg{ opacity: .03; width: 1920px;height: 614px;background: url(../images/abg.png) no-repeat center;position: absolute;top: 50%;margin-top: -307px;left: 50%;margin-left: -960px; }
.about .img{ width: 482px; }
.about .img img{ width: 100%;height: auto; }
.about .content{ overflow: hidden;padding-left: 26px; }
.about h2{ color: #e1e1e1;font-size: 50px;text-align: right; }
.about .detail p{ color: #333333;font-size: 14px; line-height: 2.25;text-indent: 2em;}
.about .detail p span{ color: #d70000; }
.about .addr{ background: url(../images/map.png) no-repeat left center; }
.about .tel{ background: url(../images/tel0.png) no-repeat left center; }
.about .list{ padding-left: 66px; height: 52px; margin-top: 22px;}
.about .list .t1{font-weight: bold;}
.about .list p{color: #333333;font-size: 18px;}
.team .imgwrap{ position: relative;width: 1920px;left: 50%;margin-left: -960px; }
.special{ padding: 60px 0 148px;background: #f7f7f7; }
.special .imgtitle{ text-align: center; margin-bottom: 100px;}
.special-list{}
.special-list li{float: left; width: 170px;text-align: center;}
.special-list li+li{ margin-left: 87px; }
.special-list li img{ width: 100%;height: 150px; }
.special-list li p{margin-top: 26px; text-align: left; color: #333333;font-size: 14px;line-height: 1.5; }
.special-list li p span{ font-weight: bold; }

.join{}
.join ul{ padding-bottom: 70px; border-right: 1px solid #eeeded; }
.join li{ margin-bottom: 1px; }
.join li a{transition: all .3s ease; border-left: 4px solid #d70000; display: block; padding: 24px 30px; border-bottom: 1px solid #eeeded; }
.join li .zhiwei{ width: 388px; }
.join li .t1{ color: #000000;font-size: 24px;margin-bottom: 6px; }
.join li .t2{ color: #333333;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join li .state{ height: 56px;line-height: 56px; color: #666666;font-size: 14px;margin-left: 96px;width: 510px; }
.join li .more{ margin-top: 11px; color: #fff;background: #5c5c5c;width: 85px;height: 34px;line-height: 34px;text-align: center;border-radius: 3px; } 
.join li a:hover{background: #eeeded;}
.join li a:hover .t1{ color: #d70000; }
.join li a:hover .more{ background: #d70000; }

.join-detail{ border: 1px solid #e7e7e7; }
.join-detail .top{ border-bottom: 1px solid #e7e7e7; background: #fcfcfc;padding:20px 46px;  }
.join-detail .top .t1{ color: #000000;font-size: 24px;margin-bottom: 10px; }
.join-detail .top .t2{ color: #000000;font-size: 14px; }
.join-detail .content{ padding: 48px 54px; }
.join-detail .content .left{ padding: 40px 30px; width: 197px;min-height: 521px;background: url(../images/bg.png) no-repeat center top; }
.join-detail .content .ctitle{margin-bottom: 52px; text-align: center;background: #d70000;font-size: 18px;color: #fff;height: 55px;line-height: 55px;border-radius: 4px; }
.join-detail .content .list{margin-bottom: 20px; text-align: center; }
.join-detail .content .list p{ margin-top: 4px; color: #333333;/*font-size: #333; */}
.join-detail .content .right{ overflow: hidden;padding-left: 42px; }
.join-detail .content .right .t{height: 30px;line-height: 30px;margin-bottom: 4px; font-weight: bold; color: #000000;font-size: 18px; }
.join-detail .content .right .wrap{ margin-bottom: 40px; }
.join-detail .content .right p{color: #000000;font-size: 14px;line-height: 2.2;}
.join-detail .content .right img{ margin-right: 4px;vertical-align: middle; }
.honor ul{ margin-bottom: 50px; }
.honor li{ float: left; margin-bottom: 56px;margin-right: 37px; width: 375px; }
.honor li:nth-child(3n){ margin-right: 0; }
.honor li .img{ padding: 26px 16px;height: 248px;border: 1px solid #e0e0e0;margin-bottom: 16px; }
.honor li .img img{ width: 100%;height: 100%; }
.honor li p{ text-align: center;color: #333333;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }


.mask{ display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999; }
.mask .bg{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #000;opacity: .8; }
.mask .content{ height: 728px;top: 50%;margin-top: -364px;z-index: 9; background: #fff;width: 1082px;left: 50%;margin-left: -541px;position: absolute; }
.mask .close{ position: absolute;top: 14px;right: 14px; }
.mask .content .pic{ height: 666px;line-height: 666px;text-align: center;width: 90%;margin: 62px auto 0; }
.mask .content .pic img{ max-width: 100%;height: auto;max-height: 100%;vertical-align: middle; }

.contact{}
.contact h3{ color: #333333;font-size: 24px;margin-bottom: 56px;padding-top: 66px; border-top: 1px solid #d2d2d2;}
.contact li{ margin-bottom: 10px; float: left; width: 50%; }
.contact li .img{text-align: center; width: 54px;height: 65px;line-height: 65px;border-right: 2px solid #a2a2a2; }
.contact li img{ vertical-align: middle; }
.contact li .right{ overflow: hidden;padding-left: 14px; }
.contact li .right p{ color: #333333;font-size: 16px; }
.contact li .right p+p{ margin-top: 24px; }
.contact li .wrap+.wrap{ margin-top: 12px; }
.contact li .wrap .img2{ border-right: 2px solid #a2a2a2;height: 32px;line-height: 32px;text-align: center;width: 54px; }
.contact li .wrap p{ height: 32px;line-height: 32px; overflow: hidden;padding-left: 14px;color: #333;font-size: 16px; }
#map{ margin-top: 80px; height: 416px;}
#map1{ float: left; width: 575px;height: 416px; border: 1px solid #e7e7e7;border-radius: 10px;}
#map2{ float: right; width: 575px;height: 416px;border: 1px solid #e7e7e7;border-radius: 10px;}


.news ul{ margin-bottom: 50px; }
.news li{ margin-bottom: 24px; }
.news li .img{ width: 200px;height: auto;overflow: hidden; }
.news li .img img{ width: 100%;height: auto; }
.news li .con{ overflow: hidden;padding-left: 16px; }
.news li .title{ color: #d70000;font-size: 18px;padding-bottom: 18px;border-bottom: 1px dashed #bdbdbd; }
.news li .brief{ color: #777777;font-size: 12px;margin-top: 20px;line-height: 1.8; }
.news li .time{ color: #bdbdbd;font-size: 12px;margin-top: 16px; }
.news-detail{ background: #fff; padding: 80px 78px 50px; }
.news-detail .title{ text-align: center;color: #444444;font-size: 30px;padding-bottom:26px;border-bottom: 1px solid #e8e8e8;margin-bottom: 18px;  }
.news-detail .time{ text-align: center;color: #a3a3a3;font-size: 12px;margin-bottom: 20px; }
.news-detail .detail #share{
	position: absolute;
	right: 150px;
}
.news-detail .detail{}
.news-detail .detail p{ color: #666666;font-size: 14px;line-height: 2.5; }
.inpage-detail{ background: #f4f4f4; padding-bottom: 270px; margin-bottom: 44px; }
.inpage-detail .fw{ padding-bottom: 0;border-bottom: none; }
.link2 .fw{ border-top: 1px solid #c9c9c9;padding-top: 50px; }

.switch{ margin-top: 10px; }
.switch p{ width: 40%; }
.switch p.next{ text-align: right; }
.switch p, .switch p a{ color: #333333;font-size: 14px; }
.share{ text-align: right;margin-top: 44px; }

.side {
	position: fixed;
	width: 54px;
	right: 10px;
	top: 50%;
	z-index: 100000;
	border-radius: 50%;
}

.side .d {
	background: url(../images/qq-icon1.png)  center/ 4rem auto no-repeat;
}

.side a {
	width: 54px;
	height: 54px;
	float: left;
	position: relative;
}

.side a .sidebox {
	position: absolute;
	width: 54px;
	height: 54px;
	color: #fff;
	font: 14px/54px "微软雅黑";
	overflow: hidden;
	border-radius: 50%;
}