/* CSS Document */
/*FONTS{  }*/
@font-face {
    font-family:myFirstFont;
    src: url('../fonts/Exo-Bold.otf');
    src: url('../fonts/mgopenmodataregular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img,dd{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Open Sans, arial, sans-serif;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#666; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
a:hover{ color:#d7000f;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#666; }
.text-center {
    text-align: center;
}
.left{ float:left;}
.right{ float:right;}
.wrap{ max-width:1200px; margin:0px auto; }
.content{ display: table;max-width:1200px; margin:0px auto;  }

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}


/*------------------------header------------------------*/
#header{ background: #fff;  border-top: 13px solid #d7000f;}
	.top{ line-height: 36px; background: #d7000f; text-align: right; color: #fff;}
		.top a{ color: #fff;}
	.logo{ overflow: hidden; margin: 5px 0 0 0;}
		.logo h1{ font-size: 0;}
	/*.nav{}
		.nav li{ float: left; height:100px; line-height: 100px;}
		.nav a{ display: block; height: 100px; padding:0 12px; font-size: 16px; color: #121414; text-transform: uppercase;}
		.nav a:hover{ border-bottom: 5px #d7000f solid;}
		.nav .active{ border-bottom: 5px #d7000f solid;}*/
.nav {position:relative; margin-top:15px;z-index:999;}
.nav ul li a, .nav ul li a:visited {display:block; text-decoration:none; color:#333;width:90px; height:80px;line-height:80px; text-align:center; font-size:16px; overflow:hidden;}
.nav ul {padding:0; margin:0;list-style-type: none; }
.nav ul li {float:left; margin-right:1px; position:relative;}
.nav ul li ul {display: none;}
.contentnew ul li {
    width: 500px;
    float: left;
    margin-left: 72px;
    border-bottom: 1px dotted;
        line-height: 40px;
}
.contentnew i {
    color: #E04D47;
    font-style: normal;
    float: left;
    margin-right: 8px;
}
.contentnew li .left {
    width: 80%;
}
/* specific to non IE browsers */
.nav ul li:hover a {color:#fff; background:#e81c1f;}
.nav ul li:hover ul {display:block; position:absolute; top:80px; left:0; width:150px;}
.nav ul li:hover ul li a.hide {background:#022e51; color:#fff; width:250px;}
.nav ul li:hover ul li:hover a.hide {background:#022e51; color:#fff;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block;background:#333;  color:#fff; width:150px;height:30px;line-height:30px;border-bottom:1px #444 solid;}
.nav ul li:hover ul li a:hover {background:#fcbe00; color:#000;width:150px;}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;}
.nav ul li:hover ul li:hover ul.left {left:-141px;}


.header-language {
  float: right;
  width: 132px;
  height: 100px;
  background: url("../images/language_bg.jpg") top center no-repeat;
}
.header-language .cn {
  float: left;
  display: inline-block;border:1px solid #ddd;
  text-align: center;
  padding: 0 12px;
  color: #555;
  line-height: 27px;
  font-size: 12px;
}
.header-language .cn a {
  color: #555;
}
.header-language .en {
  float: right;
  display: inline-block;
  background: #f1f1f1;
  color: #333333;
  line-height: 27px;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #dedede;
  border-left: none;
}
.header-language .en a {
  color: #333333;
}
.header-language p {
  float: right;
  padding-right: 10px;
  margin-top: 35px;
}
.header-language p span:hover a {
  text-decoration: underline;
}	
/*------banner style------*/
.DB_tab25 {width:100%; height:600px; position:relative; overflow:hidden;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;top:230px; left:0;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;top:315px; left:190px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;top:365px; left:0;}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;top:95px; left:120px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;top:190px; left:200px;}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;top:270px; left:0;}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;top:185px; left:0;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;top:275px; left:240px;}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;top:310px; left:120px;}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:120px;top:0px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:540px;top:120px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:690px;top:150px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:540px;top:250px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:0px}
.DB_tab25 .DB_menuWrap{position:absolute;width:960px;left:50%;margin-left:-480px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%; top:570px; text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:170px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:170px;cursor:pointer;display:none}

.title {
    font-size: 30px;
    color: #333;
    background: url(../Images/bg1.png) center no-repeat;text-align: center;
    margin: 30px 0;
}
 .isolbox { margin-top: 30px;}
 .isol li{position: relative; text-align: center; width: 371px;}
 .threeli li { float: left; margin-right: 2% ;}
 .isol .imgshow {height: 240px;overflow: hidden;}
 .isol .title2 { padding: 10px 10px 0 10px;    font-size: 16px; font-weight:600;   line-height: 30px;}
 .isol .parg { padding: 0px 10px 30px 10px; min-height: 75px; max-height: 75px;}
  .isol .parg p { width:50%;float:left;text-align: left;}
 .isol .imgshow img{border-radius:15px;
    transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}
 .isol li:hover .imgshow img{
    transform: scale(1.2);border-radius:15px;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.isol .title .topic{ padding: 30px 0 0px; text-align: center;}




.inews2{width:1200px;height:auto;overflow:hidden;margin:10px auto;}
.inews2 li{width:390px;height:220px;overflow:hidden;position:relative;float:left}
.inews2 li>a{display:block;float:left;overflow:hidden;}
.inews2 li img{margin-top:8px;width:200px;height:160px;}
.inews2 li.inews2-li2>a{display:block;width:150px;height:110px;overflow:hidden;position:absolute;right:0;top:0}
.inews2 li>h1{float:left;width:155px;height:25px;line-height:25px;margin-left:15px; font:700 14px/25px "microsoft yahei";overflow:hidden;text-align:left}
.inews2 li.inews2-li2>h1{margin-left:88px;text-align:right;}
.inews2 li>h1 a{color:#272018;height:25px;}
.inews2 li>div{float:left;width:175px;margin-left:5px;overflow:hidden;font:14px/18px "microsoft yahei";color:#676360;}
.inews2 li.inews2-li2>div{margin-left:88px;text-align:right;}

.lm-first2{overflow: hidden;}
.lm-first2 h1 span{display: block;background: url(../images/contact_08.png) no-repeat 143px center;}
.lm-first2 ul{width: 100%;}
.lm-first2 ul li{height: 20px;line-height: 20px;padding-left: 15px;width: 160px;  border-bottom:1px solid #ededed;margin-bottom:5px;}
.lm-first2 ul li a{display: block;background: url(../images/contact_13.png) no-repeat 150px center;font-size: 14px;color: #666;line-height: 20px;}
.lm-first2 ul li:hover a,.lm-first2 ul li.on a{color: #d7000f;}
 /*--------------------------------------------about----------------------------------------------*/


.section_2{
	position: relative;
	background-color: #a2a7ab;
	min-height: 450px;
	padding: 40px;margin-top:50px;
	box-sizing: border-box;
}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/blur.jpg);
	background-size: cover;
	opacity: 0;
	z-index: 1;
}
.bg_light{
	/*position: absolute;*/
	width: 100%;
	background-color:#f7f7f8 !important;
	z-index: 1;
}
.alpha_bg{
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-image: url(../images/blur.jpg);
	background-size: cover;
	opacity: 0.1;
	filter:Alpha(opacity=2);
	z-index: 1;
}

.section_2_cell{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	z-index: 4;
}
.section_2_left{
	position: relative;
	float: left;
	width: 45%;
	color: #fff;
	z-index: 10;
}
.section_title_2 .setting{margin-top: 6px;}
.section_title_2 .setting span{
	position: relative;
	padding-top: 10px;
	font-size: 18px;
	font-family: Arial,'MingLiU';
}
.section_title_2 .setting span:after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;height: 2px;
	bottom: -16px;left: 0;
	background-color: #fff;
}
.section_title_2 .setting2 span{
	position: relative;
	color: #fff;
	font-size: 30px;
	font-family:"tt", Arial,'MingLiU';line-height: 22px;
	/*text-transform: uppercase;*/
}
.section_title_2 .setting2 span:after{
	content: "";
	display: block;
	position: absolute;
	padding: 4px 0;
	width: 100%;
	border-bottom: 1px solid #fff;
	z-index: 1;
}
.section_title_2{
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn_1 a{
	position: relative;
	display: block;
	padding: 14px;
	margin: 30px 0;
	width: 200px;
	color: #fff;
	border:2px solid #fff;
	z-index: 2;
	transition: 0.4s;
	box-sizing: border-box;
}
.btn_1 a:before{
	content: ">";
	display: inline-block;
	position: absolute;
	right: 20px;
}
.btn_1 a:after{
	content: "";
	position: absolute;
	width: 0;height: 100%;
	top: 0;left: 0;
	background-color: #7f0000;
	z-index: -1;
	transition: 0.2s;
}

.section_2_right{
	position: relative;
	width: 48%;
	float: right;
	overflow: hidden;
	z-index: 3;
}
.section_2_right img{width: 100%;transform: scale(1);-webkit-filter: contrast(1);transition: 0.4s; } 

@media screen and (min-width: 1024px) {
	.btn_1 a:hover:after{width: 100%;}
	.btn_1 a:hover{border-color: #7f0000;}
	.section_2_right:hover img{transform: scale(1.1);-webkit-filter: contrast(1.2);}
	a.more:hover{color: #222;}
}


/*--------------------------------------gallery------------------------------------------*/
a.more{
	position: absolute;
	color: #555;
	right: 0;
	z-index: 9;
}
.gallery_list{padding-top: 10px;}
.gallery_box{
	position: relative;
	float: left;
	width: 23%;
	margin-right: 2.6%;
	margin-bottom: 30px;
	background-color: #ccc;
	overflow: hidden;
	box-sizing: border-box;
}
.gallery_box:nth-child(4n){
	margin-right: 0;
}
.gallery_box img{
	width: 100%;
    height: 185px;
	transform: scale(1);
	transition: 0.4s;
	-webkit-filter: contrast(1);
}

.gallery_box span{
	position: absolute;
	left: 10px;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	color: #fff;
	z-index: 5;
}
.gallery_box:after,.gallery_box:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;width: 100%;
	background-color: #d7000f;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	z-index: 2;
	transition: 0.3s;
}
.gallery_box:before{
	height: 0;
	z-index: 4;
}
.gallery_box a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 9;
}


/*------------------------index------------------------*/
#iMain{background:url(../images/500326885_banner.jpg) no-repeat;}
	.product{ padding: 60px 0 50px;}
		.product .title{}
			.product .title .icon{ /*background: url(../Images/icon1.jpg) no-repeat;*/}
			.product .title .topic{ text-align: center; padding: 0px 0 50px;}
		.proBox{ background: #fff; width: 225px; height: 350px; margin:0 10px 20px 0; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
		.proBox:last-child{ margin-right: 0px;}
        .proBox a{ display: block; width: 225px; height: 350px;}
			.proBox .pic2{ width: 225px; height: 225px; padding: 30px 0;}
			.proBox .topic2{ text-align: center; font-size: 18px;color: #333;font-weight:600; text-transform: uppercase; color: #333;font-weight:600  -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
		.proBoxA{ width: 490px;}
			.proBoxA .topic{font-size: 18px;color: #333;font-weight:600; text-transform: uppercase; margin: 110px 0 0 20px; width: 130px;}
			.proBoxA .pic{ margin: 50px 5px 0 0;}
			.proBoxA .subTopic{ margin: 15px 0 0 60px; width: 130px;}
			.proBoxA .read{ width: 130px; margin: 25px 0 0 60px;}
				.proBoxA .read a{ display: block; background: #d7000f; width: 110px; height: 40px; text-align: center; line-height: 40px; color: #fff;}
				
		.proBox2{ margin: 0 10px 20px 0;}
		.product .more{ background: #f0f0f0; width: 225px; height: 350px;}
		.proBox:hover{ background: #d7000f;}
			.proBox:hover .topic2{ color: #fff;}
		.proBoxA:hover .topic , .proBoxA:hover .subTopic{ color: #fff;}
		.proBoxA:hover .read a{ background: #fff; color: #d7000f;}
		.proBoxA .read a:hover{ background: #d7000f; color: #fff;}
		.product .more{ -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
			.product .more .topic2{ text-align: center; font-size: 20px; text-transform: uppercase; color: #d7000f; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
			.product .more:hover{ background: #d7000f;}
			.product .more:hover .topic2{ color: #fff;}
	





	.about{ height: 600px; background: url(../Images/aboutbg.jpg) center no-repeat #fff;}
		#about{ width: 740px; margin: 0 auto; padding: 60px 0 60px 460px;}
			#about .title .icon{ background: url(../Images/icon2.jpg) no-repeat; float: left;}
			#about .title .topic{ padding: 30px 0 50px;}
			#about .content{ line-height: 160%;}
			#about .content p{ font-size: 16px; margin-bottom: 10px;}
			#about .more{ margin: 30px 0 0;}
			#about .more a{ display: block; width: 160px; height: 45px; text-align: center; line-height: 45px; overflow: hidden; background: #d7000f; color: #fff;}
			#about .more a:hover{ background: #d7000f;}
	
	.experience{ margin:30px 0;}
		.experience .title .icon{ /*background: url(../Images/icon3.jpg) no-repeat;*/}
			.experience .title .topic{ padding: 0px 0 0px; text-align: center;}
			.experience .exBox{ width: 160px; height: 160px; margin:0 20px 50px ; text-align: center;border-radius:30px;}
			.exBox a{ display: block; width: 160px; height: 40px; padding-top: 180px;font-size:16px;font-weight:600; text-align: center; color: #333;}
			.exBox a:hover{ color: #000;}
			.exBox20{ background: url(../Images/expbg.jpg) 0 0 no-repeat;}
				.exBox20 a{ background: url(../Images/ex1.png) 0 0 no-repeat;}
				.exBox20 a:hover{ background: url(../Images/ex1.png) 0 -200px no-repeat;}
			.exBox21{ background: url(../Images/expbg.jpg) -180px 0 no-repeat;}
				.exBox21 a{ background: url(../Images/ex2.png) 0 0 no-repeat;}
				.exBox21 a:hover{ background: url(../Images/ex2.png) 0 -200px no-repeat;}
			.exBox22{ background: url(../Images/expbg.jpg) -360px 0 no-repeat;}
				.exBox22 a{ background: url(../Images/ex3.png) 0 0 no-repeat;}
				.exBox22 a:hover{ background: url(../Images/ex3.png) 0 -200px no-repeat;}
			.exBox23{ background: url(../Images/expbg.jpg) -540px 0 no-repeat;}
				.exBox23 a{ background: url(../Images/ex4.png) 0 0 no-repeat;}
				.exBox23 a:hover{ background: url(../Images/ex4.png) 0 -200px no-repeat;}
			.exBox24{ background: url(../Images/expbg.jpg) 0 -200px no-repeat;}
				.exBox24 a{ background: url(../Images/ex5.png) 0 0 no-repeat;}
				.exBox24 a:hover{ background: url(../Images/ex5.png) 0 -200px no-repeat;}
			.exBox25{ background: url(../Images/expbg.jpg) -180px -200px no-repeat;}
				.exBox25 a{ background: url(../Images/ex6.png) 0 0 no-repeat;}
				.exBox25 a:hover{ background: url(../Images/ex6.png) 0 -200px no-repeat;}
			.exBox26{ background: url(../Images/expbg.jpg) -360px -200px no-repeat;}
				.exBox26 a{ background: url(../Images/ex7.png) 0 0 no-repeat;}
				.exBox26 a:hover{ background: url(../Images/ex7.png) 0 -200px no-repeat;}
			.exBox27{ background: url(../Images/expbg.jpg) -540px -200px no-repeat;}
				.exBox27 a{ background: url(../Images/ex8.png) 0 0 no-repeat;}
				.exBox27 a:hover{ background: url(../Images/ex8.png) 0 -200px no-repeat;}
		.experience .more{ padding: 20px 0 0;}
			.experience .more a{ display: block; width: 160px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; overflow: hidden; background: #d7000f; color: #fff;}
			.experience .more a:hover{ background: #d7000f;}
	
	.news{ background: #fff;}
		.news .wrap{ padding: 60px 0;}
			.news .title .icon{ /*background: url(../Images/icon4.jpg) no-repeat;*/}
				.news .title .topic{ padding: 0px 0 50px; text-align: center;}
			.newNews{ width: 590px;}
				.newNews .newsBox{ background: #fafafa; margin: 0 0 20px; padding:30px 20px 27px;}
					.newsBox h3{ font-weight: normal; font-size: 16px;}
					.newsBox p{ font-size: 14px; margin: 5px 0 0; color: #666; line-height: 160%;}
				.newNews .newsBox:hover{ background: #d7000f; color: #fff;}
					.newNews .newsBox:hover a , .newNews .newsBox:hover p{ color: #fff;}
					
			.topNews{ width: 590px; height: 444px; background: #fafafa;}
				.topNews .titler{ padding: 20px;}
					.topNews .name a{ font-size: 16px;}
					.topNews .desc{ font-size: 14px; margin: 5px 0 0; color: #666; line-height: 160%;}
			.topNews:hover{ background: #d7000f; color: #fff;}
				.topNews:hover a , .topNews:hover .desc{ color: #fff;}
			.news .more{ padding: 20px 0 0;}
			.news .more a{ display: block; width: 160px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; overflow: hidden; background: #9a9a9a; color: #fff;}
			.news .more a:hover{ background: #d7000f;}
			
.title .topic{ font-size: 30px; text-transform: uppercase; color: #555;}
.title .icon{ font-size: 15px;  margin: 10px auto;text-align:center;color: #999 ;}
.title .right{ font-size: 12px;}
	.title .right a{ margin: 0 5px;}

/*------------------------page------------------------*/
#pBanner{ height: 300px;}
.pBanner1{ background: url(../Images/pb1.jpg) center top no-repeat;}
.pBanner5{ background: url(../Images/pb2.jpg) center top no-repeat;}
.pBanner2{ background: url(../Images/pb3.jpg) center top no-repeat;}
.pBanner4{ background: url(../Images/pb4.jpg) center top no-repeat;}
.pBanner10{ background: url(../Images/pb5.jpg) center top no-repeat;}
.pBanner31{ background: url(../Images/pb6.jpg) center top no-repeat;}

.com_zi {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.com_zi .left_zi {
  width: 217px;
  float: left;
  border-right: 1px solid #f5f5f5;
}
.com_zi .left_zi .top_com {
  background: url(../images/left_top_bg.jpg) no-repeat;
  min-height: 130px;
  padding-top: 50px;
  position: relative;
}
.com_zi .left_zi .top_com span {
  font-size: 27px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  width: 100%;
  display: block;
  overflow: hidden;
  color: #fff;
  padding: 0px 20px;
}
.com_zi .left_zi .top_com:after {
  content: url(../images/after_top.png);
  position: absolute;
  left: 0px;
  top: -33px;
  width: 374px;
  height: 33px;
  z-index: 9999;
}
.com_zi .left_zi .nav_left {
  border-left: 8px solid #e5e5e5;
  padding: 0px 6px;
  position: relative;
}
.com_zi .left_zi .nav_left li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 30px;
  position: relative;
}
.com_zi .left_zi .nav_left li a {
  font-size: 14px;
  color: #666666;
  font-family: "微软雅黑";
  display: block;
  width: 100%;
  padding-right: 12px;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  background: url(../images/li_san.png) right center no-repeat;
}
.com_zi .left_zi .nav_left li:hover a {
  color: #e61d2f;
  font-weight: 700;
}
.com_zi .left_zi .nav_left li .er {
  padding: 0px 0px 10px;
}
.com_zi .left_zi .nav_left li .er a {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  height: 24px;
  background: none;
  font-weight: 500;
}
.com_zi .left_zi .nav_left li .er a:hover {
  color: #e61d2f;
}
#bot {
  color: #e61d2f;
  font-weight: 700;
}
.com_zi .left_zi .nav_left:before {
  content: "";
  position: absolute;
  height: 46px;
  width: 13px;
  top: 0px;
  left: -13px;
  background: #bd0c00;
}
.com_zi .left_zi .pro_lei {
  border: 1px solid #f5f5f5;
  margin-top: 40px;
}
.com_zi .left_zi .pro_lei .toper {
  background: #bd0c00 url(../images/li_lei.png) no-repeat 20px center;
  padding-left: 40px;
  height: 38px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}
.com_zi .left_zi .pro_lei .pro_l_nei {
  padding: 20px 5px 10px;
  border-bottom: 1px solid #F5F5F5;
}


.com_zi .right_zi {
  width: 79%;
  float: right;
  padding-right: 10px;
}
.com_zi .right_zi .bar {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0px 10px;
}
.com_zi .right_zi .bar .b_tt {
  float: left;
  font-size: 20px;
  color: #1f1f1f;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 20%;
  overflow: hidden;
}
.com_zi .right_zi .bar .curbar {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #6e6e6e;
  width: 78%;
  vertical-align: middle;
  margin-top: 12px;
}
.com_zi .right_zi .bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar a:hover {
  color: #0083c7;
}
.com_zi .right_zi .bar .curbar i {
  font-style: normal;
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar i:last-child {
  color: #000;
  border-bottom: 1px solid #000;
}



.about_zi { padding: 3% 0px;}
.about_zi p{ line-height: 30px;}
.aboutNav{ border-bottom: 1px #ccc solid; line-height: 58px; text-align: center;}
	.aboutNav a{ padding: 20px;}
	.aboutNav a:hover{ background: #d7000f; color: #fff;}
.pAbout , .pApp , .contact{ padding: 60px 0;}
.vision , .markets{ background: #fff; padding: 60px 0;}
.pAbout .content , .vision .content{ font-size: 16px; line-height: 160%;}
.markets .content{ font-size: 0; text-align: center;}
.pAbout .content p , .vision .content p{ font-size: 16px; margin: 0 0 10px;}
	.pAbout .title .icon{ background: url(../Images/icon2.jpg) no-repeat;}
	.vision .title .icon{ background: url(../Images/icon5.jpg) no-repeat;}
	.contact .title .icon{ background: url(../Images/icon6.jpg) no-repeat;}
	.pApp .title .icon{ background: url(../Images/icon3.jpg) no-repeat;}
	.markets .title .icon{ background: url(../Images/icon7.jpg) no-repeat;}
	.pQuality .title .icon{ background: url(../Images/icon8.jpg) no-repeat;}
	.mater .title .icon{ background: url(../Images/icon9.jpg) no-repeat;}
	.pAbout .title .topic , .vision .title .topic , .contact .title .topic , .pApp .title .topic , .markets .title .topic , .pProduct .title .topic{ padding: 30px 0 50px; text-align: center;}
	.pAbout .content , .vision .content{ overflow: hidden;}
.pProduct{ padding: 60px 0;}
	.pProduct .title .icon{ background: url(../Images/icon1.jpg) no-repeat;}
		.pProduct .title .topic{ padding: 30px 0 30px;}
.pNews{}
	.pNews .title .icon{ background: url(../Images/icon4.jpg) no-repeat;}
		.pNews .title .topic{ padding: 30px 0 30px;}
.proSortNav{ text-align: center; border-bottom: 1px #ddd solid; background: #fff;}
	.proSortNav a{ padding: 25px 20px; line-height: 69px;}
	.proSortNav a:hover{ background: #d7000f; color: #fff;}
.proSubNav{ padding: 20px; font-size: 20px; margin: 20px 0; background: #d7000f; color: #fff;}
	.pContent{ overflow: hidden;}
		.pConProBox{ width: 278px; height: 428px; border: 1px #ddd solid; background: #fff; text-align: center; margin: 10px;}
			.pConProBox .pic{ margin-top: 29px;}
			.pConProBox .name{ line-height: 100px;}
			.pConProBox .read a{ display: block; width: 160px; height: 45px; line-height: 45px; text-align: center; margin: 0 auto; border: 1px #ccc solid; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;}
			.pConProBox .read a:hover{ background: #fff; color: #d7000f; border-color: #fff;}
		.pConProBox:hover{ background: #d7000f; border-color: #d7000f;}
			.pConProBox:hover a{ color: #fff;}
	.pProPic{ border: 1px #ccc solid; padding: 20px;}
	.pProTopic{ width: 650px; margin: 20px 0 0 40px; line-height: 160%;}
		.pProTopic .name{ font-size: 20px; margin-bottom: 20px;}
		.pProTopic .sort{ margin-bottom: 20px;}
		.pProTopic span{ color: #d7000f;}
	.pProMs{ padding: 20px; background: #fff; margin: 20px 0; border-bottom: 1px #ddd solid; font-size: 20px; color: #d7000f;}
	.pTxt{ padding: 0 20px; overflow: hidden;}
		.pTxt p{ margin: 0 0 10px;}
	.pContent ul{ margin: 20px 0 0;}
	.pNewsBox{ background: #fff; margin-bottom: 20px; padding: 30px 0;}
		.pNewsBox h3{ font-size: 16px; font-weight: normal;}
		.pNewsBox p{ margin: 10px 0 0; line-height: 160%;}
	.pNewsBox:hover{ background: #d7000f; color: #fff;}
		.pNewsBox:hover a{ color: #fff;}
		.pNewsBox:hover a:hover{ color: #d7000f;}
	.pNewsName{ text-align: center; padding: 20px 0; font-size: 16px;}
	.visitors{ text-align: right; border-bottom: 1px #ccc dotted; padding: 10px; margin-bottom: 20px;}
	.apBox{ width: 200px; margin: 20px 50px 40px; text-align: center;}
		.apBox .pic{ display: block; width: 150px; height: 150px; border: 5px #ccc solid; border-radius:85px; -moz-border-radius:85px; -webkit-border-radius:85px; margin: 0 0 20px 0; margin: 0 auto;}
		.apBox .pic20{ background: url(../Images/ex1.png) center -20px no-repeat #ccc;}
		.apBox .pic21{ background: url(../Images/ex2.png) center -20px no-repeat #ccc;}
		.apBox .pic22{ background: url(../Images/ex3.png) center -20px no-repeat #ccc;}
		.apBox .pic23{ background: url(../Images/ex4.png) center -20px no-repeat #ccc;}
		.apBox .pic24{ background: url(../Images/ex5.png) center -20px no-repeat #ccc;}
		.apBox .pic25{ background: url(../Images/ex6.png) center -20px no-repeat #ccc;}
		.apBox .pic26{ background: url(../Images/ex7.png) center -20px no-repeat #ccc;}
		.apBox .pic27{ background: url(../Images/ex8.png) center -20px no-repeat #ccc;}
		.apBox .pic:hover{ background-color: #d7000f; border-color: #d7000f;}
		.apBox p{ font-size: 16px; margin: 10px 0 0;}
	
	.pApBox{ background: #fff; padding: 50px;}
		.apPic{ border: 1px #ccc solid; padding: 10px;}
		.apDesc{ width: 700px; margin: 30px 0 0 50px; font-size: 18px; line-height: 180%; color: #333;}
		.relPro{ text-align: center; font-size: 36px; color: #333; padding: 30px 0 20px;}
		
	.message{ width: 500px;}
		.uk-form-row{ background: #fff; height: 50px; margin-bottom: 20px;}
		.uk-form-row input{ border: none; width: 500px; height: 49px; line-height: 49px; text-indent: 20px; background: none;}
		.uk-form-row2{ position: relative;}
			.uk-form-row2 input{ width: 365px;}
			.uk-form-row2 img{ position: absolute; right: 5px; top: 5px;}
		.uk-form-row3{ height: 100px;}
		.uk-form-row3 textarea{ width: 496px; height: 96px; border: none; font-family:Open Sans, arial, sans-serif; text-indent: 20px; background: none;}
		.uk-form-row:hover{ background: #eee;}
		.uk-form-row .uk-button{ border: none; width: 500px; height: 50px; text-align: center; background: #d7000f; color: #fff; cursor: pointer;}
		.uk-form-row .uk-button:hover{ background: #d7000f;}
	.contactUs{ width: 600px;}
		.contactUs li{ padding: 35px 0 35px 70px; border-bottom: 1px #ccc dotted;}
		.contactUs p{ font-size: 16px;}
		.contactUs li:nth-child(1){ background: url(../Images/icon4.png) left center no-repeat;}
		.contactUs li:nth-child(2){ background: url(../Images/icon5.png) left center no-repeat;}
		.contactUs li:nth-child(3){ background: url(../Images/icon6.png) left center no-repeat;}
		.contactUs li:nth-child(4){ background: url(../Images/icon7.png) left center no-repeat;}
		
	.proNavBox{ width: 320px; margin: 20px; background: url(../Images/bg.gif); padding: 20px; overflow: hidden;}
		.proNavBox a{ display: block; width: 280px; padding:30px 20px; height: 76px; line-height: 160%; text-align: center; color: #d7000f; background: #fafafa; font-size: 24px; overflow: hidden; text-transform: uppercase; }
		.proNavBox12 a{ line-height: 76px;}
	.proNavBox:hover{ background: #d7000f;}
	.proNavBox:hover a{ background: #fff;}

.pageBox{ text-align: center; padding: 20px 0;}	
	.pageBox a{ border: 1px #ccc solid; padding: 10px 15px; margin: 0 3px;}	
	.pageBox a.absolutepage { color:#d7000f; border: 1px #d7000f solid;}	
.pageCut{ padding: 20px 0; line-height: 180%;}


/*------------------------footer------------------------*/


#foot{ background: #ededed; color: #666;border-top: 0px #777 solid; }
	#foot .menu{ line-height: 60px; text-align: center; border-top: 1px #ddd solid;font-size: 14px;}
		#foot .menu a{ color: #777; text-transform: capitalize;}
		#foot .menu a:hover{ color: #ddd;}
	#foot .copy{ line-height: 160%; font-size: 16px;margin-top:35px;margin-right: 5%;}
		#foot .copy p{ font-size: 14px;color: #777;  line-height:32px;  padding-left: 35px;}
		#foot .copy a:hover{ color: #e61d2f;}
	#foot .tuBiao{ overflow: hidden; margin-top:35px;margin-right: 5%;}
		#foot .tuBiao a{ display: block; float: right; font-size: 0; margin-left: 20px;}
		#foot .wechat{ margin-top: 10px; text-align: center;background:#ddd;padding:15px;}
		
#foot .copy .address {
  background: url("../images/address.png") left 5px no-repeat;
}
#foot .copy .tel {
  background: url("../images/tel.png") left 5px no-repeat;
}
#foot .copy .phone {
  background: url("../images/phone.png") left 5px no-repeat;
}
#foot .copy .fax {
  background: url("../images/fax.png") left 5px no-repeat;
}
#foot .copy .email {
  background: url("../images/mail.png") left 5px no-repeat;
}
.ev-text-title-4 {color:#333;font-size:18px;font-weight:100;margin-bottom: 10px;}
#fd{float: left; width:500px;}
#fd dl {float: left; line-height: 24px;color: #666; margin-right: 25%; padding-top: 20px}
#fd dl dt { margin-bottom: 15px;color: #333; font-size: 18px }
#fd dl dd { margin:0;}
#fd dl dd a { display: block; max-width: 100px; color: #777;font-size: 14px;height: 27px;}


 .listBox{
	border-left: 8px solid #e5e5e5;
}
	.listBox dt{
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size: 15px;
	color: #fff;	
	border-bottom: 1px solid #e5e5e5;
    padding: 0px 20px;
	line-height: 44px;
	margin-left: 0px;    font-weight: 600;
	background:#d7000f url(../images/li_san.png) right center no-repeat;
	background-position: 160px 18px;
}
    .listBox dt a{
	color: #fff;	
}
	.listBox dl.list_inner{
     display: block;
    margin: 0;
    padding: 0;
}

	.listBox dl.list_inner dd a{
    padding: 0.4em 2em;
    padding-left: 30px;
    display: block;
	text-decoration: none;
    color: #666;
}
	.listBox dl.list_inner dd a {
    font-size: 14px;
    color: #888;
    font-family: "微软雅黑";
    display: block;margin-bottom:2px;
        background: #f0f0f0;
    padding-right: 12px;
    overflow: hidden;
    height: 20px;
    line-height: 20px; 
}