@charset "utf-8";



/*初始化*/



*{ padding:0; margin:0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



html, body{width: 100%;height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



body {font: 14px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;color: #333;background: #fff;}



input,button{ -webkit-appearance:none; border-radius: 0; }



a,a:hover,a:focus { text-decoration: none;}



textarea{ resize: none; overflow: auto;}



input,button { border: 0; }



img { border: 0; vertical-align: top;}



li { list-style: none; }



@font-face {



    font-family:"DinMedium";



    src:url("DinMedium.ttf");



}



table {



	margin: 0 -4px;



	border-collapse: collapse;



}



table{



  	border:4px solid #fff;

  	border-collapse: collapse;

    border-color: #623F20;

    border-image: none;

    border-style: solid;

    border-width: 1px 0 0 1px;

    text-align: center;



}





table td, table th {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #623F20;

    border-image: none;

    border-style: solid;

    border-width: 0 1px 1px 0;

    padding: 3px;

}







/*公共样式*/



.clear { zoom: 1; }



.clear:after { content:''; display: block; clear: both; }



.fl { float: left; }



.fr { float: right; }



#content {



	padding-top: 100px;



}



#header {



	position: fixed;



	z-index: 999;



	width: 100%;



	line-height: 100px;



	background: #fff;



	box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);



}



.header,.footer1-content,.footer2-content,#topBanner .titleBox,.product2{



	width: 100%;



	max-width: 1530px;



	padding: 0 50px;



	margin: 0 auto;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.choice,.product,.about,.case,.reason,.news,.partner,.partner2,.topMenu,.commonBox,.visualData,.honor,.environment,.history,.movie,.advantage,



.case2,.news2,.news4,.condition,.contact,.recruitment,.download {



	width: 100%;



	max-width: 1530px;



	padding: 0 50px;



	margin: 0 auto;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.program {



	width: 100%;



	padding: 0 50px;



	margin: 0 auto;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



/*公共按钮*/



.moreBtn {



	display: block;



	width: 158px;



	height: 44px;



	font-size: 16px;



	line-height: 44px;



	text-align:center;



	border: 1px solid #fff;



	border-radius: 23px;



	color: #fff;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.moreBtn span {



	height: 30px;



    font-size: 25px;



    line-height: 25px;



    display: inline-block;



    vertical-align: middle;



}







/*公共标题*/



.c-titleBox {



	text-align: center;



}



.c-titleBox .title {



	font-size: 32px;



	line-height: 25px;



	color: #0752a5;



}



.c-titleBox img {



	margin: 10px 0 40px;



}



.c-titleBox2 .title{



	position: relative;



	margin-bottom: 30px;



	padding-bottom: 10px;



	font-size: 20px;



	line-height: 20px;



	border-bottom: 2px solid #efefef;



}



.c-titleBox2 .title:before {



	content: "";



	display: block;



	position: absolute;



	left: 0;



	bottom:-2px;



	width: 80px;



	height: 4px;



	background:#0752a5;



}



.c-titleBox3 .title {



	font-size: 20px;



	line-height: 20px;



	text-align: center;



}



.c-titleBox3 .title:after {



	content: "";



	display: block;



	margin:10px auto 60px;



	width: 38px;



	height: 4px;



	background:#0752a5;



}











/*logo*/



.logo a {



	float: left;



	display: block;



	text-align: left;



}



.logo a img {



	height: 62px;



	vertical-align: middle;



}







/*顶部电话*/



.topPhone{



	font-family: "DinMedium","Microsoft YaHei";



	font-size: 14px;



	color:#777777;



}



.topPhone img {



	vertical-align: middle;



}



.topPhone p {



	display: inline-block;



	vertical-align: middle;



	line-height: 18px;



}



.topPhone p span {



	font-size:25px;



	line-height: 30px;



	color: #0752a5;



}







/*pc导航*/



.nav {



	text-align: center;



}



.nav>li {



	display: inline-block;



	position: relative;



	padding: 0 15px;



}



.nav>li>a {



	position: relative;



	display: inline-block;



	width: 100px;



	height: 30px;



	line-height: 28px;



	border-radius: 15px;



	color: #333;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;

	

	font-size: 16px;

    

	



}



.nav>li.active>a {



	color:#fff;



	background: #0752a5;



}







 .nav>li ul li:hover a {



 	color: #0752a5;



 }



.nav li ul {



	visibility: hidden;



	opacity: 0;



	position:absolute;



	top: 150px;



	left: 50%;



	width: 100%;



	min-width: 132px;



	background: #fff;



	line-height: 40px;



	text-align: center;



	border-radius: 10px;



    box-shadow: 0px 0px 5px rgba(0,0,0,.16);



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    transform: translateX(-50%);



    -webkit-transition: all 0s 0.2s;



    -moz-transition: all 0s 0.2s;



    -o-transition: all 0s 0.2s;



    transition: all 0s 0.2s;



}



.nav li ul li:first-child {



	border-radius: 10px 10px 0 0;



	overflow: hidden;



}



.nav li ul li:last-child {



	border-radius:  0 0 10px 10px;



	overflow: hidden;



}



.nav li ul:before {



	content: "";



	display: block;



	position: absolute;



	z-index:0;



	top: -5px;



	left:50%;



	margin-left: -5px;



	width: 10px;



	height: 10px;



	background: #fff;



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



    box-shadow: 0px 0px 5px rgba(0,0,0,.16);



}



.nav li ul li a {



	display: block;



	position: relative;



	z-index: 2;



	padding: 0 10px;



	border-bottom: 1px solid #eee;



	color: #000;



	background: #fff;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.nav li ul li:last-child a {



	border:0;



}



.nav .menuHover>a {



	color:#fff;



	background: #0752a5;



}



.nav .menuHover>ul {



	visibility: visible;



	top: 80px;



	opacity: 1;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}











/*移动端导航*/



.mobileNav {



	position: fixed;



	z-index: 999;



	top: 60px;



	left: -260px;



	width: 260px;



	height: 100%;



	text-align: left;



	background: #fff;



	overflow: auto;



	text-align:left;



}



.navMask {



	display: none;



	position: fixed;



	left: 0;



	top:60px;



	z-index: 998;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5);



}



.mobileNav li a {



	position: relative;



	display: block;



	padding: 0 20px;



	font-size: 16px;



	line-height: 50px;



	color: #333;



	border-bottom: 1px solid #ececec;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.mobileNav li:first-child a {



	border-top: 1px solid #ececec;



}



.mobileNav li a i{



	position: absolute;



	display: block;



	top:50%;



	right: 20px;



	margin-top: -5px;



	width: 10px;



	height: 10px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.mobileNav li a i:after,.mobileNav li a i:before{



	position: absolute;



	content:"";



	display: block;



	width: 10px;



	height: 2px;



	background: #333;



	top: 4px;



	left: 0;



}



.mobileNav li a i:after {



	-webkit-transform: rotate(90deg);



	transform: rotate(90deg);



} 



.mobileNav>li:hover>a,.mobileNav li ul li:hover a{



	color: #fff;



	border-color: #0752a5;



	background: #0752a5;



}



.mobileNav li:hover>a i:after,.mobileNav li:hover>a i:before {



	background: #fff;



}



.mobileNav li ul {



	display: none;



}



.mobileNav li ul li {



	margin: 0;



}



.mobileNav li ul li a {



	padding: 0 40px;



}



.mobileNav .open>a i {



	-webkit-transform: rotate(135deg);



	transform: rotate(135deg);



}







/*导航开关*/



.navBtn {



	display: none;



	cursor: pointer;



	line-height: 60px;



	margin-right: -15px;



}



.navBtn span { 



	display: inline-block;



	position: relative;



	margin: 0 15px;



	width: 25px;



	height: 2px;



	background-color: #333;



	vertical-align: middle



}



.navBtn span:before, .navBtn span:after {



	content: '';



	display: block;



	width: 25px;



	height: 2px;



	position: absolute;



	background: #333;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.navBtn span:before {



	top: -8px;



}



.navBtn span:after {



	top: 8px;



}



.navBtn .open {



	background: rgba(0,0,0,0);



}



.navBtn .open:before {



	top: 0;



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.navBtn .open:after { 



	top: 0;



	-webkit-transform: rotate(-45deg);



	transform: rotate(-45deg); }



.navBtn .open:before, .navBtn .open:after {



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}











/*底部*/



#footer1 {



	text-align: left;



	color: #fff;



	padding:40px 0 32px;



	background: #043d7d;



}



.footer1-content .juzhong {



	text-align:center;



}



.footer1-content .wrap {



	display: inline-block;



	text-align: left;



}



.footer1-content .topBox .title {



	font-weight: bold;



	font-size: 20px;



	line-height: 20px;



	color: #fff;



}



.footer1-content .bottomBox {



	position: relative;



}



.footer1-content .bottomBox:before {



	content: "";



	display: block;



	margin: 15px 0;



	width: 36px;



	height: 2px;



	background: -webkit-linear-gradient(left,#0072be,#229eda);



	background: -o-linear-gradient(right,#0072be,#229eda);



	background: -moz-linear-gradient(right,#0072be,#229eda);



	background: linear-gradient(to right,#0072be,#229eda);



}



.footer1-content .bottomBox p a {



	color: #fff;



}



.footer1-content .bottomBox li a,.footer1-content .bottomBox p{



	line-height: 30px;



}



.footer1-content .bottomBox li a {



	color: #fff;



	height: 30px;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    -webkit-box-orient: vertical;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.footer1-content .bottomBox a:hover {



	text-decoration: none;



}



.footer1-content .bottomBox li.clear {



	float: left;



	width: 50%;



}



.footer1-content .bottomBox img {



	display: block;



	margin-top: 22px;



	padding:10px;



	width: 100%;



	max-width: 160px;



	border: 1px solid #fff;



	border-radius: 10px;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



#footer2 {



	padding:25px 0;



	background: #033975;



}



.footer2-content {



	text-align: center;



	line-height: 24px;

	

	color:#fff;



}



.footer2-content p,.footer2-content a {



	font-size: 14px;



	color: #fff;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.footer2-content a:hover {



	text-decoration: underline;



}



.footer2-content .statistics {



	display: inline-block;



	width: 52px;



	height: 12px;



	background: url(../images/statistics.gif) no-repeat 0 0;



	vertical-align: middle;



}







/*移动端底部导航*/



#mobi-bar {



	display: none;



	position: fixed;



	left: 0;



	bottom: 0;



	z-index: 998;



	width: 100%;



	background: #fff;



	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);



}



#mobi-bar li {



	float: left;



	width: 25%;



}



#mobi-bar li.active a,#mobi-bar li:hover a {



	color: #394659;



}



#mobi-bar li.active a img:nth-child(2),#mobi-bar li:hover a img:nth-child(2) {



	display: block;



}



#mobi-bar li a {



	display: block;



	padding: 7px 0;



	width: 100%;



	margin:0 auto;



	font-size: 14px;



	line-height: 20px;



	text-align: center;



	color: #b6b6b6;



}



#mobi-bar li a img {



	display: block;



	margin:0 auto;



	width: 25px;



	height: 25px;



}



