@charset "utf-8";
/* CSS Document */
.headnav{ width:100%; height:100PX; margin:0 auto; font-family:微软雅黑;}
.conIN{ width:1200PX; height:auto; margin:0 auto}
.logo{ float:left; width:132px; height:93px; margin-top:7px;}
.logo img{ width:132px; height:93px;}
.ewm{ width:220px; float:left; margin-top:7px; margin-left:170px;}
.ewm img{ width:90px; height:90px; float:left}
.ewm p{ width:120px; line-height:20px; float:left; font-size:12px; margin-top:10px; font-weight:bold; color:#666666}
.dhyx{ width:300px; height:auto; float:left; margin-top:7px; margin-left:50%;}
.dhyx .yx{ width:100%; height:40px; background:url(../images/yx.png) no-repeat left center; color:rgb(73, 113, 244); padding-left:60px; font-size:18px; line-height:40px; font-weight:bold}
.dhyx .dh{ width:100%; height:40px; background:url(../images/dh.jpg) no-repeat left center; padding-left:60px; font-size:18px; line-height:40px;    color: rgb(216, 12, 24); font-weight:bold}
.yy{ width:120px; float:right}
.hd-lang{display:inline-block;vertical-align:middle;margin-left:35px;position:relative; z-index:999999;}

.lang-icon{cursor:pointer;width:30px;height:30px;/*background:url(../images/lang.png) no-repeat center center;*/-webkit-background-size:contain;background-size:contain}

.lang-list{display:none;position:absolute;left:55px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:68px;width:130px;background-color:#fff;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

.lang-list a,.lang-list dd{font-size:16px;color:#333;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nav-item:after{content:'';width:0;position:absolute;top:0;left:0;height:3px;background-color:#2067d1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.nav-item.on:after,.nav-item:hover:after{width:100%}

/***index about**/
.indexabout{ width:100%; height:auto; background:url(../images/Ag.jpg) no-repeat center center;}
.indexabout .tp{ width:195px; height:157px; position: relative; top:-70px;}
.indexabout .pic{ width:100%; height:auto; margin:0 auto; text-align:center;}
.indexabout .pic img{}
.indexabout .WZ { width:100%; height:auto; margin-top:20px; padding-bottom:20px;}
.indexabout .WZ p{ line-height:30px; font-size:16px; text-indent:2em; }


/***FOOT***/
.clear{ clear:both}
.footbox{ width:100%; height:auto;}
.footboxnav{ width:100%; height:450PX; background:#353535; color:#FFF;  padding-top:50px;}
.footboxnav .leftbox{ width:50%; height:auto; float:left}
.footboxnav .leftbox ul li{ width:25%; height:auto; float:left}
.footboxnav .leftbox ul li h1{ width:100%; height:50px; line-height:50px; font-size:16px; color:#FFF}
.footboxnav .leftbox ul li p{ width:100%; line-height:35px; font-size:14px; color:#CCC}
.footboxnav .leftbox ul li p a{ color:#FFF}
.footboxnav .leftbox ul li p a:hover{ color:#FFF}

.footboxnav .rightbox{ width:30%; height:auto; float:left}
.footboxnav .rightbox .xd{ width:100%; height:50px; line-height:50px; font-size:24px; color:#da0005}
.footboxnav .rightbox .xd .imgbox{ width:50px; height:50px; float:left}
.footboxnav .rightbox .xd .p{ float:left; line-height:50px;}
.footboxnav .rightbox .xd2{ width:100%; height:50px; line-height:25px; font-size:14px; color:# FFF}


.footboxbut{ width:100%; height:45px; background:#d80c18; color:#FFF; font-size:14px;}
.footboxbut a{ color:#FFF; line-height:45px; font-size:14px;}


.indexnews{ width:100%; height:auto; background:url(../images/Ag.jpg) no-repeat center center; display:inline-block;}
.indxnewtop{ width:100%; height:50px; line-height:50px; text-align:center; font-size:36px; color:#333; margin-top:60PX;}
.line{ width:80px; height:3px; background:#d80c18; margin:0 auto; margin-top:20PX; margin-bottom:90px;}
/**index pro***/
.indexpro{ width:100%; height:650px; display:inline-block; background:url(../images/indexpro.jpg) no-repeat center center}

.bannernav{ width:100%; height:auto; margin:0 auto;}
.bannernav img{ width:100%; height:auto; margin:0 auto; text-align:center}

.taitan{ width:20%; float:right}

/**PAGE ABOUT**/
.aboutbox{ width:100%; height:auto; margin:0 auto}
.aboutbox .top{ width:100%; height:130px; border-bottom:1px solid #666; font-size:36px; text-align:center; color:#333;}
.aboutbox .top h1{ padding-top:30px; width:100%}
.aboutbox .top h2{ font-size:18px; width:100%; font-weight:normal; line-height:40px;color: rgb(136, 136, 136);line-height: 54px;}
.aboutbox p{ width:100%; line-height:30px; color:#353535; font-size:16px; text-indent:2em;}

.aboutboxIn{ width:100%; height:auto; margin:0 auto; margin-bottom:10px;}
.aboutleft{ width:50%; height:auto; float:left; padding-top:50px;}
.aboutleft .gsmc{ width:100%; line-height:50px; font-size:36px;color: rgb(216, 12, 24);}
.aboutleft p{ width:100%; line-height:30px; color:#353535; font-size:16px; text-indent:2em;}
.aboutleft img{ width:100%; height:auto; text-align:center; margin:0 auto}

.aboutright{ width:580px; height:320px; float:right; margin-top:50px;}

.abouthor{ width:100%; height:650px; background:url(../images/honor_bj.jpg) no-repeat;}

.abouthor .top{ width:100%; height:130px;  font-size:36px; text-align:center; color:#FFF; border:0PX !important;}
.abouthor .top h1{ padding-top:50px; width:100%}
.abouthor .top h2{ font-size:18px; width:100%; font-weight:normal; line-height:40px;color:#FFF;line-height: 54px;}



/**PAGE CULTURE**/
.wh01box{ width:100%; height:750px; background:url(../images/wh01.jpg) no-repeat center center;}
.wh01boxcon{ width:50%; height:300px; margin-top:200px;float:right;}
.wh01boxcon .top{ width:100%; height:60px; line-height:60px; font-size:48px;color: rgb(216, 12, 24); font-weight:bold;}
.wh01boxcon .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color: rgb(216, 12, 24);}
.wh01boxcon .wh01p{ margin-top:40px; line-height:32px; font-size:16px; font-family:"微软雅黑"; text-indent:2em;}

.wh02box{ width:100%; height:780px; background:url(../images/wh02.jpg) no-repeat center center;}
.wh02boxcon{ width:50%; height:300px; margin-top:200px;float:left;}
.wh02boxcon .top{ width:100%; height:60px; line-height:60px; font-size:48px; color:#000; font-weight:bold;}
.wh02boxcon .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color:#000;}
.wh02boxcon .wh02p{ margin-top:40px; line-height:32px; font-size:16px; font-family:"微软雅黑"; text-indent:2em;}

.wh03box{ width:100%; height:790px; background:url(../images/wh03.jpg) no-repeat center center;}
.wh03boxcon{ width:75%; height:300px; margin-top:200px; margin:0 auto; padding-top:100px;}
.wh03boxcon .top{ width:100%; height:60px; line-height:60px; font-size:48px;color: rgb(216, 12, 24); font-weight:bold;}
.wh03boxcon .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color: rgb(216, 12, 24);}
.wh03boxcon .wh03p{ margin-top:40px; line-height:32px; font-size:16px; font-family:"微软雅黑"; text-indent:2em;}

.wh03boxcon .wh03p P{ line-height:32px; text-indent:2em;}

.wh03boxcon .tpimg{ width:425px; height:267px; float:left; margin-right:50px; margin-top:50px;}
.wh03boxcon .tpimg2{ width:425px; height:267px; float:left;margin-top:50px;}




.wh04box{ width:100%; height:750px; background:url(../images/wh04.jpg) no-repeat center center;}
.wh04boxcon{ width:50%; height:300px; margin-top:200px;float:left;}
.wh04boxcon .top{ width:100%; height:60px; line-height:60px; font-size:48px; color:#fff; font-weight:bold;}
.wh04boxcon .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color:#fff;}
.wh04boxcon .wh04p{ margin-top:40px; line-height:32px; font-size:16px; font-family:"微软雅黑"; text-indent:2em; color:#FFF}


/**PAGE 人才理念**/
.rclnbox{ width:100%; height:auto; margin:0 auto; margin-top:60px; margin-bottom:50px}
.rclnmenu{ width:390px; height:233px; background: url(../images/rcln.jpg) no-repeat center center; color:#FFF; float:left; margin-right:15px;}
.rclnmenu:hover{ width:390px; height:233px; background:url(../images/red.jpg) no-repeat center center; color:#FFF}
.rclnmenucur{width:390px; height:233px; background:url(../images/red.jpg) no-repeat center center !important; color:#FFF}
.rclnmenu .tubiao{ width:60px; height:60px; margin:0 auto; margin-top:50px; margin-bottom:15px}
.rclnmenu .x{ width:90px; height:3px; background:#FFF; margin:0 auto; text-align:center}
.rclnmenu p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px}

.rclnmenu2{ width:390px; height:233px; background: url(../images/rczp.jpg) no-repeat center center; color:#FFF; float:left; margin-right:15px;}
.rclnmenu2:hover{ width:390px; height:233px; background:url(../images/red.jpg) no-repeat center center; color:#FFF}
.rclnmenu2 .tubiao{ width:60px; height:60px; margin:0 auto; margin-top:50px; margin-bottom:15px}
.rclnmenu2 .x{ width:90px; height:3px; background:#FFF; margin:0 auto; text-align:center}
.rclnmenu2 p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px}


.rclnmenu3{ width:390px; height:233px; background: url(../images/jltd.jpg) no-repeat center center; color:#FFF; float:left; }
.rclnmenu3:hover{ width:390px; height:233px; background:url(../images/red.jpg) no-repeat center center; color:#FFF}
.rclnmenu3 .tubiao{ width:60px; height:60px; margin:0 auto; margin-top:50px; margin-bottom:15px}
.rclnmenu3 .x{ width:90px; height:3px; background:#FFF; margin:0 auto; text-align:center}
.rclnmenu3 p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px}

.rclnnav{ width:100%; height:auto; display:inline-block; background:#f2f2f2}
.rclnnav .bt{ width:100%; height:40px; line-height:40px; font-size:28px; color:#333; margin-top:30px;text-align:center}
.rclnnav .bte{ width:100%; height:30px; line-height:30px; font-size:16px;color: rgb(75, 75, 75); text-align:center}
.rclnnav p{ width:100%; line-height:30px; color:#4b4b4b; text-indent:2em; font-size:16px;}

 .rclnklbox{ width:100%; height:auto; margin:0 auto; margin-top:40px; }
 .rclnklboxin{ width:1342PX; height:auto; margin:0 auto;margin-bottom:100PX;}
 
 
 .rclnk1{ width:268px; height:399px; background: url(../images/01.png.webp) no-repeat center center; float:left; }
 .rclnk1 .tops{ width:100%; height:40px; line-height:40px; margin-top:120px; font-size:18px; text-align:center; color:#666}
 .rclnk1 .xxx{ width:33px; height:3px; display:block; background:#999; margin:0 auto; text-align:center}
 .rclnk1 .js{ width:90%; line-height:22px; font-size:14px; color:#666; margin:0 auto; margin-top:20px;}
 
  .rclnk2{ width:268px; height:399px; background: url(../images/02.png.webp) no-repeat center center; float:left; }
 .rclnk2 .tops{ width:100%; height:40px; line-height:40px; margin-top:120px; font-size:18px; text-align:center; color:#666}
 .rclnk2.xxx{ width:33px; height:3px; display:block; background:#999; margin:0 auto; text-align:center}
 .rclnk2 .js{ width:90%; line-height:22px; font-size:14px; color:#666; margin:0 auto; margin-top:20px;}
 
  .rclnk3{ width:268px; height:399px; background: url(../images/02.png.webp) no-repeat center center; float:left; }
 .rclnk3 .tops{ width:100%; height:40px; line-height:40px; margin-top:120px; font-size:18px; text-align:center; color:#666}
 .rclnk3.xxx{ width:33px; height:3px; display:block; background:#999; margin:0 auto; text-align:center}
 .rclnk3 .js{ width:90%; line-height:20px; font-size:14px; color:#666; margin:0 auto; margin-top:20px;}
 
  .rclnk4{ width:268px; height:399px; background: url(../images/02.png.webp) no-repeat center center; float:left; }
 .rclnk4 .tops{ width:100%; height:40px; line-height:40px; margin-top:120px; font-size:18px; text-align:center; color:#666}
 .rclnk4.xxx{ width:33px; height:3px; display:block; background:#999; margin:0 auto; text-align:center}
 .rclnk4 .js{ width:90%; line-height:22px; font-size:14px; color:#666; margin:0 auto; margin-top:20px;}
 
  .rclnk5{ width:268px; height:399px; background: url(../images/02.png.webp) no-repeat center center; float:left; }
 .rclnk5 .tops{ width:100%; height:40px; line-height:40px; margin-top:120px; font-size:18px; text-align:center; color:#666}
 .rclnk5.xxx{ width:33px; height:3px; display:block; background:#999; margin:0 auto; text-align:center}
 .rclnk5 .js{ width:90%; line-height:22px; font-size:14px; color:#666; margin:0 auto; margin-top:20px;}
 
 
 /**PAGE 人才招聘**/
 .rczp{ width:100%; height:auto; margin:0 auto; max-width:1200px;}
 .rczp ul li{ width:100%; height:auto; border-bottom:1px solid #666; padding-bottom:30px; padding-top:40px;}
 .rczp ul li .gw{ width:280px; height:40px; line-height:40px; font-size:16px; float:left}
 .rczp ul li .zprs{ width:250px; height:40px; line-height:40px; font-size:16px; float:left}
 .rczp ul li .gzms h1{ width:100%; height:40px; line-height:40px;font-weight:bold; color: rgb(216, 12, 24); font-size:16px}
  .rczp ul li .gzms p{ width:100%; line-height:30px; font-size:16px; text-indent:0px;}
  
   .rczp ul li .zpyq h1{ width:100%; height:40px; line-height:40px;font-weight:bold; color: rgb(216, 12, 24); font-size:16px}
  .rczp ul li .zpyq p{ width:100%; line-height:30px; font-size:16px; text-indent:0px;}
  
  
  .msg_con{ background: #fff; width:800px; margin:0 auto; margin-top:30px; margin-bottom:40px;}
.msg_con .title{ font-size: 30px; color: rgba(0,0,0,.8); margin-bottom: 30px; }
.msg_con form{ width: 100%; }
.msg_con form .item{ margin-bottom: 22px; }
.msg_con form .item:last-child{ margin-bottom: 0; }
.msg_con form .item .tit{ color: #ff0000; margin-left: 20px; width: 14px; font-size: 14px; text-align: center; display: inline-block; vertical-align: middle; }
.msg_con form input[type="text"]{ width: 80%; max-width: 100%; background: #ececec; border: 1px solid #fafafa; height: 50px; line-height: 48px; padding: 0 20px; box-sizing: border-box; }
.msg_con form textarea{ max-width: 80%; display: inline-block; vertical-align: middle; margin: 10px 0; background: #ececec; border: 1px solid #fafafa; padding: 20px; width:85%; height: 140px; box-sizing: border-box; }
.msg_con form .msg_sub{ cursor: pointer; background: #da0005; color: #fff; font-size: 18px; text-align: center; width: 158px; height: 54px; border: none;margin: 0 auto;
display: block; }
.msg_con form .msg_sub:hover{ box-shadow: 3px 3px 0 #999; }
@media screen and (max-width: 1820px){
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 94%; margin: 0 3%;}
.i_sbot .slick-prev{ left: 0; }
.i_sbot .slick-next{ right: 0; }
}




/**PAGE 联系我们**/

.conttop{font-size: 30px; color: rgb(195, 8, 19); font-family: "microsoft yahei", 微软雅黑; text-align: center; margin-top:80px;}
.conttop2{color: rgb(159, 160, 160);; font-family: "microsoft yahei", 微软雅黑; text-align: center; font-size:18PX;}
.contxian{ width:65px; height:1px; background:#999; margin:0 auto; margin-top:30px;}

.contactbox{ width:100%; height:auto; margin:0 auto; margin-top:50px;}
.contactbox .dh{ width:25%; height:auto; float:left}
.contactbox .dhtb{ width:110px; height:110px; background:url(../images/c01.png.webp) no-repeat center center; margin:0 auto; text-align:center}
.contactbox .dhtb:hover{ width:110px; height:110px; background:url(../images/c01_h.png) no-repeat center center;}
.contactbox .dh P{ width:180px; font-size:16px;color: rgb(231, 0, 18); text-align:center; margin:0 auto; margin-top:15px; margin-bottom:5px;}
.contactbox .dh .wz{ width:180px; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center; margin:0 auto; }


.contactbox .cz{ width:25%; height:auto; float:left}
.contactbox .cztb{ width:110px; height:110px; background:url(../images/c02.png.webp) no-repeat center center; margin:0 auto; text-align:center}
.contactbox .cztb:hover{ width:110px; height:110px; background:url(../images/c02_h.png) no-repeat center center;}
.contactbox .cz P{ width:180px; font-size:16px;color: rgb(231, 0, 18); text-align:center; margin:0 auto; margin-top:15px; margin-bottom:5px;}
.contactbox .cz .wz{ width:180px; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center; margin:0 auto; }


.contactbox .yx{ width:25%; height:auto; float:left}
.contactbox .yxtb{ width:110px; height:110px; background:url(../images/c03.png.webp) no-repeat center center; margin:0 auto; text-align:center}
.contactbox .yxtb:hover{ width:110px; height:110px; background:url(../images/c03_h.png) no-repeat center center;}
.contactbox .yx P{ width:180px; font-size:16px;color: rgb(231, 0, 18); text-align:center; margin:0 auto; margin-top:15px; margin-bottom:5px;}
.contactbox .yx .wz{ width:180px; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center; margin:0 auto; }


.contactbox .dz{ width:25%; height:auto; float:left}
.contactbox .dztb{ width:110px; height:110px; background:url(../images/c04.png.webp) no-repeat center center; margin:0 auto; text-align:center}
.contactbox .dztb:hover{ width:110px; height:110px; background:url(../images/c04_h.png) no-repeat center center;}
.contactbox .dz P{ width:180px; font-size:16px;color: rgb(231, 0, 18); text-align:center; margin:0 auto; margin-top:15px; margin-bottom:5px;}
.contactbox .dz .wz{ width:180px; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center; margin:0 auto; }

.feedmap{ width:1200px; height:auto; margin:0 auto}
.feedmap .feed{ width:50%; height:auto; float:left}
.feedmap .map{ width:50%; height:450px; float:left; margin-top:30px;}


/**PAGE  NEWS**/
.newsboxss{ width:1200px; height:auto; margin:0 auto; margin-top:40PX}
.newsboxss ul li{ width:100%; height:185px; border-bottom:1px dashed #CCCCCC; margin-bottom:25px}
.newsboxss ul li .leftimg{ width:220px; height:160px; float:left; border-radius:5px; text-align:center;}
.newsboxss ul li .leftimg img{ width:220px; height:160px; text-align:center; margin:0 auto}
.newsboxss ul li .rightnav{ width:920px; height:auto; float:left; margin-left:25px;}
.newsboxss ul li .rightnav .biaoti{ width:100%; height:50px; line-height:50px; font-size:16px; color:#333}
.newsboxss ul li .rightnav .jianjie{ width:100%; height:50px; line-height:24px; font-size:14px; color:#666; overflow:hidden}
.newsboxss ul li .rightnav .time{ width:100%; height:30px; line-height:30px; color:#999; font-size:14px; margin-top:10px;}


.pages {
	text-align: center;
}
.pages .pages1 {
	display: inline-block;
}
.pages .pages1 a {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 60px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 15px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-width: 1px ;
	transition: all .3s linear;
}
.pages .pages1 a:last-child {
	border-right: 1px solid #e6e6e6;
}
.pages .pages1 a:hover, .pages .pages1 a.active {
	border-color: #da0005;
	color: #fff;
	background-color: #da0005;
}
.pages .pages1 .sheng {
	border-top: none;
	border-bottom: none;
}
.pages .pages1 .sheng:hover {
	background: #fff;
	color: #da0005;
	border-color: #e6e6e6;
}
.pages .pages1 .prev,  .pages .pages1 .next {
	font-size: 13px;
	width: 92px;
	text-align: left;
}
.pages .pages1 .prev {
	border-left-width: 1px;
	padding-left: 36px;
	background: url(../images/prev4.png) left 16px center no-repeat;
	background-size: 6px;
}
.pages .pages1 .prev:hover {
	background: url(../images/prev4on.png) left 16px center no-repeat;
	background-color: #da0005;
	background-size: 6px;
}
.pages .pages1 .next {
	border-right-width: 1px;
	padding-left: 12px;
	background: url(../images/next4.png) 70px center no-repeat;
	background-size: 6px;
}
.pages .pages1 .next:hover {
	background: url(../images/next4on.png) 70px center no-repeat;
	background-color: #da0005;
	background-size: 6px;
}
.pagination {
	margin: 40px auto;
	text-align: center;
}


.newsdet{ width:1200px; height:auto; margin:0 auto}
.newsdet .bti{ width:100%; margin-top:50px; height:100px; line-height:60px; border-bottom:1px solid #CCC; text-align:center; font-size:20px; color:#333}
.newsdet .time{ width:100%;}
.newsdet .nr{ width:100%; height:auto; margin-top:30px; margin-bottom:50px;}
.newsdet .nr p{ width:100%; line-height:30px; text-indent:2em; font-size:14px; color:#333}
.newsdet .nr img{ width:auto; max-width:1200px; height:auto; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.newsdet .moress{ width:100%; height:40px; line-height:40; font-size:14px; color:#333}
/*.newsdet .mores a:hover{ color:#F00}*/

/**PAGE PRODUCT**/
.probox{ width:100%; height:auto; margin:0 auto;box-shadow: 0px 0px 20px 0 #999}
.proboxmenu{ width:100%; height:70px; line-height:70px; }
.proboxmenu ul li{ width:16.6%; height:70px; line-height:70px; text-align:center; font-size:20px; border-right:1px solid #666; float:left}
.proboxmenu ul li a{ text-align:center; font-size:20px;}
.proboxmenu ul li a:hover{ display: inline-block; width:100%; height:70px; line-height:70px; text-align:center; background:#da0005; color:#FFF}
.proboxmenu_cur{display: inline-block; width:100%; height:70px; line-height:70px; text-align:center; background:#da0005; color:#FFF}
.prolist{ width:100%; height:450px; padding-top:60px;}
.prolistimg{ width:700px; height:302px; float:left;}
.prolistimg img{ width:700px; height:302px; margin:0 auto; text-align:center; overflow:hidden}
.prolisttex{ width:500px; height:302px; float:left}
.prolisttex h1{ width:100%; height:40px; line-height:40px;font-size: 18px;
color: rgb(218, 0, 5); margin-top:30px;}
.prolisttex p{ width:100%; height:auto;color: #666666; /*text-indent:2em;*/ line-height:22px; font-size:15px; /*margin-top:30px;*/}
.prolisttex .gengduo{ width:140px; height:42px; line-height:42px; text-align:center; background:#c40000; color:#FFF; margin-top:30px;}
.prolisttex .gengduo a{color:#FFF; }
.prolisttex .gengduo a:hover{ width:140px; height:42px; line-height:42px; background:#900; color:#FFF; display:inline-block}


/**PAGE PRODET**/
.prodetbox{ width:100%; height:600px; background:url(../images/wh02.jpg) no-repeat center center;}
.prodetboxcon{ width:45%; height:auto; margin-top:50px;float:left;}
.prodetboxcon .top{ width:100%; height:60px; line-height:60px; font-size:30px; color: rgb(218, 0, 5); }
.prodetboxcon .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color:#000;}
.prodetboxcon .wh02p{ margin-top:45px; font-family:"微软雅黑"; }
.prodetboxcon .wh02p p{ width:100%; font-size:14px; color:#666;line-height:26px; }



.prodetboxconr{ width:40%; height:300px; margin-top:120px;float: right;}
.prodetboxconr .top{ width:100%; height:60px; line-height:60px; font-size:30px; color: rgb(218, 0, 5); }
.prodetboxconr .top2{ width:100%; height:50px; line-height:50px; font-size:36px;color:#000;}
.prodetboxconr .wh02p{ margin-top:40px; font-family:"微软雅黑"; }
.prodetboxconr .wh02p p{ width:100%; font-size:14px; color:#666;line-height:26px; }



.prodettop{ width:1200px; height:45px; line-height:45px; font-size:24px; color:#333; text-align:center; border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin:0 auto; margin-top:35px; margin-bottom:50px;}

.prodetnav1{ width:100%; height:auto; margin:0 auto}
.prodetnav1 p{ line-height:26px; color:#666; font-size:14px;}

.list01js{ width:48%; height:auto; float:left}
.list01js img{ width:100%; height:auto; margin:0 auto; text-align:center}
.list01wz{ width:48%; height:auto; float:right}
.list01wz .tou{ width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:50px;}
.list01wz p{ line-height:26px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}


.list02js{ width:305px height:auto; float:right}
.list02js img{ width:100%; height:auto; margin:0 auto; text-align:center}
.list02wz{ width:720px; height:auto; float:left;}
.list02wz .tou{ width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:50px; margin-top:80px;}
.list02wz p{ line-height:26px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}




.list03js{ width:42%; height:auto; float:left}
.list03js img{ width:100%; height:auto; margin:0 auto; text-align:center}
.list03wz{ width:57%; height:auto; float:right}
.list03wz .tou{ width:100%; height:auto; line-height:20px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:5px;}
.list03wz p{ line-height:24px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}

.list04js{ width:620px; height:auto; float:left; margin-top:40px;}
.list04jsimg { width:300px; height:auto; float:left}
.list04jswz{ width:300px; height:auto; margin-left:20px; float:left}
.list04jswz .tou{width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:10px; margin-top:10px;}
.list04jswz p{ line-height:26px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}


.list05js{ width:560px; height:auto; float:left; margin-top:40px; margin-left:20px;}
.list05jsimg { width:200px; height:auto; float:left}
.list05jsimg img{ width:200px;}
.list05jswz{ width:320px; height:auto; margin-left:20px; float:left}
.list05jswz .tou{width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:10px; margin-top:10px;}
.list05jswz p{ line-height:26px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}

.list06js{ width:30%; height:auto; float:left}
.list06js img{ width:100%; height:auto; margin:0 auto; text-align:center}
.list06wz{ width:69%; height:auto; float:right}
.list06wz .tou{ width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:5px; margin-top:50px;}
.list06wz p{ line-height:24px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}

.list07js{ width:600px; height:auto; float:left; margin-top:40px;}
.list07jsimg { width:300px; height:auto; float:left}
.list07jswz{ width:260px; height:auto; margin-left:20px; float:left}
.list07jswz .tou{width:100%; height:auto; line-height:40px; font-size: 24px;
color: rgb(218, 0, 5); margin-bottom:10px; margin-top:10px;}
.list07jswz p{ line-height:26px;font-size: 14px;
color: rgb(75, 75, 75);
font-family: 微软雅黑, "Microsoft YaHei"}




.tabbox{ width:100%; height:auto; margin-top:50px; background:url(../images/tabbj.jpg) no-repeat center center;}

.listnr{ width:100%; max-width:1200px; height:auto; margin:0 auto; margin-bottom:50px;}
.listnr .biaot{font-size: 30px;
color: rgb(209, 15, 15); width:100%; line-height:100px; text-align:center}
.listnr img{ width:100%; height:auto; margin:0 auto; text-align:center}

.listnr2{ width:100%; max-width:1200px; height:auto; margin:0 auto; margin-bottom:50px;}
.listnr2 .biaot{font-size: 30px;
color: rgb(209, 15, 15); width:100%; line-height:100px; text-align:center}
.listnr2 img{ width:auto; height:auto; margin:0 auto; text-align:center}


/**aboutHonor**/
.one{margin:50px auto;height:257px;width:1200px;overflow:hidden;position:relative; margin-top:110px}
.one ul{height:260px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:5px;height:257px;border-radius:5px;position:relative;}
.one ul li a{display:inline-block;height:257px;} 
.one ul li img{border-radius:5px;display:block;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{height:257px;line-height:257px;font-size:20px;text-align:center;transition:all 0.7s;}

.two{margin:80px auto;height:190px;width:100%;overflow:hidden;position:relative; }
.two ul{height:190px;width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.two ul li{display:block;float:left;margin:5px;height:187px;border-radius:5px;position:relative;}
.two ul li a{display:inline-block;height:187px;} 
.two ul li img{display:block;border-radius:5px;height:187px;}
.two ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.two ul li a:hover span{height:187px;line-height:187px;font-size:20px;text-align:center;transition:all 0.7s;}


.three{margin:80px auto;height:190px;width:100%;overflow:hidden;position:relative; }
.three ul{height:190px;width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.three ul li{display:block;float:left;margin:5px;height:187px;border-radius:5px;position:relative;}
.three ul li a{display:inline-block;height:187px;} 
.three ul li img{display:block;border-radius:5px;height:187px;}
.three ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.three ul li a:hover span{height:187px;line-height:187px;font-size:20px;text-align:center;transition:all 0.7s;}



/**生产能力**/
.shengchan{ width:1200px; height:400px; background:url(../images/scnl.jpg) no-repeat center center}
.shengchan_left{ width:500px; margin:0px 50px; padding-top:100px; float:left}
.shengchan_left .topss{ width:100%; line-height:40px; font-size:24px;}
.shengchan_left p{ width:100%; text-indent:2em; font-size:16px; line-height:30px;}
.shengchan_right{ width:560px; height:300px; float:left}


/**全球产业布局**/
.quanqiu{ width:100%; height:auto; margin:0 auto; max-width:1200px; margin-bottom:50px;}
.quanqiu img{ width:100%; height:auto; margin:0 auto; text-align:center}
.quanqiu p{ line-height:30px; font-size:16px; color: #666666; text-indent:2em}
.quanqiu h3{color: rgb(179, 9, 0); font-size:30px; width:100%; line-height:80px; text-align:center; }


/**员工风采**/
.ygfc{ width:100%; height:auto; max-width:1135px; margin:0 auto; margin-top:60px;}
.ygfc_left{ width:375px; height:465PX; float:left; margin-right:10px; background:#e53623}
.ygfc_left .wz2{ width:100%; height:60px;font-size:24px; text-align:center; line-height:30px; color:#FFF; margin:0 auto; margin-top:55%}

.ygfc_right{ width:750px; height:auto; float:left}
.ygfc_right_top{ width:100%; height:200px;}
.ygfc_right_bott{ width:100%; height:auto; margin-top:10px; text-align:center; }

.ygp01{ width:50%; height:320px; float:left; margin-top:30PX; overflow:hidden}
.ygp01 img:hover{transition: all 0.6s;

transform: scale(1.4);

-webkit-transform: scale(1.4);
}
.ygp02{ width:50%; height:320px; float:left; margin-top:30PX;}





/***********下载************/
.aboutcontent p{
	font-size: 100%;
	line-height: 1.5;
	margin: 0.8em 0;
	color: #44444;
}

.pro-list-i {
	background-color: #c3d631;
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 11px;
	border-radius: 50%;
}

.list-title {
	border-bottom: 1px solid #323845;
}
.list-title h2{
	margin: 0.65625em  0;
	display: inline-block;
}
.pro-list-more {
	margin: 0.65625em  0;
	float: right;
	color: #d07327;
}

.pro-list-img {
	width: 45%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.pro-list-content {
	float: left;
	margin: 0;
	margin-left: 15px;
	width: 50%;
	margin-top: 20px;
}
.list-content {
	width: 47%;
	display: table;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0.5em 0;
	table-layout: fixed;
	float: left;
}

.list-content:hover {
	background-color: #c3d631;
}
.list-content:hover {
	background-color: #c3d631;
}
.list-content:hover .pro-list-content > h4:not(:last-child){
	color:#ffff!important;
}


.pro-list-content p{
	color: #323845;
}
.news-page a{
	color: #323845;
}

.powermail_fieldwrap {
	margin: 0 0 0.5em 0;
	clear: both;
}

.powermail_label {
	width: 10%;
	float: left;
	clear: left;
	display: inline-block;
}
.powermail_input {
	font-size: 14px;
	width: 20%;
	padding: 5px;
	border: 0 none;
	color: #000000;
	background: #E7E7EC;
	outline: none;
}

.powermail_submit {
	border: 0 none;
	color: #FFFFFF;
	display: inline-block;
	margin: 20px 0 0 10%;
	text-transform: uppercase;
	background: #d07327;
	padding: 0.25em 1em;
	border-radius: 20px;
	width: 150px;
	text-align: center;
	outline: none;
	cursor: pointer;
}

.accordion {
	margin: 1em 0 1em;
}
.accordionelement {
	padding: 5px 0; line-height:30px;
	
	border-bottom: 1px solid #9b9fab;
}

.accordionelement a {
	color: #000000;
}



/*新闻*/
/*.news{
	padding: 50px 0px 75px;
}*/
.new-tab{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: url(../images/img214.png) top 10px center no-repeat;
	/*background-size: 100% auto;*/
}
.new-tab ul{
	display: inline-block;
}
.new-tab ul li{
	float: left;
	width: 220px;
	margin-right: 30px;
	text-align: center;
}
.new-tab ul li:last-child{
	margin-right: 0;
}
.new-tab ul li a{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.new-tab ul li .point{
	margin: 0px auto 10px;
}
.new-tab ul li .point i{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: #c4c4c4 solid 2px;
	background-color: #c4c4c4;
}
.new-tab ul li.on .point, .new-tab ul li:hover .point{
	background: url(../images/img215.png) center no-repeat;
}
.new-tab ul li.on .point i, .new-tab ul li:hover .point i{
	background-color: #FFFFFF;
	border: #d80c18 solid 2px;
}
.new-tab ul li .txt{
	color: #666666;
	font-size: 18px;
	font-family: 'SourceHanSansCN-Regular';
}
.new-tab ul li.on .txt, .new-tab ul li:hover .txt{
	color: #d80c18;
	font-family: 'SourceHanSansCN-Medium';
}
.newbox{
	margin-top: 40px;
	border-top: #e5e5e5 solid 1px;
}
.newbox ul{
	margin-bottom: 90px;
}
.newbox ul li{
	position: relative;
	float: left;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	/*width: calc(100% / 3);*/
	padding: 2.8% 4% 3%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; background:#f0f0f0
}
.newbox ul li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
}
.newbox ul li::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-right: #e5e5e5 solid 1px;
	border-bottom: #e5e5e5 solid 1px;
}
.newbox ul li:nth-child(3n)::before{
	border-right: none;
}
.newbox ul li .time{
	color: #464545;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 25px;
}
.newbox ul li .time .date{
	display: inline-block;
	margin-right: 10px;
	font-size: 42px;
}
.newbox ul li .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center; width:304px; height:165px;
}
.newbox ul li .imgbox img{
	width: 100%;
}
.newbox ul li .txtbox{
	text-align: left;
	margin-top: 25px;
}
.newbox ul li .txtbox .t1{
	color: #333333;
	font-size: 16px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newbox ul li:hover .txtbox .t1{
	color: #d80c18;
}
.newbox ul li .txtbox .t2{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 1.7;
	height: 50px;
	margin-bottom: 30px;
	font-family: 'SourceHanSansCN-light';
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newbox ul li .txtbox .t3{
	position: relative;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #d80c18;
	font-size: 16px;
	font-family: 'SourceHanSansCN-light';
	background-color: #f7f7f7;
	/*border-left: #d80c18 solid 3px;*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newbox ul li .txtbox .t3 span{
	position: relative;
	z-index: 2;
}
.newbox ul li:hover .txtbox .t3 span{
	color: #ffffff;
}
.newbox ul li .txtbox .t3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 3px;
	height: 100%;
	background-color: #d80c18;
	 -o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.newbox ul li:hover .txtbox .t3::before{
	width: 100%;
}