@charset "UTF-8";
.pc{
	display:none;
}
.base{
	margin:0 auto; width:1220px;
}
.ntitle {
    line-height: 40px;
    height: 40px;
	overflow:hidden;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 29px;
	padding:10px;
   min-height:400px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%;
}
.header{
	padding:25px 0px;
}
.header .base{
	height:65px; position:relative;
}
.navs{
	height:65px; 
}

.navs a.me{
	display:inline-block; text-decoration:none; width:173px; height:65px; line-height:65px; color:#666666; float:left; text-align:center;  font-size:16px; 
}
.navs a.me.cur,.navs a.me:hover{
	color:#a31f24;
}
.navs a.me:last-child{
	margin-right:0px;
}
.navs a.me span{
	display:none;
}
.navs a.me:nth-child(4n+0){
	margin-left:180px;
}
.navs a.gb{
	display:none;
}
a.logo{
	position:absolute; width:170px; left:515px; top:2px; height:60px;
}
.mulu{
	display:none;
}
.index1{
	padding:65px 0px;
}
.index1 .base{
	width:1280px;
}
.index1 .base .leftbox{
	width:755px; float:left;
}
.index1 .base .rightbox{
	float:right; width:375px;
}
.index1 .base .rightbox a{
	display:block; position:relative;  
}
.index1 .base .rightbox a img{
	max-width:100%;
}
 