#mobi-bar li a img:nth-child(2) {



	margin-top: -25px;



	display: none;



}







/*顶部banner*/



#topBanner {



	position: relative;



	text-align:center;



	color: #fff;



}



#topBanner img {



	width: 100%;



	min-height: 80px;



}



#topBanner .wrap {



	position: absolute;



	top: 50%;



	left:0;



	width: 100%;



	-webkit-transform: translateY(-50%);



	-moz-transform: translateY(-50%);



	-o-transform: translateY(-50%);



	transform: translateY(-50%);



}



#topBanner .wrap .title {



	font-weight:bold;



	font-size:30px;



	line-height: 30px;

	

	color: #fff;



}



#topBanner .site {



	margin-top: 25px;



	line-height: 25px;



}



#topBanner .site a{



	color: #fff;



}



#topBanner .site a:hover{



	text-decoration: underline;



}











/*分类菜单*/



.menuBox,.menuBox2,.menuBox3 {



	margin-bottom: 30px;



	display: inline-block;



	position: relative;



	vertical-align: middle;



	z-index: 10;



}



.menuBox3 {



	display: block;



	padding: 20px 20px 40px;



	margin-bottom:0;



	background: #f8f8f8;



}



.menuBox .menu a,.menuBox2 .menu a {



	display: inline-block;



	padding: 0 20px;



	height: 30px;



	font-size: 16px;



	line-height: 28px;



	color: #313131;



	border-radius: 15px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.menuBox2 .menu a {



	padding: 0;



	border-radius: 0;



	margin-right: 30px;



	border-bottom: 2px solid transparent;



}



.menuBox3 .menu a {



	position: relative;



	display: block;



	padding: 15px 0;



	font-size: 16px;



	line-height: 20px;



	color: #838383;



	border-bottom: 2px solid #eee;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.menuBox3 .menu a:after {



	content: ">";



	display: block;



	position: absolute;



	top:50%;



	right: 0;



	margin-top: -8px;



	width: 16px;



	height: 16px;



	font-size: 12px;



	line-height: 14px;



	text-align: center;



	border-radius: 50%;



	color: #fff;



	background: #a4a4a4;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.menuBox3 .menu a:hover,.menuBox3 .menu a.active {



	color: #0752a5;



}



.menuBox3 .menu a:hover:after,.menuBox3 .menu a.active:after {



	background: #0752a5;



}



.menuBox .menu a.active,.menuBox .menu a:hover {



	background: #0752a5;



	color: #fff;



}



.menuBox2 .menu a.active,.menuBox2 .menu a:hover{



	border-color: #0752a5;



}



.menuBox .option,.menuBox2 .option,.menuBox3 .option {



	position: relative;



	padding: 0 50px 0 15px;



	width: 100%;



	height: 50px;



	font-size: 16px;



	line-height: 50px;



	text-align:left;



	color:#626262;



	background: #f4f4f4;



	cursor: pointer;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	display: none;



}



.menuBox .option p,.menuBox2 .option p,.menuBox3 .option p {



	height: 50px;



  	overflow: hidden;



  	text-overflow: ellipsis;



  	display: -webkit-box;



  	-webkit-line-clamp: 1;



  	-webkit-box-orient: vertical;



}



.menuBox .option i,.menuBox2 .option i,.menuBox3 .option i {



	display: block;



	position: absolute;



	top: 10px;



	right: 15px;



	width: 20px;



	height: 30px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.menuBox .option.open i,.menuBox2 .option.open i,.menuBox3 .option.open i {



	-webkit-transform: rotate(180deg);



	-moz-transform: rotate(180deg);



	-o-transform: rotate(180deg);



	transform: rotate(180deg);



}



.menuBox .option i:after,.menuBox .option i:before,.menuBox2 .option i:after,.menuBox2 .option i:before,



.menuBox3 .option i:after,.menuBox3 .option i:before {



	content: "";



	position: absolute;



	top: 14px;



	left: 1px;



	width: 10px;



	height: 2px;



	background: #626262;



	-webkit-transform: rotate(45deg);



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	transform: rotate(45deg);



}



.menuBox .option i:before,.menuBox2 .option i:before,.menuBox3 .option i:before {



	left: 8px;



	-webkit-transform: rotate(-45deg);



	-moz-transform: rotate(-45deg);



	-o-transform: rotate(-45deg);



	transform: rotate(-45deg);



}

/*新增*/

.menuBox3 .menu ul {

	display: none;

}

.menuBox3 .menu ul li a {

	padding-left: 16px;

}

.menuBox3 .menu ul li a:after {

	content: "";

	left: 0;

	top:30px;

	width: 6px;

	height: 6px;

	background: #0752a5;

}

.menuBox3 .menu li a.active:after {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}







/*分页*/



.pageList {



	padding-top: 30px;



	text-align:center;



	line-height: 40px;



}



.pageList a {



	display: inline-block;



	margin: 5px;



	width: 50px;



	height: 40px;



	font-size: 14px;



	color: #fff;



	background: #ccc;



	vertical-align: middle;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.pageList .prev,.pageList .next {



	font-size: 18px;



}



.pageList a.active,.pageList a:hover {



	color: #fff;



	background: #0752a5;



}











/*地图*/



.mapBox .container1 {



	width: 100%;



	height: 470px;



}



.mapBox .container1 #map {



	width: 100%;



	height: 100%;



}



.mapBox .container1 #map .map-title {



    font-size: 14px;



    font-weight: bold;



    color: #0752a5;



}



.mapBox .container1 #map .map-content {



    font-size: 12px;



    color: #333;



    margin-top: 6px;



}



.mapBox .container1 #map .anchorBL{



    display:none;



}







/*背景图片*/



#bgImg,#bgImg2 {



	position: fixed;



	z-index: -1;



	top:0;



	left:0;



	width: 100%;



	height: 100%;



}



#bgImg img,#bgImg2 img {



	position: absolute;



	top:50%;



	left:50%;



	height:100%;



	min-height: 100%;



	min-width: 100%;



    -webkit-transform: translate(-50%,-50%);



    -moz-transform: translate(-50%,-50%);



    -o-transform: translate(-50%,-50%);



    transform: translate(-50%,-50%);



}



#bgImg img:last-child {



	display: none;



}







/*选择客户类型*/



#choice {



	padding: 60px 0;



	border-bottom: 1px solid #e5e5e5;



	background:#fff;



}



#choice .wrap {



	background: #f0f0f0;



	border-radius: 10px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#choice .wrap .imgBox img {



	width: 100%;



}



#choice .wrap .textBox {



	position: relative;



}



#choice .wrap .textBox .textWrap {



	display: inline-block;



	position: absolute;



	top:50%;



	left:60px;



	color: #0752a5;



    width: -moz-calc(100% - 30px);



    width: -webkit-calc(100% - 30px);



    width: calc(100% - 30px);



    -webkit-transform: translateY(-50%);



    -moz-transform: translateY(-50%);



    -o-transform: translateY(-50%);



    transform: translateY(-50%);



}



#choice .wrap .textBox .textWrap .title {



	font-size: 22px;



	line-height: 30px;



}



#choice .wrap .textBox .textWrap .subtitle {



	font-size: 20px;



	line-height: 28px;



}



#choice .wrap:hover {



	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);



}







#choice .moreBtn {



	width: 140px;



	height: 36px;



	line-height: 36px;



	margin-top: 20px;



	border-color: #0752a5;



	color: #0752a5;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#choice .moreBtn:hover {



	background: #0752a5;



	color: #fff;



}







/*产品*/



#product {



	padding: 60px 0;



	text-align: center;



	background:#eee;



}



.pList>li {



	margin-bottom: 30px;



	text-align: center;



}



.pList .wrap {



	display: block;



	position: relative;



	overflow: hidden;



}



.pList .wrap img {



	width: 100%;



}



.pList .wrap .title {



	position: absolute;



	z-index: 1;



	left:0;



	bottom: 0;



	padding: 0 15px;



	width: 100%;



	height: 56px;



	font-weight:normal;



	font-size: 16px;



	line-height: 56px;



	color: #fff;



	background: rgba(0,0,0,0.5);



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



    overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 1;



	-webkit-box-orient: vertical;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.pList .wrap .mask {



	position: absolute;



	left:0;



	bottom: -100%;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5);



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.pList .wrap .mask .moreBtn {



	position: absolute;



	left:50%;



	top: 50%;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    transform: translateX(-50%);



}



.pList .wrap:hover .mask {



	bottom: 0;



}



.pList .wrap:hover .title {



	bottom: 50%;



	background: transparent;



}



#product .container-fluid>.moreBtn {



	margin: 30px auto 0;



	border-color: #0752a5;



	background: #0752a5;



	color: #fff;



}



