@charset "UTF-8";
/*--------------------通用信息开始--------------------*/
* { margin:0; padding:0; list-style:none }
BODY {
	background:#fff;color:#333333;font-size: 13px;
}
.layout { width:1200px; margin:0 auto;}
.clear {clear:both}
img { border:none }
li { line-height:22px }
a {color:#444;text-decoration:none;}
a:hover {color:#000;}
/* flash*/
.fullSlidebg {width:100%;background:url(/images/dbg.png) no-repeat center top;height:85px}
.fullSlide {
	width:100%;
	position:relative;
	height:650px;
	
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:650px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:650px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#E81B1B;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(/images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}



/*全站统一大标题样式*/
h3.htitle{ text-align:center; font-size:28px; color:#333;font-weight:700}
h3.htitle a{ color:#333;text-transform:uppercase}
h3.htitle a:hover{color:#dc1313;}
span.htitle{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(/images/title_bg.png) no-repeat center bottom; text-transform: uppercase;}
/**/
.pro {padding-bottom: 80px;background:#EDEDED}
.pro .container{ margin:auto; width:1200px;}
.pro h2 {text-align: center;font-size: 36px;padding-top: 75px;font-weight: normal;}
.pro h2 a {color: #333;}
.pro .pro_p {text-align: center;font-size: 18px;color: #666;margin: 5px 0 50px 0;}
.pro .pro_con {background: #fff;}
.pro .pro_con .conleft {width: 600px;height: 290px;position: relative;overflow: hidden;}
.pro .pro_con .conleft img {display: block;width: 600px;height: 290px;transition: all 0.5s;}
.pro .pro_con .conleft.fl em {display: block;width: 5px;height: 10px;background: url(/images/jtl01.png) no-repeat center;position: absolute;right:0;bottom: 140px;}
.pro .pro_con .conleft.fr em {display: block;width: 5px;height: 10px;background: url(/images/jtr04.png) no-repeat center;position: absolute;left:0;top: 140px;}
.pro .pro_con .conleft.ft em {display: block;width: 5px;height: 10px;background: url(/images/jtr04.png) no-repeat center;position: absolute;left:0;top: 140px;}
.pro .pro_con .conright {width: 600px;height: 290px;}
.pro .pro_con .conright a {display: block;padding: 50px 60px 0 70px;height: 240px;}
.pro .pro_con .con1 .conright {background:#fff url(/images/jtr01.png) no-repeat 70px 220px;}
.pro .pro_con .con1 .conright.fr a {background: url(/images/dyicon1.png) no-repeat 420px 125px;}
.pro .pro_con .con1 .conright.fl a {background: url(/images/dyicon2.png) no-repeat 350px 120px;}
.pro .pro_con .con1 .conright.ft a {background: url(/images/dyicon3.png) no-repeat 390px 60px;}
.pro .pro_con .con1 .conright h3 {font-weight:700;color: #333;margin-bottom: 20px;font-size: 26px;}
.pro .pro_con .con1 .conright .p1 {font-size: 13px;line-height: 24px;}

.pro .pro_con .conbox:hover img {transform: scale(1.1);} 
.pro .pro_con .conbox:hover .conright h3 {color: #0078D7;}

#index_bg{position:fixed;z-index: -1;width:100%;max-width:100%;height:100%;top:0;left:0;overflow: hidden;}
#index_canvas{max-width:100%;width:100%;height:100%;}



/**/
.index-about{
	margin:auto;width:1200px
}

.tit{

}

.tit .tit-l{
	float: left;
	color: #444;
}

.tit .tit-l h3{
	font-size: 30px;
	font-weight: bold;
}

.tit .tit-l p{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}

.tit .tit-r{
	float: right;
	text-align:right;
}
.tit .tit-r p{
	font-size: 15px;
	color: #777777;
	line-height:28px;
}

.about-con{
	margin-top: 58px;
}

.about-con .about-l{
	width: 720px;
	float: left;
}

.about-con .about-l .list-box{
	width: 100%;

}

.about-con .about-l .list-box .i-video{
	width: 720px; overflow:hidden
}
.about-con .about-l .list-box .i-video img{
	width: 720px;transition: all 1s ease-out;display: block;
}
.about-con .about-l .list-box .i-video:hover img{transform: scale(1.1);}
.about-con .about-l .list-box .text-box {
	padding:20px 0;
}
.about-con .about-l .list-box .text-box .text{
	line-height: 28px;
	font-size:15px;
	color: #666666;
}

.about-con .about-l .list-box .more{
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	font-size:15px;
	color: #808080;
	border:1px solid #000;
}
.about-con .about-l .list-box .more:hover{
	background:#0078D7;
	color:#fff;
	border:1px solid #0078D7;
}
.about-con .about-r{
	width: 446px;
	float: right;
}

.about-con .about-r .list-box{
	width: 446px;
	height: 180px;
	border:1px solid #d2d2d2;
	border-radius:10px;
	background:url(../images/i-about-v02.png) no-repeat center right 26px;
	position: relative;
	margin-bottom:37px;
}

.about-con .about-r .list-box h3{
	font-size:30px;
	color: #808080;
	font-weight: bold;
	padding-bottom: 10px;
}
.about-con .about-r .list-box:hover h3{
	color: #fff;
	z-index: 99;
}
.about-con .about-r .list-box:hover p{
	color: #fff;
}
.about-con .about-r .list-box p{
	font-size:15px;
	color: #808080;
	line-height: 28px;
}
.about-con .about-r .list-box .text-box{
	padding:30px 0 0 45px;
}

.about-con .about-r .list-box i{
	position: absolute;
	height: 180px;
	width: 13px;
	background:#0078D7;
	border-radius: 10px 0 0 10px;
	top: 0;
	left: 0;
	z-index: -999;
	margin:auto;
	transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
}
.about-con .about-r .list-box:hover i{
	width: 100%;
	border-radius: 10px;
}
.about-con .about-r .list-box:nth-child(3){
	margin-bottom:0;
}

.i-industrial{
	margin-top: 120px;
}

.tit2{
	text-align:center;
	margin-bottom: 40px;
}

.tit2 h3{
	font-size: 30px;
	color: #221815;
	font-weight: bold;
	margin-bottom: 8px;
}

.tit2 i{
	font-size: 14px;
	color: #888888;
	text-transform:uppercase;
}

.tit2 p{
	position:relative;
	width: 55px;
	height: 5px;
	background:#0078D7;
	margin: 10px auto 0;
}
.tit2 p:after{
	width: 150px;
	height: 2px;
	background:#b3b3b3;
	position: absolute;
	top: 3px;
	left: 70px;
	margin:auto;
	content: ''; 
}
.tit2 p:before{
	width: 150px;
	height: 2px;
	background:#b3b3b3;
	position: absolute;
	top: 3px;
	right: 70px;
	margin:auto;
	content: ''; 
}

.i-industrial .list-box{
	width: 238px;
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 2px;
	margin-bottom: 2px;
}

.i-industrial .list-box .img_box{
	width: 238px;
	height: 236px;
	overflow: hidden;
}
.i-industrial .list-box .mask{
	width: 238px;
	height: 236px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	background:rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.i-industrial .list-box .mask .pic-box{
	width: 71px;
	height: 68px;
	margin:50px auto 10px;
	overflow: hidden;
}
.i-industrial .list-box .mask .text-box{
	text-align: center;
	color: #fff;
}

.i-industrial .list-box .mask .text-box h3{
	font-size: 22px;
}

.i-industrial .list-box .mask .text-box p{
	font-size: 12px;
	text-transform:uppercase;
	padding-top: 8px;
}

.i-industrial .list-box:hover .mask{
	background:rgba(201,43,47,0.5);
}

.i-industrial .list-box:nth-child(5n){
	margin-right: 0;
}

/*合作*/
.Partners{width:1200px;margin:auto;}
.Partners li{float: left;width: 240px;height: 120px;border:1px solid #e7e7e7;border:1px solid #e5e5e5;border-right:none;border-bottom:none;box-sizing: border-box;}
.Partners ul{width: 1201px !important;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.partner{width: 100%;padding-bottom: 30px;}
.partner .container{margin:auto; width:1200px;}
.partner .mainCon{}
.partner .mainCon li{float: left;width: 199px;height: 138px;border: 1px solid #e3e1e1;margin-left: -1px;margin-top: -1px;}
.partner .mainCon li a{display: block;width: 199px;height: 138px;position: relative;overflow: hidden;}
.partner .mainCon li a img{display: block;width: 199px;height: 138px;transition: all 1s ease-out;}
.partner .mainCon li i{display: none;width: 199px;height: 138px;position: absolute;left: 0;top: 0;background: url(Img/Index/partner-kuang.png) no-repeat center;}
.partner .mainCon li:hover i{display: block;}
.partner .mainCon li:hover img{transform: scale(1.1);}
/*新闻*/
.news{background:#EDEDED}
.news-box{margin-top: 60px;width:1200px;margin:auto}
.news-left{width: 50%;float: left;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 42px;}
.news-left ul li a{width: 39%;display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 100%;display: block;transition: all 1s ease-out;height:190px;}
.news-left ul li:hover a img{transform: scale(1.1);}
.news-left ul li h3{float: left;width:55%;line-height: 30px;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{display: block;font-size: 13px;color: #999;}
.news-left ul li p{float: left;width: 57%;margin-top: 13px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;}
.news-left ul li a:hover{color: #0078D7;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;background: url(/images/youjt.png) no-repeat center;margin-top: 16px;}
.news-left ul li:hover a.a01{margin-left: 5px;}


.news-right{width: 45%;float: right;}
.news-right ul{width: 100%;}
.news-right ul li{margin-bottom: 30px;}
.news-right ul li a:hover{color: #0078D7;}
.news-right ul li span{display: block;width: 122px;height: 58px;border: 1px solid #e2e1e1;text-align: center;padding-top: 20px;float: left;margin-right: 20px;}
.news-right ul li span i{font-size: 35px;color: #666;font-style:normal;}
.news-right ul li span>p{font-size: 14px;color: #666;margin-top: 5px}
.news-right ul li h3{width: 370px;overflow: hidden;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 29px;}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 5px;height: 50px;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{background: #000;}
.news-right ul li:hover span i{color: #fff;font-style:normal;}
.news-right ul li:hover span p{color: #fff;}