.index-tit1{
	height:110px; margin-bottom:45px; text-align:right; line-height:110px; position:relative;  
}
.index-tit1 img:first-child{
	float:left; margin-top:22px;
}
.index1 .leftbox .content{
	line-height:45px; color:#777; margin-bottom:20px; font-size:18px;
}
.gjbox{
	margin-top:25px;
}
.gjbox a{
	  text-decoration:none; color:white; height:42px; padding:0px 30px; line-height:42px; background:#A31F24; display:inline-block; font-size:16px;
}
.gjbox a:hover{
	background:#999;
}
.index2{
	padding:65px 0px; padding-bottom:85px;
}
.index2 .base{
	max-width:1700px; padding:0px 50px; width:100%;
}
.indextab{
	position:relative;
}
.indextab>.ebox{
	position:absolute; width:200px; height:160px; bottom:0px; left:0px;
}
.indextab>.ebox>span{
	color:#888; display:block; height:40px; line-height:40px; margin-bottom:30px; font-size:16px;
}
.indextab>.ebox>span font{
	margin:0px 5px;
}
.indextab>.ebox .gi{
	height:22px; margin-top:70px;   line-height:22px; text-align:right;
}
.indextab>.ebox .gi a{
	text-decoration:none;
}
.indextab>.ebox .gi a:first-child{
	float:left;
}
.indextab .itab{
	display:none; position:relative; padding-left:480px;
}
.indextab .itab.cur{
	 
}
.indextab .itab .index2left{
	width:430px; position:absolute; left:0px; top:0px; height:auto; padding-top:70px; padding-bottom:30px;
}
.indextab .itab a.img{
	display:block; overflow:hidden;
}
.indextab .itab a.img img{
	max-width:100%; position:relative; left:50px;   opacity:0;  transition: all 0.6s;  
}
.indextab .itab.cur a.img img{
	left:0px; opacity:1;
}
.indextab .itab .index2left .tit{
	height:42px; line-height:42px; display:block; color:#666666; font-size:30px; position:relative;   transition: all 0.6s;   opacity:0; left:50px;
}
.indextab .itab.cur .index2left .tit{
	left:0px; opacity:1;
}
.indextab .itab .index2left .title{
	height:85px; color:black; font-size:48px; line-height:60px; background:url(../images/g.png) no-repeat 5px bottom; text-transform:uppercase; margin-bottom:30px;
	 position:relative;   transition: all 0.6s;   opacity:0; left:-40px;
}
.indextab .itab.cur .index2left .title{
	left:0px; opacity:1;
}
.indextab .itab .index2left .content{
	color:#cccccc; line-height:38px; position:relative; opacity:0;  transition: all 0.6s;  top:50px;
}
.indextab .itab.cur .index2left .content{
	top:0px; opacity:1;
}
.indextab .itab .index2left  .gjbox a{
	position:relative; opacity:0; transition: all 0.4s; top:-30px;
}
.indextab .itab.cur .index2left  .gjbox a{
	opacity:1; top:0px;
}
.index3{
	padding:60px 0px; height:520px; background:url(../images/pic4.jpg) no-repeat center center;
}
.index3 .base{
	max-width:1600px; padding:0px 50px; width:100%;
}
.index3d{
	width:39%;  
}
.index3d .title{
	font-size:36px; color:#333333; height:75px; margin-bottom:18px; background:url(../images/d.png) no-repeat left bottom; line-height:45px;
}
.index3d .title font{
	color:#a31f24;
}
.index3d .gdesc{
	line-height:45px; color:#999; font-size:18px; margin-bottom:20px;
}
.index3d .txt{
	line-height:32px; color:#999; font-size:14px; margin-bottom:25px; text-transform:uppercase;
}
.index4{
	padding:80px 0px; padding-top:90px;
}
.index4 .base{
	max-width:1680px; padding:0px 40px; width:100%;
}
.indexpic{
	margin-bottom:35px;
}
.indexpic a{
	display:inline-block; width:30%; margin-right:5%; float:left;
}
.indexpic a img{
	max-width:100%;
}
.indexpic a:last-child{
	margin-right:0px;
}
.i1text{
	font-style:italic; line-height:44px; text-align:center; font-size:24px;  color:#888; padding:0px 250px; margin-top:55px;
}
.i1text .osr2{
	margin-top:50px; color:#999; text-transform:uppercase; font-size:20px;
}
.footer{
	background:#EAEAEA; padding-top:48px; padding-bottom:10px;
}
.footer a{
	color:#666;
}
.flefts{
	width:240px; float:left; border-right:solid 1px #ccc; padding-right:50px; line-height:150px;
}
.fnavs{
	width:650px; margin-left:65px; float:left;
}
.frights{
	width:230px; float:right; color:#666;
}
.fmenu{
	line-height:32px; margin-bottom:27px;
}
.fmenu a{
	text-decoration:none; color:#666666; font-size:16px; display:inline-block; margin-right:45px;
}
.fmenu a:last-child{
	margin-right:0px;
}
.fmenu a:hover{
	color:black;
}
.fcons{
	line-height:30px; color:#666; font-size:16px;
}
.frights .tit{
	line-height:32px; font-size:16px;
}
.frights .tels{
	color:#a31f24; font-size:30px; height:40px; line-height:40px; font-weight:bold;
}
.frights .tit2{
	line-height:20px; color:#a31f24; font-size:12px;
}
.shares{
	line-height:42px; margin-top:10px;
}
.shares a{
	margin-right:10px; display:inline-block;
}
.flinks{
	margin-top:25px; border-bottom:solid 1px #ccc; line-height:32px; padding-bottom:15px;
}
.flinks a{
	color:#666; margin-right:18px; text-decoration:none;
}
.flinks a:hover{
	color:red;
}
.bottoms{
	padding-top:13px; border-top:solid 1px #ccc; color:#666;
}
.bottoms .help{
	float:right; width:200px; text-align:right;
}
.main{
	border-top:solid 1px #f0f0f0; padding:50px 0px;
}
.mains .base{
	max-width:1700px; padding:0px 50px; width:100%;
}
.menu-left{
	width:20%; padding-right:4%; border-right:solid 1px #f0f0f0; float:left;
}
.pas-right{
	width:77%; float:right;
}
.submenu>a{
	display:block; height:50px; border-bottom:solid 1px #f2f2f2; text-decoration:none; font-size:18px; color:#333; line-height:50px; position:relative;
}
.submenu>a span{
	color:#999; font-size:12px; position:absolute; right:5px; top:17px;
}
.submenu>a:hover,.submenu>a.cur{
	color:#a31f24; border-color:#a31f24;
}
.submenu>a:hover span,.submenu>a.cur span{
	color:#a31f24;
}
.nlist{
	position:relative;
}
.nlist li{
	margin-bottom:50px; position:relative; background:url(../images/vline.png) repeat-y center top;
}
.nlist li .sr{
	position:absolute; width:20px;
}
.nlist li a.img{
	display:block; width:44%; float:left; overflow:hidden;
}
.nlist li a.img img{
	max-width:100%; transition: all 0.6s; 
}
.nlist li a.img:hover img{
	transform: scale(1.05);
}
.nlist li a.txt{
	display:block; width:44%; float:right; color:#333333; text-decoration:none; 
}
.nlist li:nth-child(even) a.img{
	float:right;
}
.nlist li:nth-child(even) a.txt{
	float:left;
}
.nlist li a.txt .title{
	font-size:18px; height:54px; line-height:43px; background:url(../images/e.png) no-repeat left bottom; margin-bottom:18px; padding-bottom:11px; overflow:hidden;
}
.nlist li:hover a.txt .title{
	color:#a31f24;
}
.nlist li a.txt .desc{
	 line-height:25px; overflow:hidden; color:#999999; margin-bottom:18px;
}
.nlist li a.txt .rq{
	margin-top:25px; color:#999999; line-height:25px;
}
.nlist li .icos{
	width:6%; height:22px; left:47%; top:49%; background:url(../images/i.png) no-repeat center center; position:absolute;
}
.nlist li:nth-child(even) .icos{
	background:url(../images/i_cur.png) no-repeat center center;
}
.rtitle{
	height:70px; line-height:70px; border-bottom:solid 1px #f2f2f2; padding-right:200px; position:relative;
}
.rtitle .ntitle{
	display:inline-block; height:70px; line-height:70px; font-size:22px; color:#333333; text-align:left; overflow:hidden;
}
.rtitle .fxs{
	width:155px; overflow:hidden; height:25px; position:absolute; right:0px; top:25px;
}
.nsrq{
	line-height:25px; margin-bottom:15px; color:#cccccc;
}
.ndet{
	margin-top:25px; padding-left:12px;
}
.ndet a{
	display:inline-block; padding:0px 14px; height:32px; border:solid 1px #ccc; text-decoration:none; color:#999; line-height:32px; border-radius:2px;
}
.ndet a:hover{
	background:#999; color:white;
}
.pcats{
	padding:0px 10px;
}
.pcats li{
	width:31%; float:left; margin-bottom:28px; margin-right:3.5%; text-align:center; 
}
.pcats li:nth-child(3n+0){
	margin-right:0px;
}
.pcats li a.img{
	display:block;   margin:0 auto; overflow:hidden; margin-bottom:5px; position:relative; box-shadow:2px 2px 5px #CCCCCC;
}
.pcats li a.img img{
	width:100%; transition: all 0.6s; position:relative;
}
.pcats li a.img span{
	position:absolute; left:-102%; top:0px; width:100%; height:100%; background:black; opacity:0.5; line-height:170px;  transition: all 0.6s;  
}
.pcats li a.img:hover span{
	left:0px;
}
.pcats li:hover a.img img{
	transform: scale(1.05);
}
.pcats li a.txt{
	display:block; text-decoration:none; color:#333333; padding-top:7px;
}
.pcats li:hover a.txt{
	color:#a31f24;
}
.pcats li a.txt span{
	display:block; font-size:24px; line-height:32px;
}
.pcats li a.txt font{
	display:block; font-size:16px; line-height:27px; color:#999; text-transform:uppercase;
}
.pcats li:hover a.txt font{
	color:#a31f24;
}
.submenu ul li{
	border-bottom:solid 1px #f2f2f2;
}
.submenu ul li>a{
	display:block; height:50px;  text-decoration:none; font-size:18px; color:#333; line-height:50px; position:relative;
}
.submenu ul li>a span{
	color:#999; font-size:12px; position:absolute; right:5px; top:17px;
}
.submenu ul li:hover>a,.submenu ul li.cur>a{
	color:#a31f24; border-color:#a31f24;
}
.submenu ul li:hover>a span,.submenu ul li.cur>a span{
	color:#a31f24;
}
.submenu ul li div{
	padding:5px 10px; display:none;
}
.submenu ul li div a{
	display:block; height:32px; text-decoration:none; line-height:32px; color:#999999;
}
.submenu ul li div a.cur{
	color:#a31f24;
}
.submenu ul li:hover div,.submenu ul li.cur div{
	display:block;
}
.submenu ul li div a:hover,.submenu ul li div a.cur{
	color:#a31f24;
}
.plist li{
	width:33%; float:left; margin-bottom:30px; margin-right:0.2%; padding:15px 10px;
}
.plist li:nth-child(3n+0){
	margin-right:0px;
}
.plist li a.img{
	display:block; height:270px; line-height:270px; overflow:hidden; text-align:center; border-bottom:solid 1px #f2f2f2;
}
.plist li a.img img{
	max-width:100%; max-height:255px; transition: all 0.6s;
}
.plist li a.txt{
	display:block; text-align:center; padding:6px 0px; text-decoration:none; color:#666666;
}
.plist li a.txt span{
	font-size:16px; line-height:24px; height:48px; overflow:hidden; display:block;
}
.plist li a.txt font{
	display:block; line-height:20px; color:#ccc; font-size:12px;
}
.plist li:hover a.img img{
	transform: scale(1.05);  
}
.plist li:hover a.txt span{
	color:#a31f24;
}
.plist li:hover{
	box-shadow:0px 0px 11px #ccc;
}