#product .container-fluid>.moreBtn:hover {



    box-shadow: 0 10px 30px rgba(0,0,0,0.2);



}



#product2 {



	padding: 60px 0 30px;



}



#product2 .pageList {



	padding-top: 60px



}



.side1,.side2 {

	position: relative;

	z-index:10;

	padding: 0 15px;



	width: 350px;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}

.side2{

	z-index:8;

}



.main {

	position: relative;



	padding: 0 15px;



    width: -moz-calc(100% - 350px);



    width: -webkit-calc(100% - 350px);



    width: calc(100% - 350px);



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



.side1 .menuWrap {



	border-radius: 10px;



	overflow: hidden;



}



.side1 .menuWrap .titleBox {



	padding: 20px;



	background: #0752a5;



	font-size: 20px;



	line-height: 24px;



	color:#fff;



}



.returnList {



	display: block;



	margin: 20px 0;



	font-size: 16px;



	line-height: 60px;



	text-align: center;



	color: #fff;



	border-radius: 10px;



	background: #0752a5;



}



.side2 .sideContact {



	margin-bottom: 30px;



	padding: 40px 0;



	border-radius: 10px;



	background: #f3f3f3 url(../images/bgPhone.png) no-repeat right top;



	background-size: 144px 144px;



}



.side2 .sideContact .textBox {



	margin: 0 auto;



	width: 220px;



}



.side2 .sideContact .textBox p {



	font-size: 16px;



	line-height: 20px;



	color: #acacac;



}



.side2 .sideContact .textBox h4 {



	font-family: "DinMedium","Microsoft YaHei";



	font-size: 34px;



	line-height: 44px;



	color: #0752a5;



}



.c-banner4 .slick-dots,.c-banner5 .slick-dots {



	bottom: -30px;



}



.c-banner5 {



	margin: 0 -15px 30px;



}



.c-banner5 a {



	display: block;



	margin: 0 15px;



}



.c-banner4 img,.c-banner5 img {



	width: 100%;



}



.c-banner4 .slick-prev,.c-banner5 .slick-prev {



    left: 50px;



}



.c-banner4 .slick-next,.c-banner5 .slick-next {



    right: 50px;



}



.c-banner4 .slick-prev, .c-banner4 .slick-next,.c-banner5 .slick-prev, .c-banner5 .slick-next {



    opacity: 0;



    z-index: 5;



    width: 54px;



    height: 46px;



    overflow: hidden;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.c-banner5 .slick-prev, .c-banner5 .slick-next {



    width: 40px;



    height: 40px;



}



.c-banner4 .slick-prev:before, .c-banner4 .slick-next:before,.c-banner5 .slick-prev:before, .c-banner5 .slick-next:before {



    display: block;



    content: "";



    width: 54px;



    height: 46px;



    opacity: 1;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.c-banner5 .slick-prev:before, .c-banner5 .slick-next:before {



    width: 40px;



    height: 40px;	



}



.c-banner4 .slick-prev:before {



    background: url(../images/prev2.png) no-repeat 0 0;



}



.c-banner4 .slick-next:before {



    background: url(../images/next2.png) no-repeat 0 0;



}



.c-banner5 .slick-prev:before {



    background: url(../images/prev.png) no-repeat 0 0;



}



.c-banner5 .slick-next:before {



    background: url(../images/next.png) no-repeat 0 0;



}



.c-banner4:hover .slick-prev {



    left: 0px;



    opacity: 1;



}



.c-banner4:hover .slick-next {



    right: 0px;



    opacity: 1;



}



.c-banner5:hover .slick-prev {



    left: -50px;



    opacity: 1;



}



.c-banner5:hover .slick-next {



    right: -50px;



    opacity: 1;



}



.pInfo .titleBox .wrap {



	max-width: 430px;



}



.pInfo .titleBox .wrap .title{



	padding: 20px 0 10px;



	font-size: 20px;



	line-height: 24px;



	color: #2e2e2e;



	border-bottom: 2px solid #d1d1d1;



}



.pInfo .titleBox .wrap .summary {



	padding: 20px 0;



	line-height: 24px;



	color: #2e2e2e;



}



.pInfo .titleBox .wrap .btn{



	display: block;



	width: 160px;



	height: 48px;



	font-size: 16px;



	line-height: 48px;



	text-align:center;



	border-radius: 24px;



	color: #fff;



	background:#0752a5;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.pInfo .titleBox .wrap .btn:hover {



	box-shadow: 0 10px 30px rgba(0,0,0,0.2);



}



.pInfo .titleBox .wrap .btn img {



	vertical-align: middle;



}



.pInfo .textBox {



	padding-top: 30px;



}



.pInfo .textBox .text {



	padding-bottom: 40px;



	line-height: 24px;



	color: #2e2e2e;



}



.pInfo .textBox .text img {



	max-width: 100%;



}



.addtb1 table,.addtb2 table {



	width: 100%;



}



.addtb2 {



	overflow-x: auto;



}



.addtb1 tr,.addtb2 tr {



	line-height: 24px;



}



.addtb1 tr:nth-child(even),.addtb2 tr:nth-child(even){



	background: #fafafa;



}



.addtb1 tr:nth-child(odd),.addtb2 tr:nth-child(odd){



	background: #eff8ff;



}



.addtb1 tr td {



	padding: 8px 20px;



	width: 50%;



}



.addtb2 tr td,.addtb2 tr th {



	padding: 8px 20px;



	width: 20%;



	min-width: 90px;



}



/*关于我们*/



#about {



	padding: 60px 0;



	background: rgba(0,0,0,0.5);



	color: #fff;



	text-align: center;



}



#about .c-titleBox .title {



	color: #fff;



}



#about .textBox {



	margin: 0 auto;



	padding: 0 0 22px;



	max-width: 740px;



	line-height: 30px;



}



#about .c-box .img1 {



	cursor: pointer;



	border-radius: 50%;



}



.movieBox {



	position: relative;





	cursor: pointer;



}



.movieBox .title {



	padding-top: 10px;



	font-weight:normal;



	font-size: 16px;



	line-height: 20px;



}



.movieBox .imgBox {



	position: relative;



	overflow: hidden;



}



.movieBox .img1 {



	width: 100%;



}



.movieBox .playMask {



	position: absolute;



	top:0;



	left:-100%;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5) url(../images/playBtn.png) no-repeat center center;



	background-size: 40px;



}



.movieBox .mask{



	display: none;



	position:fixed;



	top: 0;



	left: 0;



	z-index: 1000;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.8);



	text-align: center;



}



.movieBox .btn {



	position:fixed;



	top: 90%;



	right: 50%;

	margin-right:-15px;



	width: 30px;



	height: 30px;



	color: #fff;



	background: #fff;



	border-radius: 50%;



}



.movieBox .btn:after,.movieBox .btn:before {



	content: "";



	position: absolute;



	top: 14px;



	left: 8px;



	width: 14px;



	height: 2px;



	background: #0752a5;



}



.movieBox .btn:after{



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.movieBox .btn:before{



	-webkit-transform: rotate(-45deg);



	transform: rotate(-45deg);



}



.movieBox video {



	position:fixed;



	left: 50%;



	top: 50%;



	width: 100%;



	max-width: 800px;



	-webkit-transform: translate(-50%,-50%);



	-moz-transform: translate(-50%,-50%);



	-o-transform: translate(-50%,-50%);



	transform: translate(-50%,-50%);



}







/*案例*/



#case {



	padding: 60px 0;



	background: #fff;



	text-align: center;



}



#case .list>li {



	margin-bottom: 30px;



}



#case .list .wrap {



	display: block;



}



#case .list .wrap .imgBox {



	position:relative;



	overflow: hidden;



}



#case .list .wrap .imgBox img {



	width: 100%;

	height: 320px;



}



#case .list .wrap .imgBox .mask {



	position: absolute;



	top: -100%;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5);



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#case .list .wrap .imgBox .mask .moreBtn {



	position: absolute;



	top: 50%;



	left: 50%;



	-webkit-transform: translate(-50%,-50%);



	-moz-transform: translate(-50%,-50%);



	-o-transform: translate(-50%,-50%);



	transform: translate(-50%,-50%);



}



#case .list .wrap:hover .imgBox .mask {



	top:0;



}



#case .list .wrap .titleBox .title{



	padding: 8px 0 0;



	height: 20px;



	font-weight: normal;



	font-size: 16px;



	line-height: 20px;



	color: #2f2f2f;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    -webkit-box-orient: vertical;



}



#case .list .wrap .titleBox .subtitle{



	height: 18px;



	font-size: 14px;



	line-height: 18px;



	color: #a9a9a9;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    -webkit-box-orient: vertical;



}



#case .container-fluid>.moreBtn {



	margin: 30px auto 0;



	border-color: #0752a5;



	background: #0752a5;



	color: #fff;



}



#case .container-fluid>.moreBtn:hover {



    box-shadow: 0 10px 30px rgba(0,0,0,0.2);



}



#case2 {



	padding: 60px 0 30px;



}



.cInfo .titleBox {



	margin-bottom: 30px;



	padding-bottom: 30px;



	border-bottom: 1px solid #d9d9d9;



}



.cInfo .titleBox .title{



    width: -moz-calc(100% - 150px);



    width: -webkit-calc(100% - 150px);



    width: calc(100% - 150px);



	font-size: 24px;



	line-height: 24px;



	color: #000;



}



.cInfo .titleBox .time {



	width: 150px;



	font-size:16px;



	line-height: 24px;



	color: #9b9b9b;



}



.cInfo .textBox {



	padding-bottom: 40px;



	color: #2e2e2e;



	line-height: 24px;



}



.cInfo .textBox img {



	max-width: 100%;



}



.cInfo .moreText {



	margin-bottom: 40px;



	padding:20px;



	background: #f8f8f8;



}



.cInfo .moreText p,.cInfo .moreText .prev a {



	font-weight: bold;



	color: #1c1c1c;



}



.cInfo .moreText p a {



	font-weight:normal;



	color: #737373;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.cInfo .moreText .prev {



	width: 50%;



}



.cInfo .moreText .next {

	float:left;

	width: 50%;



}



.cInfo .moreText p a:hover {



	color: #0752a5;



}







/*选择理由*/



#reason {



	padding: 60px 0;



    background: #eee;



	color: #fff;

	

	height:470px



}



#reason .c-titleBox .title{



	color: #0752a5;



}



.c-banner2.slick-dotted.slick-slider{



	margin: 0;



}



.c-banner2 .imgBox .imgWrap {



	overflow: hidden;



}



.c-banner2 .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



.c-banner2 .textBox .title {



	font-size:20px;



	line-height: 20px;



}



.c-banner2 .textBox .title:after {



	content:"";



	display: inline-block;



	margin-top: -2px;



	width: 40px;



	height: 2px;



	background: #fff;



	vertical-align: middle;



}



.c-banner2 .textBox .summary {



	margin: 30px 0;



	line-height: 24px;



}



.c-banner2 .slick-list {



	z-index: 1;



}



.c-banner2 .slick-dots {



	z-index: 2;



	bottom: 0;



	text-align:left;



}



.c-banner2 .slick-dots li button {



	padding: 0;



	width: 18px;



	height: 18px;



	font-size:12px;



	line-height: 16px;



	border: 1px solid #fff;



	border-radius: 50%;



	color: #fff;



}



.c-banner2 .slick-dots li button:before {



	display: none;



}



.c-banner2 .slick-dots li.slick-active button {



	background: #fff;



	color:#355a8b;



}



.c-banner2 .moreBtn {



	position: relative;



	background: #fff;



	color: #0752a5;



}



.c-banner2 .moreBtn:hover {



	color: #fff;



	border-color: #0752a5;



	background: #0752a5;



}



.c-banner2 .imgBox .imgWrap:hover img {



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}







/*新闻资讯*/



#news {



	padding: 0px 0 60px;



	background: #fff;



}



#news .list .leftBox .wrap {



	display: block;



	padding: 20px 20px 18px;



	background: #f5f5f5;



}



#news .list .leftBox .wrap .imgBox {



	overflow: hidden;



}



#news .list .leftBox .wrap .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#news .list .leftBox .wrap .titleBox {



	position: relative;



	padding-right: 50px;



}



#news .list .leftBox .wrap .titleBox .title {



	padding: 18px 0 6px;



	font-weight:normal;



	font-size:18px;



	line-height: 22px;



	color: #313131;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#news .list .leftBox .wrap .titleBox .time {



	line-height: 18px;



	color: #787878;



}



#news .list .leftBox .wrap .titleBox img {



	position: absolute;



	top:50%;



	right: 0;



	margin-top: -10px;



}



#news .list .rightBox .wrap {



	display: block;



}



#news .list .rightBox .wrap .imgBox {



	width: 30%;



	overflow: hidden;



}



#news .list .rightBox .wrap .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#news .list .rightBox .wrap .titleBox {



	position: relative;



	padding-left: 20px;



	width: 68%;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;







}



#news .list .rightBox .wrap .titleBox .titleWrap {



	position: absolute;



	top:70px;



	left: 20px;



    width: -moz-calc(100% - 20px);



    width: -webkit-calc(100% - 20px);



    width: calc(100% - 20px);



    -webkit-transform: translateY(-50%);



    -moz-transform: translateY(-50%);



    -o-transform: translateY(-50%);



    transform: translateY(-50%);



}



#news .list .rightBox .wrap .titleBox .title {



	padding-bottom: 6px;



	max-height: 50px;



	font-weight:normal;



	font-size:18px;



	line-height: 22px;



	color: #313131;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#news .list .rightBox .wrap .titleBox .time {



	line-height: 25px;



	color: #787878;



}



#news .list .rightBox .menuBox {



	margin-bottom: 20px;



}



#news .list .rightBox li {



	margin-bottom: 14px;



}



#news .list .leftBox .wrap:hover .imgBox img,#news .list .rightBox .wrap:hover .imgBox img{



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}



#news .list .leftBox .wrap:hover .titleBox .title,#news .list .rightBox .wrap:hover .titleBox .title {



	color: #0752a5;



}



#news2 {



	padding: 60px 0;



}



#news2 .list>li {



	margin-bottom: 30px;



}



#news2 .list .wrap {



	display: block;



	border:1px solid #cacaca;



}



#news2 .list .wrap .imgBox {



	overflow:hidden;



}



#news2 .list .wrap .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#news2 .list .wrap .titleBox {



	padding: 30px;



}



#news2 .list .wrap .titleBox .title {



	padding-bottom: 10px;



	font-weight:normal;



	font-size:16px;



	line-height: 20px;



	color: #3e3e3e;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#news2 .list .wrap .titleBox .summary {



	height: 54px;



	line-height: 18px;



	color: #838383;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



}



#news2 .list .wrap .bottomBox {



	padding: 0 30px;



	border-top: 1px solid #cacaca;



	line-height: 40px;



	color: #838383;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#news2 .list .wrap:hover .imgBox img {



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}



#news2 .list .wrap:hover .titleBox .title {



	color: #0752a5;



}



#news2 .list .wrap:hover .bottomBox {



	color: #fff;



	background:#0752a5;



}



#news3 a {



	display: block;



	color: #2f2f2f;



	margin: 0 50px 30px 0;



	line-height: 16px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



#news3 .row>li:nth-child(even) a {



	margin: 0 0 30px 50px;



}



#news3 a .time {



	display: block;



	width: 90px;



	font-size: 14px;



	text-align:right;



}



#news3 a .title {



	font-weight: normal;



	height: 16px;



	font-size: 16px;



    width: -moz-calc(100% - 90px);



    width: -webkit-calc(100% - 90px);



    width: calc(100% - 90px);



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    -webkit-box-orient: vertical;



}



#news3 a:hover {



	color: #0752a5;



}



#news4 {



	padding: 40px 0 30px;



}



/*伙伴*/



#partner {



	padding: 60px 0;



	background: #eee;



}



.c-banner3 .wrap {



	display: block;



	margin: 0 10px;



	border: 1px solid #e2e2e2;



	overflow:hidden;



}



.c-banner3 .wrap img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



.c-banner3 .wrap:hover img {



    transform:scale(1.1,1.1);



    -moz-transform:scale(1.1,1.1);



    -webkit-transform:scale(1.1,1.1);



    -o-transform:scale(1.1,1.1); 



}



.c-banner3 .slick-prev {



    left: -100px;



}



.c-banner3 .slick-next {



    right: -100px;



}



.c-banner3 .slick-prev, .c-banner3 .slick-next {



    opacity: 1;



    z-index: 5;



    width: 40px;



    height: 40px;



    border-radius:50%;



    overflow: hidden;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.c-banner3 .slick-prev:before, .c-banner3 .slick-next:before {



    display: block;



    content: "";



    width: 40px;



    height: 40px;



    opacity: 1;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.c-banner3 .slick-prev:before {



    background: url(../images/prev.png) no-repeat 0 0;



}



.c-banner3 .slick-next:before {



    background: url(../images/next.png) no-repeat 0 0;



}







/*顶部分类菜单*/



#topMenu {



	padding: 20px 0;



	background: #f1f1f1;



}



#topMenu .menuBox2 {



	margin-bottom: 0;



}







/*公司简介、企业文化*/



#commonBox {



	padding: 60px 0;



	background: #fff;



}



#commonBox .imgBox .wrap {



	overflow: hidden;



}



#commonBox .imgBox .wrap img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#commonBox .imgBox .wrap:hover img {



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}



#commonBox .textBox .wrap .title {



	padding-top: 12px;



	font-size: 20px;



	line-height: 20px;



}



#commonBox .textBox .wrap .hr {



	margin: 15px 0 20px;



	width: 35px;



	height: 2px;



	color: #323232;



	background: #0752a5;



}



#commonBox .textBox .wrap .text {



	line-height: 26px;



	color: #282828;



}







/*可视化数据*/



#visualData {



	padding: 60px 0 40px;



	color: #fff;



	text-align:center;



}



#visualData .list>li {



	margin-bottom: 20px



}



#visualData .list .p1 span {



	font-size: 68px;



	line-height: 78px;



}



#visualData .list .p1 i {



	font-style: initial;



	font-size: 22px;



	line-height: 32px;



}



#visualData .list .p2 {



	font-size: 20px;



	line-height: 30px;



}







/*资质荣誉*/



#honor {



	padding:30px 0;



	text-align: center;



	background: #fff;



}

#honor .topBox {

	position: relative;

	z-index:10;

}

#honor .topBox .titleBox .title {



	font-size: 20px;



	line-height: 20px;



}



#honor .topBox .titleBox .hr {



	margin: 8px 0 20px;



	width: 35px;



	height: 2px;



	background: #0752a5; 



}







#honor .list>li {



	margin-bottom: 30px;



}



#honor .list .wrap {



	cursor: pointer;



}



#honor .list .wrap .imgWrap {



	height: 286px;



	line-height: 286px;



	background: #f5f5f5;



	overflow:hidden;



}



#honor .list .wrap .imgWrap img {



	max-width: 80%;



	max-height: 80%;



	vertical-align: middle;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#honor .list .wrap .imgWrap:hover img {



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}



#honor .list .wrap .title {



	margin-top:10px;



	font-weight: normal;



	font-size: 14px;



	line-height: 24px;



	color: #383838;



}



#honor .list .wrap .mask {



	display: none;



	position: fixed;



	z-index: 1000;



	top:0;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.8);



	overflow: auto;



}