.ptitle{
	text-align:center; height:82px; line-height:80px; border-bottom:solid 1px #f0f0f0; font-size:18px; color:#666;
}
.ptitle font{
	display:inline-block; margin:0px 10px;
}
.spics{
	padding:35px 0px; text-align:center; position:relative; padding-bottom:55px;
}
.spics img{
	display:none; max-width:100%;
}
.spics img.cur{
	display:inline-block;
}
.spics .slis{
	position:absolute; left:0px; width:100%; text-align:center; height:20px; line-height:20px; bottom:3px;
}
.spics .slis span{
	width:10px; height:10px; display:inline-block; margin:0px 7px; background:#CCCCCC; border-radius:50%;
}
.spics .slis span.cur{
	background:#A41F24;
}
.bspic{
	text-align:center; margin-top:25px; line-height:32px;
}
.bspic a{
	display: inline-block;
    padding: 0px 21px;
    height: 30px;
    border: solid 1px #ccc;
    text-decoration: none;
    color: #999;
    line-height: 30px;
    border-radius: 2px;
}
.mappics{
	margin-bottom:45px; position:relative; padding-left:50%;
}
.mappics>img{
	width:100%;
}
.maps{
	width:50%; position:absolute; left:0px; top:0px; height:100%;
}
.contacts{
	line-height:40px;
}
.contacts p{
	height:40px; line-height:39px; position:relative; padding-left:34px; color:#666; font-size:20px;
}
.contacts p img{
	position:absolute; left:0px; top:10px;
}
.as-content{
	line-height:38px; font-size:18px; max-width:1110px;
}
.as-content img{
	max-width:100%; height:auto !important;
}
.aa1{
	font-size:24px; font-style:italic;  
}
.aa2-txt{
	padding:20px 50px; margin-bottom:25px; text-align:center;
}
.aa2 img{
	max-width:100%;
}
.page-ppt{
	margin-bottom:55px;
}
.page-ppt img{
	width:100%;
}
.main.ppts{
	padding-top:0px;
}
.join1{
	padding:60px 0px; font-style:italic; color:#666; font-size:18px; width:500px; margin:0 auto; text-align:center; line-height:37px;
}
.join1 .jlo{
	margin-top:65px;
}
.joinimg1{
	margin-bottom:50px;
}
.joinimg1 img{
	max-width:100%;
}
.mains .base.about-0{
	max-width:1300px; padding-top:30px;
}