#honor .list .wrap .mask a {



	display: block;



	position: fixed;



	z-index: 1001;



	top:90%;



	right: 50%;

	margin-right:-15px;



	width: 30px;



	height: 30px;



	border-radius: 50%;



	background: #fff;



}



#honor .list .wrap .mask a:after,#honor .list .wrap .mask a:before {



	content: "";



	display: block;



	position: absolute;



	top: 14px;



	left: 8px;



	width: 14px;



	height: 2px;



	background: #0752a5;



}



#honor .list .wrap .mask a:after{



	-webkit-transform: rotate(-45deg);



	transform: rotate(-45deg);



}



#honor .list .wrap .mask a:before{



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



#honor .list .wrap .mask img {



	display: block;



	position: absolute;



	z-index: 1000;



	top: 50%;



	left: 50%;



	max-width: 80%;



	max-height: 75%;



	transform: translate(-50%,-50%);



	-webkit-transform: translate(-50%,-50%);



}







/*厂区形象*/



#environment {



	padding: 60px 0;



}



#environment .list>li {



	margin-bottom: 30px;



}



#environment .imgBox {



	overflow: hidden;



}



#environment .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#environment .imgBox:hover img {



	transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}











/*合作伙伴*/



#partner2 {



	padding: 60px 0 30px;



}



#partner2 .list>li {



	margin-bottom:30px;



}



#partner2 .list .imgBox {



	border: 1px solid #d1d1d1;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



#partner2 .list .imgBox img {



	width: 100%;



}



#partner2 .list .imgBox:hover {



	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);



    -webkit-transform: translateY(-10px);



    -moz-transform: translateY(-10px);



    -o-transform: translateY(-10px);



    transform: translateY(-10px);



}







/*发展历史*/



#history {



	padding: 60px 0;



}



#history .list {



	position: relative;



}



#history .list:before {



	content: "";



	display: block;



	position: absolute;



	top: 0;



	left:244px;



	width: 2px;



	height: 100%;



	background: #e6e6e6; 



}



#history .list>li {



	margin-bottom: 60px;



}



#history .list>li:last-child {



	margin-bottom: 0;



}



#history .list .leftBox .time {



	position: relative;



	width: 160px;



	height: 70px;



	font-weight: bold;



	font-size: 25px;



	line-height: 70px;



	text-align: center;



	color: #fff;



	background: #0752a5;



}



#history .list .leftBox .time:after {



	content: "";



	display: block;



	position: absolute;



	top:0;



	right: -75px;



	border:35px solid transparent;



	border-left: 40px solid #0752a5;



}



#history .list .leftBox .time:before {



	content: "";



	display: block;



	position: absolute;



	top:30px;



	right: -75px;



	width: 10px;



	height: 10px;



	border-radius: 50%;



	background: #0752a5;



}



#history .list .rightBox {



	margin-left: 100px;



    width: -moz-calc(100% - 260px);



    width: -webkit-calc(100% - 260px);



    width: calc(100% - 260px);



}



#history .list .rightBox .textBox {



	padding-top: 24px;



	line-height: 18px;



	color: #393939;



}







/*企业视频*/



#movie {



	padding: 60px 0;



}



#movie .list>li {



	margin-bottom:30px;



}







/*核心优势*/



#advantage {



	padding: 60px 0 30px;



}



.adList>li:nth-child(even) .imgBox{



    float: right;



}



.adList .imgBox {



	margin-bottom: 10px;



}



.adList .textBox {



	margin-bottom: 30px;



}



.adList .imgBox .wrap {



	overflow:hidden;



}



.adList .imgBox .wrap img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



.adList .imgBox .wrap:hover img {



    transform:scale(1.2,1.2);



    -moz-transform:scale(1.2,1.2);



    -webkit-transform:scale(1.2,1.2);



    -o-transform:scale(1.2,1.2); 



}



.adList .textBox .title{



	margin: 10% 0 10px;



	font-size: 20px;



	line-height: 30px;



}



.adList .textBox .title span {



	display: inline-block;



	width: 30px;



	height: 30px;



	font-size: 16px;



	text-align: center;



	color: #fff;



	border-radius: 50%;



	background:#0752a5;



}



.adList .textBox .summary {



	padding-left: 35px;



	line-height: 24px;



	color: #535353;



}







/*侧边联系我们*/



.contactWay {



	border: 1px solid #b5b5b5;



	border-radius: 10px;



	overflow:hidden;



}



.contactWay .title {



	padding-left: 54px;



	font-weight: bold;



	font-size: 20px;



	line-height: 50px;



	color: #282828;



	border-bottom: 1px solid #b5b5b5;



	background: url(../images/bgPhone2.png) no-repeat 24px 15px;



}



.contactWay .box {



	padding: 0 24px;



}



.contactWay .box .fwrx {



	padding-top: 30px;



	font-weight:bold;



	font-size: 16px;



	line-height:16px; 



	border:0;



}



.contactWay .box p {



	border-bottom: 2px solid #dedede;



	font-weight:bold;



	font-size: 16px;



	line-height: 30px;



	padding: 6px 0;



	color: #282828;



}



.contactWay .box p span{



	font-weight:normal;



	color: #4d4d4d;



}



.contactWay .box .dianhua1 {



	font-family: "DinMedium";



	font-weight: bold;



	font-size: 34px;



	line-height: 50px;



	color: #0752a5;



}



.contactWay .box img {



	display: block;



	padding: 25px 0;



	margin: 0 auto;



	width: 135px;



	height: 135px;



}







/*侧边推荐*/



.recommend .titleBox .title {



	font-weight: bold;



	font-size:20px;



	line-height: 48px;



	border-bottom: 2px solid #0752a5; 



	color:#282828;



}



.recommend .wrap{



	display: block;



	line-height: 20px;



	color: #2f2f2f;



	overflow: hidden;



  	text-overflow: ellipsis;



  	display: -webkit-box;



  	-webkit-line-clamp: 1;



  	-webkit-box-orient: vertical;



}



.recommend .wrap .imgBox {



	margin-bottom:10px;



	overflow: hidden;



}



.recommend .wrap .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



.recommend .wrap .title {



	font-weight:normal;



	font-size: 16px;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}







.recommend .list {



	padding-top:20px;



}



.recommend .list>li {



	margin-bottom: 20px;



}



.recommend .list2>li {



	padding: 20px 0;



	border-bottom: 2px solid #f1f1f1;



}



.recommend .list2>li:last-child {



	margin-bottom:20px;



}







.recommend .wrap:hover .imgBox img {



	-webkit-transform: scale(1.2,1.2);



	-moz-transform: scale(1.2,1.2);



	-o-transform: scale(1.2,1.2);



	transform: scale(1.2,1.2);



}



.recommend .wrap:hover .title {



	color: #0752a5;



}







/*招商加盟*/



#welcome {



	margin: 0 auto;



	padding:60px 15px;



	max-width: 760px;



	font-weight:bold;



	font-size: 25px;



	line-height: 35px;



	text-align: center;



	color: #0752a5;



}







/*加盟条件*/



#condition {



	padding: 60px 0;



	background: #f5f5f5;



}



.c-banner6 .wrap {



	margin: 0 auto;



	padding: 0 15px;



	max-width: 180px;



	text-align:center;



}



.c-banner6 .wrap .imgBox {



	border-radius: 50%;



	overflow:hidden;



    -webkit-transform: rotate(0deg);



    transform: rotate(0deg);



}



.c-banner6 .wrap .imgBox img {



	width: 100%;



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;



}



.c-banner6 .wrap:hover .imgBox img {



	-webkit-transform: scale(1.2,1.2);



	-moz-transform: scale(1.2,1.2);



	-o-transform: scale(1.2,1.2);



	transform: scale(1.2,1.2);



}



.c-banner6 .wrap .text {



	padding-top: 10px;



	font-size:16px;



	line-height: 26px;



	color: #393939;



}



.c-banner6 .slick-dots {



	bottom: -40px;



}







/*加盟程序*/



#program {



	padding: 60px 0 30px;



	text-align:center;



}



#program .list>li {



	margin-bottom: 30px;



}



#program .list .wrap {



	margin: 0 auto;



	max-width: 230px;



}



#program .list .wrap img {



	max-width: 100%;



}



#program .list .wrap .text {



	padding-top: 10px;



	font-size:16px;



	line-height: 26px;



	color: #393939;



}



#contactImg {



	background: #f6f7fb;



	text-align:center;



}



#contactImg img {



	max-width: 100%;



}







/*联系方式*/



#contact {



	padding: 60px 0 40px;



}



#contact .textBox{



	margin-top:60px;



	padding-top: 60px;



	border-top: 2px solid #f4f4f4;



	color: #2c2c2c;



}



#contact .textBox .title {



	font-size: 20px;



	line-height: 20px;



	color: #2c2c2c;



}



#contact .textBox .wrap {



	padding: 20px 0 10px;



	max-width: 820px;



}



#contact .textBox p {



	float: left;



	margin: 10px 0;



	padding: 0 15px 0 40px;



	width: 50%;



	line-height: 30px;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



#contact .textBox .site {



	background: url(../images/site.png) no-repeat 5px 0px;



}



#contact .textBox .telephone {



	background: url(../images/telephone.png) no-repeat 5px 0px;



}



#contact .textBox .email {



	background: url(../images/email.png) no-repeat 5px 0px;



}



#contact .textBox .fax {



	background: url(../images/fax.png) no-repeat 5px 0px;



}







/*招聘*/



#recruitment {



	padding: 60px 0;



}



#recruitment .list>li {



	margin-bottom: 30px;



}



#recruitment .list .wrap {



	padding: 20px;



	border: 1px solid #dbdbdb;



	background: #f4f4f4;



}



#recruitment .list .wrap p {



	color: #363636;



	font-size: 16px;



}



#recruitment .list .wrap .time {



	font-size: 14px;



	line-height: 14px;



	color: #8a8a8a;



}



#recruitment .list .wrap .job {



	padding: 20px 0 10px;



	font-size:18px;



	line-height: 22px;



	border-bottom: 2px solid #dfdfdf;



}



#recruitment .list .wrap .number {



	padding:15px 0 10px;



	line-height: 26px;



}



#recruitment .list .wrap .requirement {



	line-height: 26px;



}



#recruitment .list .wrap .requirement span {



	display: block;



	max-height: 104px;



	color: #8a8a8a;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 4;



    -webkit-box-orient: vertical;



}



#recruitment .list .wrap .btn {



	margin-top: 20px;



	width: 120px;



	height: 40px;



	line-height: 40px;



	text-align: center;



	color: #fff;



	background: #0752a5;



	cursor: pointer;



}







#recruitment .mask {



	display: none;



	position: fixed;



	z-index: 999;



	top:0;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5);



	overflow-y: auto;



}



#recruitment .textBox {



	position: absolute;



	top: 50%;



	left: 50%;



	margin: 0 auto;



	padding: 0 15px;



	width: 80%;



	height: 95%;



	max-width: 1200px;



	max-height: 800px;



	background:#f2f2f2;



    -webkit-transform: translate(-50%,-50%);



    -moz-transform: translate(-50%,-50%);



    -o-transform: translate(-50%,-50%);



    transform: translate(-50%,-50%);



}



#recruitment .textBox .job {



	position: relative;



	margin: 0 -15px;



	padding: 20px ;



	font-size:20px;



	line-height: 20px;



	color: #fff;



	background: #0752a5;



}



#recruitment .textBox .job i {



	display: block;



	position: absolute;



	top:0;



	right: 0;



	width: 60px;



	height: 60px;



	cursor: pointer;



}



#recruitment .textBox .job i:after,#recruitment .textBox .job i:before {



	content: "";



	display: block;



	position: absolute;



	top:29px;



	left: 22px;



	width: 15px;



	height: 2px;



	background: #fff;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



}



#recruitment .textBox .job i:before {



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



}



#recruitment .textBox .text {



    height: -moz-calc(100% - 60px);



    height: -webkit-calc(100% - 60px);



    height: calc(100% - 60px);



	overflow-y: auto;



}



#recruitment .textBox .row {



	margin: 0;



	padding: 40px 0 20px;



	font-size: 16px;



	line-height: 20px;



}



#recruitment .textBox .row li {



	margin-bottom: 20px;



}



#recruitment .detailed {



	border-top: 2px solid #e5e5e5;



	padding: 40px 15px;



}



#recruitment .detailed strong {



	font-size: 16px;



	line-height: 26px;



}



#recruitment .detailed p {



	line-height: 24px;



	color: 



}



#recruitment .deliver {



	display: block;



	margin-left:15px;



	width: 225px;



	height: 64px;



	font-size: 16px;



	text-align: center;



	line-height: 64px;



	color: #fff;



	background: #005bac;



}







/*下载*/



#download {



	padding: 60px 0;



}



#download .list>li {



	margin-bottom: 30px;



}



#download .list .wrap {



	display: block;



}



#download .list .wrap .imgBox {



	position: relative;



	overflow: hidden;



}



#download .list .wrap .imgBox img {



	width: 100%;



}



#download .list .wrap .imgBox .imgMask {



	position: absolute;



	top:-100%;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5) url(../images/download.png) no-repeat center center;



}



#download .list .wrap .title {



	padding-top:10px;



	font-weight:normal;



	font-size:16px;



	line-height: 20px;



	text-align: center;



	color: #4f4f4f;



}



.w1388 {

	width: 1400px;

	margin: 0 auto;

}

.text-center {

    text-align: center;

}

.title1 h3 {

	font-size: 26px;

	color: #333;

}

.title1 i {

	display: block;

	margin: 8px auto;

	width: 30px;

	border-top: 1px solid #b5004e;

}

.title1 {

	margin-bottom: 40px;

}

.relative {

    position: relative;

}

.ppgs-l {

	width: 55%;

	cursor: pointer;

}

.ppgs-l .img100, .about-vd .img100 {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	height: 100%;

}

.ppgs-r {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 45%;

	background: #f3f3f3;

}

.ppgs-warp {



	margin: 0 auto;

	max-width: 90%;

}

.ppgs-title {

	margin-bottom: 20px;

}

.ppgs-title h4 {

	font-size: 24px;

	color: #333;

	letter-spacing: 5px;

	text-indent: 5px;

	margin-bottom: 10px;

}

.ppgs-title span {

	color: #666;

	font-size: 16px;

}

.ppgs-txt {

	text-align: left;

}

.ppgs-txt p {

	font-size: 15px;

    line-height: 2;

}

.margin-t60 {

    margin-top: 60px;

}



.ljgd2 {

	width: 118px;

	line-height: 38px;

	text-align: center;

	display: block;

	border: 1px solid #d6d6d6;

	color: #808080;

	margin: 20px auto 0;

}

.ljgd2:hover {

	color: #fff;

	background: #0752a5;

	border-color: #0752a5;

}

.table {

	display: table;

	text-align: center;

	width: 100%;

	height: 100%;

	table-layout: fixed;

}

.table-cell {

	display: table-cell;

	vertical-align: middle;

}

.table-cell b {

	color: #fff;

}

.margin-t60 {

	margin-top: 60px;

}

.text-center {

	text-align: center;

}

.paddin-tb60 {

	padding: 60px 0;

}

.index-a li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

	margin-top: 0.66%;

}

.index-a li:last-child {

	margin-right: 0;

}