.okj{
	line-height:50px; margin-bottom:45px; text-align:center; font-style:italic; color:#a31f24; font-size:24px;
}
.ffff {
    padding:0px 0px; padding-bottom:30px;
}
.ffs li{
	width:48.5%; float:left; margin-bottom:18px;
}
.ffs li:nth-child(even){
	float:right;
}
.ffs li input{
	border:none; width:100%; outline:none; height:48px; padding:10px 9px; color:#666666; background:#f0f0f0; line-height:28px;
}
.ffc{
	margin-bottom:24px;
}
.ffc textarea{
	width:100%; height:150px; border:none; outline:none;  color:#666666;background:#f0f0f0; padding:10px 9px;
}
.ofc{
	text-align:center;
}
.ofc button{
	border:none; outline:none; display:inline-block; height:34px; line-height:34px; padding:0px 31px; background:#C7000C; color:#fff; font-size:16px;
}

.design1{
	padding:65px 0px; text-align:center; font-style:italic; padding-top:35px;
}
.design1 span{
	display:block; font-size:24px; line-height:46px;
}
.design1 font{
	display:block; font-size:12px; line-height:26px; color:#999;
}

.design2 li{
	width:48.2%; float:left; margin-bottom:45px;
}
.design2 li:first-child{
	float:none; width:100%;
}
.design2 li:nth-child(3n+0){
	float:right;
}
.design3{
	margin-bottom:45px;
}
.design3 img{
	max-width:100%;
}
.design4{
	width:1100px; margin:0 auto; padding:40px 0px; font-style:italic; text-align:center;
}
.design4 .oer1{
	font-size:22px; margin-bottom:15px;  line-height:39px; color:#999;
}
.design4 .oer2{
	font-size:12px; line-height:24px; color:#999;
}


@media screen and (max-width:1470px) {
	
	.indextab>.ebox{
		left:170px; height:150px; 
	}
	
	.indextab>.ebox>span{
		text-align:right;
	}
	
	
	.i1text{
		font-size: 18px; line-height:35px;
	}
	
	.i1text .osr2{
		font-size:16px;
	}
	
	.jlo{
		height:63px;
	}
	
	.index1 .leftbox .content{
		font-size: 16px;
	}
	
	.as-content {
    line-height: 33px;
    font-size: 16px;
    
	}

	.contacts p{
		font-size:16px; padding-left:30px;
	}
	
	.contacts p img{
		max-height:20px; top:11px;
	}
	
	.pcats li a.txt span{
		font-size:20px;
	}
	.pcats li a.txt font{
		font-size:14px;
	}
	
	.design1 span{
		font-size:20px;
	}
	
	.design4 .oer1{
		font-size:18px;
	}
	
	.mains .base{
		padding:0px 100px;
	}
	
	.index4 .base,.index3 .base,.index2 .base{
		max-width:1350px; padding:0px 75px;
	}
}


.carousel-inner>.item>img.pc{
	display:none;
}
.carousel-indicators .active{
	color:red;
}