.index-a-con {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.index-a li a {

	display: block;

	overflow: hidden;

}

.index-a .img img {

	width: 48px;

	max-width: 50%;

	vertical-align: bottom;

}

.index-a h3 {

	font-size: 20px;

	color: #fff;

	margin-top: 10px;

}

.index-a i {

	display: block;

	width: 35px;

	height: 35px;

	background-image: url("../images/i6.png");

	margin: 25px auto 0;

	transform: translateY(35px) translateZ(0);

	-webkit-transform: translateY(35px) translateZ(0);

	opacity: 0;

}

.index-a-title {

	margin-top: 45px;

}



.yunu-section {

	padding: 60px 0;

}

.yunu-section-title {

	text-align: center;

	font-size: 40px;

	margin-bottom: 40px;

}

.yunu-section-title span {

	display: inline-block;

	position: relative;

	padding: 0 30px;

	font-weight: bold;

}

.yunu-section-title span:before, .yunu-section-title span:after {

	width: 20px;

	height: 1px;

	position: absolute;

	content: '';

	top: 50%;

	background-color: #000;

}

.yunu-section-title span:before {

	right: 100%;

}

.yunu-section-title span:after {

	left: 100%;

}

.yunu-section-title p {

	margin: 0;

	font-size: 20px;

}

.yunu-section-title.white {

	color: #fff;

}

.yunu-section-title.white span:before, .yunu-section-title.white span:after {

	background-color: #fff;

}

.yunu-pinzhi {

	margin-left: -8px;

}

.yunu-pinzhi li {

	float: left;

	width: 20%;

}

.yunu-pinzhi li a {

	display: block;

	margin-left: 8px;

	position: relative;

	overflow: hidden;

}

.yunu-pinzhi li .text {

	background-color: #fff;

	text-align: center;

	position: relative;

	z-index: 1;

	height: 232px;

}

.yunu-pinzhi li i {

	display: inline-block;

	background: no-repeat center;

	height: 68px;

	margin-top: -34px;

	width: 68px;

	vertical-align: middle;

}

.yunu-pinzhi li h4 {

	line-height: 50px;

	background: url(../images/pinz_line01.gif) no-repeat center bottom;

	font-size: 18px;

	margin: 0;

}

.yunu-pinzhi li p {

	color: #777;

	line-height: 1.8;

}

.yunu-pinzhi li .box {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	height: 100%;

	background-color: rgb(52, 86, 137);

	color: #fff;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.yunu-pinzhi li .box i {

	margin-top: 110px;

}

.yunu-pinzhi li .box h4 {

	background-image: url(../images/pinz_line02.gif);

}

.yunu-pinzhi li .box p {

	color: #fff;

}

.yunu-pinzhi li a:hover .text {

	opacity: 0;

}

.yunu-pinzhi li a:hover .box {

	top: 0;

	opacity: 1;

}

a {

    color: #000;

}

.honor {



	height: auto;



	overflow: hidden;



	text-align: center;



	margin-top: 0px;



}



.honor .hd {



	height: 55px;



	overflow: hidden;



	width: 100%;



}



.honor .hd ul li {



	display: inline-block;



	width: 100px;



	height: 45px;



	font-size: 16px;



	line-height: 45px;



	margin-right: 12px;



}



.honor .hd ul li a {



	background: #fff;



	width: 115px;



	height: 40px;



	display: block;



	border-radius: 48px;

	

	line-height: 40px;



}



.honor .hd ul li a:hover {



	background: #0752a5;



	color: #FFF;

	

	border-radius: 48px;



}



.honor .hd ul li.on a {



	background: #0752a5;



	color: #FFF;



}



.honor .bd {



	padding-top: 20px;



}



.honor .bd ul li {



	float: left;



	display: inline-block;



	margin-right: 20px;



	text-align: center;



	font-size: 16px;



	width: 333px;





	border: 1px solid #ccc;



	overflow: hidden;



}



.honor .bd ul li img {



	max-width: 100%;

	height: 224px;







}



.Advantage{background-color: #043985;padding: 155px 0 70px;position: relative;/* overflow: hidden; */}

.Advantage .container02{position:  relative;z-index: 9;}

.AdvantageCon{margin: 40px auto;overflow: hidden;}

.AdvantageCon dl{float: left;width: 350px;}

.AdvantageCon dl dt{width: 350px;height: 250px;overflow: hidden;}

.AdvantageCon dl dt img{display: block;width: 350px;height: 250px;transition: .8s;}

.AdvantageCon dl:hover dt img{transform: scale(1.03);}

.AdvantageCon dl dd{background-color: #fff;width: 270px;height: 170px;padding: 40px;position: relative;}

.AdvantageCon dl dd h3{font-weight: normal;color: #043985;font-size: 18px;line-height: 32px;}

.AdvantageCon dl dd p{font-size: 16px;color: #666;line-height: 25px;margin-top: 20px;}

.AdvantageCon dl:hover dd h3{font-weight: bold;}

.AdvantageCon dl dd i{width: 17px;height: 10px;display: block;background: url(../images/sjx02.png) no-repeat center center;position: absolute;left: 50%;margin-left: -8.5px;top: -10px;z-index: 9;}

.AdvantageCon dl.dl02 dd i{background: url(../images/sjx.png) no-repeat center center;bottom: -10px;top: auto;}

.AdvantageCon dl.dl04 dd i{background: url(../images/sjx.png) no-repeat center center;bottom: -10px;top: auto;}



.Advantage span.Img{width: 459px;height: 265px;display: block;position: absolute;left: 50%;margin-left: -229.5px;top: 110px;z-index: 1;}

.Advantage span.Img img{width: 459px;height: 265px;display: block;webkit-animation: fadeIn 2s infinite linear;animation: fadeIn 2s infinite linear;}





.ys dl{width: 23.5%;float: left;height: 380px;box-shadow: 0 3px 10px 3px #ddd;border-radius:10px; margin:0 20px 0 0;overflow: hidden;}

.ys dl dt{width: 329px;height: 220px;line-height: 0;overflow: hidden;}

.ys dl dt img{width: 329px;height: 220px;}

.ys dl dd{width: 299px;height: 130px;background: #fff; color: #333;padding:15px;}

.ys dl dd h5{font-size: 20px;height: 40px;line-height: 40px;overflow: hidden;}

.ys dl dd p{font-size: 14px;line-height: 28px; padding:5px 0 0;}

.ys dl:hover {-webkit-transform: scale(1.02,1.02); transition: all 0.6s;}



.about1 .imgBox img{

	display: block;

	margin-bottom:70px;

	width: 100%;

}

.about1 .textBox .title {

	font-size: 25px;

}

.about1 .textBox .enTitle {

	margin-bottom: 20px;

	font-size: 14px;

	line-height: 38px;

	color: #ababab;

}

.about1 .textBox .synopsis {

	margin-bottom:30px;

	line-height: 35px;

	color: #484848;

}

.moreBtn1 {

	position: relative;

	display: inline-block;

	margin-bottom: 0px;

	width: 188px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	color: #949494;

	border: 1px solid #0a0607;

	overflow: hidden;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

	border-radius: 0;

}

.moreBtn1 i {

	position:relative;

	font-style: normal;

}

.moreBtn1 span {

	position:relative;

	width: 25px;

	height: 14px;

	display: inline-block;

	vertical-align: middle;

}

.moreBtn1 span:after {

	content:"";

	position:absolute;

	display: block;

	top: 6px;

	left: 5px;

	width: 20px;

	height: 1px;

	background: #2c2c2c;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.moreBtn1 span:before {

	content:"";

	position:absolute;

	display: block;

	top: 3px;

	left: 18px;

	width: 8px;

	height: 1px;

	background: #2c2c2c;

	transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-webkit-transform:rotate(45deg); 

	-o-transform:rotate(45deg); 

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.moreBtn1:hover {

	color: #fff;

	border-color: #005bac;

	background: #005bac;

}

.moreBtn1:hover span:after,.moreBtn:hover span:before{

	background: #fff;

}

.contact-info {margin: -20px 0 0 -20px; height: 280px;}



.contact-info li {float: left;width: 25%;}



.contact-info dl {margin: 20px 0 0 20px;height: 200px;padding-top: 40px;text-align: center;}



.contact-info dt {height: 45px;line-height: 45px;}



.contact-info dd {margin: 15px 0 0;color: #666;}



.contact-info dd h4 {margin: 0 0 20px;font-size: 18px;font-weight: normal;}



.contact-info dd p {line-height: 1.8;font-size: 16px;margin: 0;}



.contact-map {margin-top: 30px;}





.newsBox {

	width: 650px;

	height: 488px;

	overflow: hidden;

	position: relative;

}

.newsBox .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	right: 16px;

	bottom: 20px;

	z-index: 10;

}

.newsBox .hd ul {

	overflow: hidden;

	zoom: 1;

	float: left;

}

.newsBox .hd ul li {

	float: left;

	margin-right: 6px;

	width: 10px;

	height: 10px;

	line-height: 14px;

	text-align: center;

	background: #eee;

	cursor: pointer;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.newsBox .hd ul li.on {

	background: #ff3541;

	color: #fff;

}

.newsBox .bd {

	position: relative;

	width: 650px;

	height: 488px;

	z-index: 0;

	overflow: hidden;

}

.newsBox .bd li {

	zoom: 1;

	vertical-align: middle;

	position: relative;

}

.newsBox .bd img {

	width: 620px;

	height: 458px;

	display: block;

	transition: all 0.3s ease-out 0s;

}

.newsBox .bd li h3 {

	display: block;

	font-size: 20px;

	padding-left: 28px;

	padding-top: 30px;

}

.newsBox .bd li .txt {

	background: url(../images/green80.png) repeat left top;

	color: #fff;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 130px;

	z-index: 5;

	background: #bf0000;

    opacity: 0.8;

}

.newsBox .bd li p {

	padding: 0 28px;

}

.newsBox .bd li .time {

	font-size: 16px;

	padding-right: 30px;

	padding-top: 28px;

}

.newsBox .bd li a:hover img {

	transform: scale(1.1, 1.1);

	overflow: hidden;

}



.titleBox {



	position: relative;



	padding-right: 50px;



}



.titleBox .title {



	padding: 18px 0 6px;



	font-weight:normal;



	font-size:18px;



	line-height: 22px;



	color: #313131;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    -o-transition: all 0.3s;



    transition: all 0.3s;



}



.titleBox .time {



	line-height: 18px;



	color: #787878;



}



.titleBox img {



	position: absolute;



	top:50%;



	right: 0;



	margin-top: -10px;



}



.ny {



	height: auto;



	overflow: hidden;



	width: 100%;



	padding: 30px 0;



}



.ny .fl {



	width: 240px;



	border: 1px solid #ccc;



}



.ny .fr {



	width: 1130px;



}



.ny .fl .title {



	height: 70px;



	width: 270px;



	background: #e6212a url(../images/ico01.jpg) no-repeat 20px center;



	color: #FFF;



	padding: 15px 0 0 30px;



}



.ny .fl .title span {



	font-size: 28px;



	padding-left: 50px;



	display: block;



}



.ny .fl .title span i {



	display: block;



	font-size: 14px;



	font-style: normal;



	text-transform: uppercase



}



.ny .contact {



	background: #e6212a;



	text-align: center;



	padding: 20px 0;



}



.ny .contact p {



	font-size: 18px;



	color: #FFF;



	margin-top: 10px;



}



.ny .contact p span {



	display: block;



	font-size: 24px;



	font-weight: bold;



}



.ny .fr .title {



	line-height: 42px;



	border-bottom: 1px solid #e1e1e1;



}



.ny .fr .title span {



	font-size: 20px;



	color: #e6212a;



	border-bottom: 3px solid #e6212a;



	padding-bottom: 10px;



}



.ny .fr .title p {



	display: inline-block;



	float: right;



}



.ny .fr .tit {



	line-height: 38px;



	border-bottom: 1px solid #e1e1e1;



	margin-bottom: 15px;



}



.ny .fr .tit span {



	font-size: 18px;



	color: #e6212a;



	border-bottom: 3px solid #e6212a;



	padding-bottom: 8px;



}



.ny .fr .txt {



	border: 1px solid #e1e1e1;



	background: #f4f4f4;



	margin-top: 20px;



	padding: 15px;



}

.list-1 dl {



	border-bottom: 1px solid #e1e1e1;



	padding: 15px 0;



}



.list-1 dl dt {



	line-height: 35px;



	font-size: 16px;



}



.list-1 dl dt:before {



	content: '■';



	font-size: 12px;



	margin-right: 5px;



	color: #e6212a;



	position: relative;



	top: -3px;



}



.list-1 dl dt span {



	float: right;



	font-size: 14px;



}



.list-1 dl dt a {



	font-weight: bold;



}



.list-1 dl dd {



	color: #999;



}



.list-2 {



	height: auto;



	overflow: hidden;



	padding-bottom: 30px;



}



.list-2 ul li {



	float: left;



	display: inline-block;



	margin-right: 27px;



	font-size: 16px;



	text-align: center;



	margin-top: 20px;



}



.list-2 ul li:nth-child(3n) {



	margin-right: 0



}



.list-2 ul li .img {



	width: 290px;



	height: 207px;



	border: 1px solid #c1c1c1;



}



.list-2 ul li img {



	max-width: 100%;



	height: 207px;



}



.list-2 ul li p {



	margin-top: 5px;



}

.p15-showcase {



	position: relative;



	padding: 12px 18px 16px 20px;



	margin-bottom: 15px;



	background: #fff;



	border: 1px solid #eee;



}



.p15-showcase-right-con {



	line-height: 36px;



	font-size: 16px;



	overflow: hidden;



}



.p15-showcase-left {



	position: relative;



	width: 44.7%;



	float: left;



	line-height: 0;



	overflow: hidden;



	border: 1px solid #e7e7e7;



	margin-right: 3.3%;



}



.p15-showcase-left-jt {



	width: 12px;



	height: 23px;



	position: absolute;



	top: 50%;



	margin-top: -11px;



	cursor: pointer;



	z-index: 33;



}



.p15-showcase-left-prev {



	left: 10px;



}



.p15-showcase-left-next {



	right: 10px;



}



.p15-showcase-left-size {



	position: absolute;



	right: 0;



	bottom: 0;



	width: 56px;



	height: 28px;



	font-size: 14px;



	line-height: 16px;



	padding: 0 15px;



}



.p15-showcase-left-size em {



	font-style: normal;



}



.p15-showcase-left-pic {



	width: 100%;



	text-align: center;



}



.p15-showcase-left-pic li {



	float: left;



}



.p15-showcase-left-pic img {



	width: 100%;



	display: block;



	



}



.p15-showcase-right {



	width: 51.6%;



	float: left;



}



.p15-showcase-right-tit {



	height: 40px;



	font-size: 30px;



	line-height: 40px;



	color: #454545;



	margin-bottom: 16px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;

	

	margin-top: 26px;



}



.pc-cx-tel-1 {



	width: 50%;



	height: 56px;



	border-top: 2px solid #e6e6e6;



	padding-top: 10px;



	position: absolute;



	bottom: 16px;



	right: 2%;



}



.pc-cx-tel-1-t1 {



	width: 114px;



	height: 44px;



	background: #e3232f;



	font-size: 18px;



	line-height: 44px;



	text-align: center;



	float: right;



}



.pc-cx-tel-1-t1 a {



	display: block;



	color: #fff;



}



.pc-cx-tel-1-t2 {



	height: 56px;



	padding-left: 70px;



	background: url(../images/pc-xc-icon2.png) no-repeat 10px top;



	font-size: 18px;



	line-height: 18px;



	color: #454545;



}



.pc-cx-tel-1-t2 p {



	line-height: 24px;



	color: #e3232f;



}



.pro-content .tits {



	border-bottom: 1px solid #e1e1e1;



	height: 40px;



	width: 100%;



	font-size: 18px;



}



.pro-content .tits span {



	background: #0752a5;



	color: #FFF;



	display: block;



	width: 120px;



	height: 40px;



	text-align: center;



	line-height: 40px;



}



.pro-content .info {



	padding: 20px 0;



}





.fdh-01-tit {



	background: #0752a5;



	height: 80px;



}



.fdh-01-tit h3 {



	height: 75px;



	font-size: 24px;



	font-weight: normal;



	line-height: 75px;



	color: #fff;



	border-bottom: 1px solid #fff;



	text-align: center;



}



.fdh-01-tit h3 span {



	font-size: 14px;



	text-transform: uppercase;



}



.fdh-01-nav-one h3 {



	height: 50px;



	line-height: 50px;



	background: url(../images/p14-icon5.png) no-repeat right center #ececeb;



	margin-bottom: 2px;



	overflow: hidden;



}



.fdh-01-nav-one h3 {



	height: 50px;



	line-height: 50px;



	background: url(../images/p14-icon5.png) no-repeat right center #ececeb;



	margin-bottom: 2px;



	overflow: hidden;



}



.fdh-01-nav-one h3 a {



	display: block;



	height: 50px;



	font-size: 16px;



	font-weight: normal;



	margin-right: 40px;



	margin-left: 20px;



	color: #666;



}



.fdh-01-nav-one h3.sidenavcur,  .active h3, .fdh-01-nav-one h3:hover {



	background: url(../images/p14-icon2.png) no-repeat right center #0752a5;



}

.active h3 a {

    color: #fff !important;

}

.fdh-01-nav-one h3.sidenavcur a,  .active h3, .fdh-01-nav-one h3:hover a {



	color: #fff;



}

.cbgg-01 {



	background: #0752a5;



	text-align: center;



	color: #fff;



}



.cbgg-01-img img {



	width: 100%;



	display: block;



}



.cbgg-01 p {



	padding-top: 15px;



}



.cbgg-01 p img {



	vertical-align: middle;



	margin-right: 5px;



}



.cbgg-01 span {



	display: block;



	font-size: 28px;



	font-weight: bold;



	font-family: Arial;



	padding-bottom: 20px;



	padding-top: 10px;



}

.panel-sd {

	margin-bottom: 20px;

	background-color: #f6f6f6;

}

.panel-sd:last-child {

	margin-bottom: 0;

}

.panel-sd .tit {

	text-align: center;

	color: #fff;

	font-size: 20px;

	background: url(../images/k1.jpg) no-repeat center / cover;

	padding: 20px 0;

}

.contact-sd {

	padding: 19px;

	line-height: 2.5;

	font-size: 14px;

}

.contact-sd .ewm p {text-align: center;font-size: 16px;}	



.Certifications{padding: 20px 0 20px 0;}



.Certifications-Con{margin-top: 30px;}



.Certifications-Top{text-align: center;}

.Certifications-Top ul li{font-size: 14px;border: 1px #dedede solid;height: 50px;line-height: 50px;border-radius: 50px;display: inline-block;*display: inline;*zoom: 1;padding: 0 45px;margin: 0 5px;}

.Certifications-Top ul li.cur{background-color: #043985;border: 1px #043985 solid;}

.Certifications-Top ul li.cur a{color: #fff;}

.Certifications-Top ul li a{color: #333;display: block;}



.Certifications-Bot{margin-top: 40px;position: relative;}

.CertificationsBox{position: relative;overflow: hidden;}

.CertificationsBox ul{position: relative;}

.CertificationsBox ul li{float: left;width: 285px;border: 1px #e9e9e9 solid;text-align: center;background-color: #fafafa;margin-left: 17px;}

.CertificationsBox ul li:first-child{margin-left: 0;}

.CertificationsBox ul li span{width: 285px;height: 133px;display: block;overflow: hidden;}

.CertificationsBox ul li span img{width: 285px;height: 133px;display: block;transition: .8s;}

.CertificationsBox ul li:hover span img{transform: scale(1.03);}

.CertificationsBox ul li p{height: 50px;line-height: 50px;background-color: #e9e9e9;font-size: 15px;color: #333;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.CertificationsBox ul li:hover{border: 1px #043985 solid;}

.CertificationsBox ul li:hover p{background-color: #043985;color: #fff;}



.Certifications-Bot i{display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -15px;}

.Certifications-Bot i img{display: block;width: 30px;height: 60px;position: relative;}

.Certifications-Bot i:hover img{position: relative;top: -30px;}

.Certifications-Bot i.prev{left: -50px;}

.Certifications-Bot i.next{right: -50px;}



.aboutMien {

  width: 100%;

  padding-top: 50px;

  background: #fff;

  padding-bottom: 60px;

}

.aboutMien .mainCon {

  width: 100%;

  height: 442px;

  position: relative;

  margin-top: 34px;

}

.aboutMien .mainCon span {

  display: block;

  width: 42px;

  height: 42px;

  cursor: pointer;

  position: absolute;

  top: 50%;

  margin-top: -21px;

  overflow: hidden;

}

.aboutMien .mainCon .btn01 {

  background: url(../images/aboutMienBtn01.png) no-repeat left top;

  left: 0;

}

.aboutMien .mainCon .btn02 {

  background: url(../images/aboutMienBtn02.png) no-repeat left top;

  right: 0;

}

.aboutMien .aboutMienCon {

  overflow: hidden;

  width: 1200px;

  height: 100%;

  margin: 0 auto;

  position: relative

}

.aboutMien .aboutMienCon .aboutMienBox {

  width: 1080px;

  height: 100%;

  margin: 0 auto;

}

.aboutMien .aboutMienCon .iteam {

  position: absolute;

  overflow: hidden;

  height: auto;

  top: 12% !important;

}

.aboutMien .aboutMienCon .iteam img {

  display: block

}

.aboutMien .aboutMienCon .iteam b {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url(../images/aboutMienBg.png) repeat;

}

.aboutMien .aboutMienCon .iteam.active b {

  display: none;

}

.aboutMien .aboutMienCon .iteam.active {

  height: auto;

  top: 0 !important;

}

.aboutMien .aboutMienCon .iteam.active p {

  color: #333333;

  font-size: 14px;

  margin-top: 16px;

  text-align: center;

}

.aboutMien .aboutMienCon .iteam.active p a {

  display: block;

  color: #333;

  text-decoration: none;

}

.mub01Title h3 {

  font-size: 26px;

  color: #1e1e1e;

  font-weight: bold;

}

.mub01Title h3 em {

  color: #0752a5;

  font-weight: bold;

  font-style: normal;

}

.mub01Title h3 i {

  display: inline-block;

  height: 1px;

  background: #e5e5e5;

  width: 636px;

  position: relative;

  top: -6px;

}

.mub01Title h3 i.xianL {

  margin-right: 12px;

}

.mub01Title h3 i.xianR {

  margin-left: 12px;

}

.mub01Title p {

  font-size: 12px;

  color: #999999;

  font-family: arial;

  margin-top: 6px;

}


.Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;padding: 20px;background: #fff;min-height: 600px;}
.Aboutpage img{max-width: 100%;}
.Aboutpage .t2{padding: 25px 0 15px 0;color: #0c4ca0;font-size: 35px;text-align: center;}
.Aboutpage .t{padding: 0 0 25px;color: #666;font-size: 16px;text-align: center;}


.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 48%;height: 45px;line-height: 45px;border: 1px solid #e4e4e4;margin-right:4%;margin-bottom: 25px;position: relative;box-sizing: border-box;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 43px;line-height: 43px;font-size: 16px;color: #777;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 100%;height: 43px;line-height: 43px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 100%;height: 260px;border: 1px solid #e4e4e4;float: left;}
.formData .liuyan label{text-align: right;display: block;top: 7px;}
.formData .liuyan textarea{width: 100%;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;}
.formData .bot{/*width: 60%;*/border:0}
.formData .sub{width: 232px;line-height: 42px;border: 2px solid #0c4ca0;margin-right: 2px;text-align: center;background: #0c4ca0;color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}
.formData .sub:hover{background: none;color: #0c4ca0;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;border: 0;display: block;}