@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#000;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
img{ max-width: 100%; height: auto; transition: all .5s;}
a{ text-decoration:none; color:#000000; }
a:hover{ color:#d31921;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{display:block;}
.fl{float:left;}
.rl{float:right;}

.hjhtop{ width:100%; z-index:1000000; position:absolute; border-bottom:1px solid #000;}

.hjhlogo{ margin-top:20px; margin-bottom:10px;}

.hjhtopmenu{ float:right; width:85%;}
.sp01{ height:40px; overflow:hidden; line-height:40px; color:#d31921; background:url(../images/telimg.png) no-repeat 0 9px; padding-left:30px;}

.top01{ width:100%; z-index:1000000; position:absolute; border-bottom:1px solid #000;/* background:url(../images/dhbg.png) repeat;*/ background:#FFF;}
.top02{width:80%; height:110px; margin:0px auto;}
.top02_l{width:60px; height:76px; float:left;}
.top02_l img{width:60px; height:76px; display:block; margin-top:15px;}
.top02_c{width:80%; height:110px; margin-left:30px; float:left; margin-left:10%;}
.top02_r{width:29px; height:110px; float:right;}


.dh{width:100%;}
.dh ul{width:100%; height:110px; overflow:hidden;}
.dh ul li{width:16.6%; height:110px; float:left;}
.dh ul li .a01{width:100%;height:110px; padding-top:50px; text-align:center; color:#000; font-size:16px; display:block; overflow:hidden;}
.dh ul li:hover .a01{color:#000; background:#FFF;}
.dh_xl01{width:100%; height:auto; background:#FFF; background:url(../images/toumingbg.png) repeat;padding:50px 0px; position:absolute; left:0px; overflow:hidden; top:110px; z-index:999999; display:none;}
.dh_xl02{width:1200px; height:auto; margin:0px auto;}
.dh_xl02_l{width:330px; height:auto; float:left; border-right:1px solid #999;}
.dh_xl02_l a{width:300px; height:50px; line-height:50px;text-indent:30px;font-size:16px; margin:0px 10px 10px 0px; display:block; float:left;}
.dh_xl02_l a:hover{ color:#ee202b; font-weight:bold; background:#FFF; border-left:6px solid #ee202b;}
.dh_xl02_r{width:480px; height:auto; float:right;}


/********************/
#nav {width:100%; float:right; margin-top:25px; overflow:hidden;}
#nav li {float:left; width:16.66666%;}
#nav li a{
	display: block;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:16px;
	height:42px;
	line-height:42px;
}
#nav li a:hover{text-decoration:none;color:#FFF; font-weight:bold;}
#nav li a#cur{color:#FFF; font-weight:bold;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 11%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #e54000;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
 background:#000; border-bottom:1px solid #e54000;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#e54000;text-decoration:none;font-weight:normal;border-top:none;
 background:#FFF;filter: Alpha(Opacity=70);border-bottom:1px solid #e54000;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.cysp01{ width:14%; margin-top:50px; background:url(../images/telhua.png) no-repeat; height:16px; line-height:16px; color:#483065; font-size:20px; font-weight:bold; padding-left:1%;}
/**********************/
.video_boxh1{
width: 1200px;
position: absolute;
left: 0;
right:0;
margin: 0 auto;
top:300px;
text-align: left;
color: #fff;
z-index:100;
font-weight:normal;
font-size:66px;
}

#aaban{ display:block; float:left; width:150px; height:60px; margin-top:60px; line-height:60px; font-size:18px; background:#e87817; color:#FFFF; text-align:center;}


/*.wolong {
    padding: 0 20px;
  }*/
.i-banner {
  position: relative;
  overflow: hidden;
}

.i-banner ul li a .boxwen {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  line-height: 1;
  height: 302px;
  font-weight: bold;
}
.i-banner ul li a .boxwen .tit11 {
  /*font-size: 90px;*/
  font-size: 40px;
  line-height: 1.5;
  overflow: hidden;
  color: #f1f3f8;
  font-weight:normal;
}
.i-banner ul li a .boxwen .tit1 {
  /*font-size: 90px;*/
  font-size: 50px;
  line-height: 1.5;
  overflow: hidden;
  color: #f1f3f8;
}
.i-banner ul li.read a .boxwen .tit1{

}
.i-banner ul li a .boxwen .tit2 {
  font-weight: bold;
  text-transform: uppercase;
  /*font-size: 48px;*/
  font-size: 20px;
  line-height: 1.5;
  /*height: 50px;*/
  overflow: hidden;
  color: #343331;
  font-family: Arial;
	margin-top: 15px;
    margin-bottom: 45px;
}
.i-banner ul li a .boxwen .more {
/*  margin: 0 auto;
  width: 245px;
  height: 55px;
  font-size: 22px;
  line-height: 55px;
  color: #343331;
  border: 2px solid #5c5b5a;
  transition: .5s;
  font-weight: normal;*/
}
.i-banner ul li a .boxwen .more {
	margin: 0 auto;
    width: 220px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    color: #343331;
    border: 2px solid #5c5b5a;
    transition: .5s;
    font-weight: normal;
}
.i-banner ul li a .boxwen .more:hover {
  color: #ffffff;
  background: #d53d30;
  border-color: #d53d30;
  transition: .5s;
}

.i-banner ul {
  height: 100%;
}

/*.i-banner ul li.video a .boxwen .tit2{
  transition-delay: .15s;
}
.i-banner ul li.video a .boxwen .more{
  transition-delay: .3s;
}*/
.i-banner li {
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover !important;
  display: none;
  opacity: 0;
}

.i-banner li.active {
  opacity: 1;
}

.i-banner li a {
  display: block;
  height: 100%;
  width: 100%;
}

.i-banner .btn {
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: 5;
}

.i-banner .btn span {
  display: block;
  text-indent: -9999px;
  width: 53px;
  height: 12px;
  margin: 0 6px;
  border-radius:10px;
  border: 1px solid #888;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  float: left;
}

.i-banner .btn span.on {
  background: #483065;
  border: 1px solid #594275;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.i-banner ul li.read a .boxwen{
	text-align: left;
	/*padding:0 10%;*/
	box-sizing: border-box;
	z-index: 3;
	max-width:1200px;
/*	left:auto;*/
	right:10%;
}
.i-banner ul li.read a .boxwen .more{
	text-align: center;
	margin:0;
	display: inline-block;
}
.i-banner ul li.read a:after{
	width:100%;
	height:100%;
	content:"";
	position: absolute;
	left:0;
	top:0;
    background: linear-gradient(to right, rgba(0,0,0,.1) , rgba(0,0,0,.6)); 

}
.i-banner li a{
	position: relative;
	z-index: 2;
}
.i-banner ul li.read a .boxwen .tit1{
	color:#fff;

}
.i-banner ul li.read a .boxwen .tit2{
	color:#fff;	
}
.i-banner ul li.read a .boxwen .more{
	color:#fff;	
	border-color: #ffffff;
}


.section .i-banner ul li a .boxwen .tit2 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.section .i-banner ul li a .boxwen .tit11 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.section .i-banner ul li a .boxwen .tit1 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.section .i-banner ul li a .boxwen .more {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.section.animate .i-banner ul li.active a .boxwen .tit11 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}

.section.animate .i-banner ul li.active a .boxwen .tit2 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.section.animate .i-banner ul li.active a .boxwen .tit1 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.section.animate .i-banner ul li.active a .boxwen .more {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}

/********************/
.hjhhangye{ width:80%; margin:0 auto; margin-top:70px;}
.hjhh1{ width:100%; font-size:35px; text-align:center; font-weight:normal;}
.hjhp01{ width:100%; text-align:center; line-height:35px; font-size:15px; margin-top:60px; padding-bottom:60px;}

/**************************/
.tzmore{ width:150px; height:42px; line-height:42px; margin-left:45%; background:#000; color:#FFF; border-radius:10px; text-align:center; margin-bottom:50px;}
.tzmore:hover{ background:#d41922; color:#FFF;}

.neiba {overflow: hidden;width: 100%; z-index:10; position:relative;}
.gyimg1{ height:745px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.neiyeba{
    height:4839px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slideshowba{
    height:906px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.cailiaoimg{
    height:650px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
	
.shoubn{
    height:960px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*************************************************/

.hjhjishu{ width:80%; margin:0 auto;}

.hjhjishu2{ width:50%; margin-top:80px;}
.hjhh2{ width:100%; font-size:35px; font-weight:normal;}	
.hjhp02{ width:100%; line-height:25px; margin-top:160px;}
.hjhmore1{ width:210px; height:42px; line-height:42px; text-align:center; overflow:hidden; background:#000; color:#FFF; border-radius:10px; margin-top:100px;}	
.hjhmore1:hover{ background:#d31921; color:#FFF;}

.hjhjishu1{ margin-top:80px;}
/************************************************/

.hjhshuzi{ width:100%; background:#000; color:#FFF; padding-bottom:50px; margin-top:50px;}
.hjhshuzi1{ width:80%; padding:0 10%; font-size:35px; line-height:160px; border-bottom:1px solid #FFF; overflow:hidden;}
.hjhshuzi2{ width:80%; padding:0 10%; height:160px; border-bottom:1px solid #FFF; overflow:hidden;}
.hjhshuzi2-1{ width:35%; border-right:1px solid #FFF; font-size:20px; line-height:160px;}
.hjhshuzi2-2{ width:43%;font-size:20px; line-height:25px; padding-top:50px; padding-left:20%;}

.hjhshuzi3{ width:80%; padding:0 10%; height:160px; border-bottom:1px solid #FFF;overflow:hidden;}
.hjhh3{ width:100%; font-size:20px; font-weight:normal; margin-top:35px;}
.hjhh4{ width:100%; font-size:30px; margin-top:15px;}
/******************/

.hjhshuzi4{ width:80%; padding:0 10%;border-bottom:1px solid #FFF;}
.hjhul01{ width:100%;}
.hjhul01 li{ width:24.5%; height:50px; float:left; border-right:1px solid #FFF; text-align:center; padding-top:50px; overflow:hidden; font-size:20px;}

.hjhul02{ width:100%;}
.hjhul02 li{ width:24.5%; padding-bottom:50px; float:left; border-right:1px solid #FFF; text-align:center; font-size:30px; font-weight:bold; padding-top:30px;}
/*******************************************/

.hjhxiangzi{ width:100%; margin:0 auto; margin-top:50px;}
.hjhh5{ width:100%; font-size:35px; font-weight:normal;}

.hjhul04{ width:100%; margin-top:50px;}
.hjhul04 li{ width:49.9%; float:left;}
.hjhul04 li img{ float:left; margin-left:25%;}

.hjhul03{ width:100%; margin-top:30px; border-bottom:1px solid #000; padding-bottom:5px;border-top:1px solid #000;}
.hjhul03 li{ padding-bottom:30px;}
#xzli01{ width:35%; float:left; padding-left:10%; padding-right:5%;}
#xzli02{ width:35%; float:left; padding-left:5%; background:#000; padding-right:10%;}

.xiangimg{ margin-left:20%;}
.hjhh6{ width:100%; float:left; font-weight:normal; font-size:35px; margin-bottom:10px; margin-top:30px;}
.hjhh7{ width:100%; float:left; font-weight:normal; font-size:35px; color:#FFF; margin-bottom:10px; margin-top:30px;}
.xiantiao{ width:100%; border:none; height:1px; background:#000; margin-bottom:22px;}
.hjhp03{ width:100%; line-height:23px; text-align:justify; margin:0 auto;}

.xiantiao2{ width:100%; border:none; height:1px; background:#FFF; margin-bottom:22px;}
.hjhp04{ width:100%; line-height:23px; text-align:justify; color:#FFF;}
/***************************/

.hjhanli{ width:80%;margin:0 auto; margin-top:50px;}
.hjhul05{ width:100%; margin-top:30px;}
.hjhul05 li{ width:31.333333%; float:left; margin:0 1%; text-align:center; margin-bottom:20px;}
.hjhul05 li a img{ float:left; width:100%; height:auto; border:1px solid #000;}
.hjhul05 li a p{ width:70%; float:left; margin-top:12px; padding:0 15%; font-size:16px; line-height:24px;}
/****************************/

.hjhlianxi{ width:80%; margin:0 auto; padding:60px 10%; margin-top:50px; background:url(../images/lxbg.jpg) no-repeat top center; color:#FFF;}
.hjhh8{ width:100%; font-size:35px; color:#FFF; font-weight:normal;}
.hjhh8 a{ color:#FFF;}
.hjhh8 a:hover{ color:#FFF; text-decoration:underline;}
.hjhp05{ width:100%; float:left; margin-top:15px; line-height:25px;}
/*******************************/

.hjhfoot{ width:80%; margin:0 auto; padding:35px 10%;border-bottom:1px solid #000; margin-top:30px;}
.hjhfoot1{ width:75%;}
.hjhfoot1-1{ width:20%;}
.hjhh9{ width:100%; font-size:14px; color:#7e7c7c; font-weight:normal;}

.hjhul06{ width:100%; margin-top:30px;}
.hjhul06 li{ width:100%; float:left; line-height:28px;}
.hjhul06 li a{ color:#000;}
.hjhul06 li a:hover{ color:#d31921;}

.hjhfoot2{ width:80%;margin:0 auto; padding:0 10%;border-bottom:1px solid #000; margin-bottom:50px;}
.hjhp06{ width:99.9%; line-height:25px; border-right:1px solid #000; padding:30px 0;}
/***************************************************/



.sznei{ width:80%; margin:0 auto; padding:0 10%; margin-top:30px;}
.szneill{ width:20%; background:#f4f5f7; padding:2%;}
.szh5{ width:100%; text-align:center; font-weight:normal; font-size:25px;}
.szul2{ width:100%; margin-top:20px;}
.szul2 li{ width:100%; float:left; text-align:center; margin:10px 0;}
.szul2 li a{ display:block; font-size:16px; width:100%; float:left; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}
.szul2 li a:hover{ display:block; width:100%; float:left; background:#000; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}

.szneirr{ width:71%; margin-left:5%;}
.szneirr-1{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #f4f5f7;}
.szneirr-1 a{ color:#3481bb; text-decoration:underline;}
.szneirr-2{ width:100%; margin:0 auto; margin-top:35px; line-height:28px; font-size:16px; color:#000; position:relative; z-index:10;}

.szneirr-3{ width:100%; margin-top:25px;}
.szneirr-3 ul{ width:100%; float:left;}
.szneirr-3 li{ width:47%; float:left; margin:2% 1.5%;}
.szneirr-3 li:hover{ cursor:pointer; background:#3481bb; border-radius:5px; color:#FFF;}
.szneirr-3 li:hover a{ color:#FFF;}
.szsp01-2{ background:#2775b6; color:#FFF;}
.szsp01-2{ width:20%; padding:35px 0; text-align:center; background:#f7f7f7; color:#454545;}
.szsp01-2 strong{ font-size:15px;}


.szneirr-4{ width:100%; margin-top:25px;}
.szneirr-4 ul{ width:100%; float:left;}
.szneirr-4 li{ width:30%; float:left; margin:2% 1%; text-align:center; border:6px solid #f5f5f5;}
.szneirr-4 li a{ font-size:16.5px;}
.szneirr-4 li a img{ width:100%; height:auto; float:left;}
.szneirr-4 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#f5f5f5;}
.szneirr-4 li:hover{ border:6px solid #d31921;}
.szneirr-4 li:hover span{ background:#000; color:#FFF;}
/**************************************************************/

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1698d4 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}




.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}	
	

/****************************/

.mklxjy{ width:96%; line-height:27px; text-align:justify; background:#f0efef; padding:2%;}

.message{width:100%; float:left; margin-top:30px; }
.blzh8{ width:100%; font-size:17px; color:#000;}
.message .box{  margin-top:50px;}
.message li{ width:100%; float:left; height:47px; margin:10px 0; }
#liuyan2{ width:100%; height:80px; margin:10px 0; float:left;}
.mklxsp1{ width:16%; line-height:45px; text-align:right;}
.input-text{ width:77%; margin-left:2%; height:45px; line-height:45px; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.input-text2{ width:77%; margin-left:2%; height:80px; line-height:23px; padding-top:10px; font-size:14px; font-family:Microsoft YaHei; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.mklxsp2{ width:4%; color:#F00; font-size:18px; font-weight:bold;line-height:45px; text-align:right;}

.yanzm1{ width:20%;height:45px; line-height:45px;outline:none; float:left;margin-left:2%;text-indent:12px;  border:1px solid #CCC;}
.yanzm2{ width:12%;height:45px; line-height:45px;outline:none; border:1px solid #930; background:#960; color:#FFF;float:left;margin-left:2%;text-align:center; font-size:30px; font-family:"Script MT Bold";}
.hyzz{ width:10%; line-height:45px; margin-left:2%;}

.tijiaoanniu{ width:100%; float:left;}
.button00{ margin-left:18%; width:150px; line-height:40px; height:40px; text-align:center; cursor:pointer;}
.button02{ width:150px; line-height:40px; height:40px; text-align:center; cursor:pointer;}
/********************************************/
@media only screen and (max-width: 1600px){
.slideshowba{ height:700px;}
	}	

@media only screen and (max-width: 1440px){
.shoubn{ height:500px;}
.neiyeba{height:4000px;	}
.neiyeba2{height:125px;	}
.hjhul02 li{ font-size:32px;}
/*.szneirr-2{ width:94%;}*/
.slideshowba{ height:650px;}
	}	
	
@media only screen and (max-width: 1200px){
.neiyeba{height:3600px;	}
.neiyeba2{height:100px;	}
.hjhul02 li{ font-size:25px;}
	}	
	
@media only screen and (max-width: 1300px){
#nav li {padding:0 0 0 15px;}	
#nav li a{ font-size:14px;}
	}
	
/***************************/
.neiye01{ width:100%; float:left; margin-bottom:150px;}
.gc001{ width:47%; margin-left:3%; margin-top:80px;}
.gc001 li{ width:100%; float:left; line-height:23px; margin:30px 0; background:url(../images/libg01.gif) no-repeat; text-indent:30px;}	

.neiye01-1{ width:47%;margin-left:3%; margin-top:80px;}
.hhp01{ width:100%; color:#000; font-size:42px; font-weight:bold;}
.hhp02{ width:100%; font-size:16px; margin-top:45px; line-height:25px;}
.tansuomore{ width:180px; height:60px; text-align:center; color:#FFF; line-height:60px; background:#636363; border-radius:15px; margin-top:50px;}
.tansuomore:hover{ background:#d31a22; color:#FFF;}
/*******************数字未来*************/
.shuziweilai{ width:100%; background:#262626; padding:80px 0; float:left;}
.shuziweilai ul{ width:80%; float:left; margin-left:10%;}
.shuziweilai li{ width:30.333333%; float:left; text-align:center; margin:0 1.5%; color:#FFF;}

.gc001-1{ width:40%; margin-left:10%; margin-top:80px;}
.gc001-1 li{ width:100%; float:left; line-height:23px; margin:30px 0; background:url(../images/libg01.gif) no-repeat; text-indent:30px;}	

.hhvs{ width:100%; background:#7f7f7f; float:left; border-top:3px solid #000;border-bottom:3px solid #000;}
.hhvs img{ display:block; margin:0 auto;}

.hhweilai1{ width:80%; margin-left:10%; float:left; margin-top:50px;}
.hhweilai1 ul{ width:100%; float:left;}
.hhweilai1 li{ width:48.5%; float:left; margin-right:1.5%; text-align:center;}
.hhweilai1 li img{ width:100%; height:auto; margin-bottom:15px;}

.hhweilai2{ width:100%; float:left; background:#a6a6a6; padding:35px 0; margin-top:50px;}
.hhweilai2 ul{ width:80%; margin-left:10%; float:left;}
.hhweilai2 li{ width:48.5%; float:left; margin-right:1.5%; text-align:center;}
.hhweilai2 li img{ width:100%; height:auto; margin-bottom:15px;}

.hhweilai3{ width:80%; margin-left:10%; float:left; margin-top:50px;}
.hhweilai3 span{ width:100%; display:block; float:left; font-size:42px; font-weight:bold;}
.hhweilai3 ul{ width:100%; float:left; margin-top:50px;}
.hhweilai3 li{ width:30.333%; float:left; margin:20px 1.5%; text-align:center;}
.hhweilai3 li a img{ width:99.5%; border:1px solid #CCC; height:auto; margin-bottom:12px; float:left;}
.hhweilai3 li a p{ width:100%; float:left; height:45px; overflow:hidden; line-height:22px; padding:10px 0 0 0;}
/*********汽车***********/

.hhqiche1{ width:80%;float:left;margin-left:10%;}
.hhqiche1 span{ color:#d11b21;}

.hhqiche2{ width:80%; float:left; margin-top:50px;margin-left:10%;}
.qichesp01{ display:block; width:100%; float:left; font-size:30px; font-weight:bold;}
.qichep01{ width:100%; float:left; line-height:26px; margin-top:35px; font-size:15px;}

.hhqiche3{ width:80%; float:left; margin-left:10%;}
.hhqiche3 ul{ width:100%; float:left;}
.hhqiche3 li{ width:30.3333%; float:left; margin:0 1.5%;}
.hhqiche3 li img{ display:block; margin:0 auto;}

.qichediv01{ width:100%; float:left; border-top:1px solid #CCC;border-bottom:1px solid #CCC; padding:20px 0;}

.hhqiche4{ width:100%; float:left; background:#d9d9d9; margin-top:80px; padding:35px 0;}
.hhqiche4 ul{ width:80%; float:left; margin-left:10%;}
.hhqiche4 li{ width:30.3333%; float:left; margin:0 1.5%;}
.hhqiche4 li strong{ font-size:50px;}

.hhqiche5{ width:80%; float:left; margin-left:10%; margin-top:80px; text-align:center;}
.hhqiche5 strong{ font-size:50px;}
.hhqiche5 b{ font-size:32px;}
.qichep02{ line-height:30px; margin-top:30px; float:left; width:100%;}

.hhqiche6{ width:80%; float:left; margin-top:80px; margin-left:10%;}
.hhqiche6-1{ width:47.8%; float:left; padding-right:2%;}
.hhqiche6-1 img{ width:100%; height:auto;}
.qichesp02{ width:100%; float:left; display:block; font-size:32px;}
.qichep03{ width:100%; float:left; margin-top:30px; border-bottom:1px solid #CCC; padding-bottom:35px; margin-bottom:30px;}
.qichesp03{ width:100%; float:left; display:block; font-size:22px;}
.qichep04{ width:100%; float:left; line-height:25px; margin-top:35px; }
.qichep04-1{ width:70%; float:left; line-height:25px; margin-top:35px; margin-left:15%;margin-bottom:35px;}

.hhqiche6-2{ width:50%; float:left;}

.hhqiche7{ width:100%; float:left; margin-top:80px; background:#f2f2f2;}
.pinzhi2{ margin-top:35px;}

.hhqiche7-2{ width:40%; float:left;}

.hhqiche8{ width:80%; float:left; margin-left:10%; margin-top:80px;}
.hhqiche8-1{ width:49%; float:left; border-right:1px solid #CCC;}
.hhqiche8-2{ width:30%; float:left; line-height:25px; margin-left:10%; margin-top:15%;}
/*******工艺品***********/
.hhgongyi1{ width:100%; float:left;}

.gongyixx{ border-right:1px solid #CCC; }
.hhgongyi1-1{ width:48%; float:left; margin-left:2%;}
.hhgongyi1-1 img{ width:100%; height:auto;}
.gongyip01{ width:62%; float:left; line-height:25px; margin-top:80px; margin-bottom:80px; }

.gongyiimg a{ width:49%; float:left;}
.gongyiimg a img{ width:100%; float:left; height:auto;}

.mmar{ margin-top:50px;}
.mmar2{ margin-top:100px;}
.mmar3{ margin-top:20px;}
.mmar4{ margin-top:180px;}
.gongyimar{ padding-bottom:100px;}
/*******化工******/
.huagong1{ width:100%; float:left; margin-top:80px;}
.huagongsp01{ width:60%; float:left; display:block; margin-left:20%; font-size:32px;}
.huagongp01{ width:60%; float:left; margin-top:30px; margin-left:20%; border-bottom:1px solid #CCC; padding-bottom:35px; margin-bottom:30px;}

/*********船舶***/
.hhchuanbo1{ width:76%; float:left; margin-left:12%;}
.hhchuanbo1 ul{ width:100%; float:left;}
.hhchuanbo1 li{ width:45%; float:left; margin:0 2.5%;}
.hhchuanbo1 li img{ }
.hhcb1{ width:100%; height:65px; line-height:65px; border-bottom:1px solid #CCC; border-top:2px solid #000; font-size:32px; font-weight:bold;}

.hhcb2{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #CCC;}
/**********铸造工艺***********/
.hhzhuzaogy{ width:80%; float:left; margin-left:10%;}
.hhzhuzaogy ul{ width:100%; float:left; margin-top:60px;}
.hhzhuzaogy li{ width:30.3333%; float:left; margin:0 1.5%; border-bottom:1px solid #CCC;}
.hhzhuzaogy li img{ float:left;}
.hhzhuzaogy li span{ display:block; width:100%; float:left; height:40px; line-height:40px; overflow:hidden; text-align:center;}

/********配套下载**********/
.hhpeitao{ width:80%; float:left; margin-left:10%; margin-top:150px;}
.peitaoul1{ width:100%; float:left; margin-left:3%;}
.peitaoul1 li{ width:28%; float:left; margin:0 2.5%;}
.peitaoul1 li a{ text-align:center;}
.peitaoul1 li a img{ float:left; margin-bottom:20px; display:block; width:50%; margin-left:20%;}
.peitaoul1 li a span{display:block; width:100%; float:left; text-align:center; line-height:50px;}

.ptli{ border-right:1px solid #CCC;}
/*********************选项卡***/
.tabs {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links {display: flex;margin: 0;padding: 0;}
.tab-links a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
	
}
.tab-links a.active {background: #fff;border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;}
.tab-content { width:100%; float:left;}
.tab{display: none;}
.tab.active {display: block;}
/****************/

.tabs2 {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links2 {display: flex; margin: 0; padding: 0;}
.tab-links2 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links2 a.active2 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content2 {width:100%; float:left;}
.tab2 { display: none;}
.tab2.active2 { display: block;}

/***********/
.hhcailiao1{ width:40%; float:left;margin-top:30px;}
.cailiaoh11{ width:100%; float:left; font-size:32px;}
.cailiaop01{ width:100%; float:left; font-size:20px; font-weight:bold; margin-top:30px;}
.cailiaop02{ width:100%; float:left; line-height:30px; margin-top:80px; text-align:justify;}

.cailiaoul01{ width:100%; float:left; margin-top:45px;}
.cailiaoul01 li{ width:100%; float:left; line-height:19px; text-indent:30px; margin:20px 0; background:url(images/libg01.gif) no-repeat;}

.hhcailiao1-1{ width:47%; float:left; margin-left:13%; margin-top:50px;}
.climg{ display:block; width:100%; height:auto;}
.cailiaoul02{ width:100%; float:left; margin-top:20px;}
.cailiaoul02 li{ width:49.5%; float:left; border:1px solid #CCC; height:40px; line-height:40px; text-indent:12px;}


.caoliaozl{ width:80%; float:left; margin-left:10%; margin-top:80px;}
.caoliaozl-1{ width:45%; float:left;}	
.zlh1{ width:100%; float:left; font-size:22px;}
.climg2{ width:50%; margin-left:5%;}

.zlp01{ width:100%; float:left; line-height:25px; margin-top:30px;}

/***************3*****************/

.tabs3 {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links3 {display: flex; margin: 0; padding: 0;}
.tab-links3 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links3 a.active3 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content3 {width:100%; float:left;}
.tab3 { display: none;}
.tab3.active3 { display: block;}

/************4*********************/
.tabs4 {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links4 {display: flex; margin: 0; padding: 0;}
.tab-links4 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links4 a.active4 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content4 {width:100%; float:left;}
.tab4 { display: none;}
.tab4.active4 { display: block;}

.cailiaop03{ width:100%; float:left; line-height:30px; margin-top:230px; text-align:justify;}
/**************5********************/

.tabs5 {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links5 {display: flex; margin: 0; padding: 0;}
.tab-links5 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links5 a.active5 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content5 {width:100%; float:left;}
.tab5 { display: none;}
.tab5.active5 { display: block;}
/*******************6*****************/
.tabs6 {width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links6 {display: flex; margin: 0; padding: 0;}
.tab-links6 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links6 a.active6 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content6 {width:100%; float:left;}
.tab6 { display: none;}
.tab6.active6 { display: block;}
/**************7*********************/

.tabs7{width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links7{display: flex; margin: 0; padding: 0;}
.tab-links7 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links7 a.active7 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content7{width:100%; float:left;}
.tab7 { display: none;}
.tab7.active7 { display: block;}

/**************8******************/
.tabs8{width:80%;float: left; margin-left:10%; margin-top:80px; border-bottom:1px solid #CCC; padding-bottom:50px;}
.tab-links8{display: flex; margin: 0; padding: 0;}
.tab-links8 a {
    padding: 10px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    margin-right: 5px;
    border: 1px solid #ddd;
}
.tab-links8 a.active8 {
    background: #fff;
    border-bottom: none;border-bottom:2px solid #ee202b; font-weight:bold; color:#000;
}
.tab-content8{width:100%; float:left;}
.tab8 { display: none;}
.tab8.active8 { display: block;}


@media only screen and (max-width: 1600px){
.cailiaop03{ margin-top:180px;}	
	}

@media only screen and (max-width: 1440px){
.cailiaop02{ margin-top:30px; line-height:24px;}
.cailiaoul01{margin-top:25px;}	
.cailiaoul01 li{ margin:15px 0;}
.cailiaoimg{ height:500px;}
.cailiaop03{ margin-top:150px;}
	}
	
/***********450***********************/	
.hh450{ width:100%; float:left;background:#262626; color:#FFF; padding:200px 0;}
.hh450 ul{ width:100%; float:left;}
.hh450 li{ width:25%; float:left; text-align:center; font-size:20px;}

.hh450-1{ width:80%; float:left; background:url(../images/chanpinbg.jpg) repeat-y; padding:50px 10%; color:#FFF;}
.hh450-2{ width:55%; float:left;}
.hh450-2 h1{ display:block; width:100%; float:left;}
.hh450-2 h2{ display:block; width:100%; float:left; font-weight:normal; font-size:15px; margin-top:12px;}

.cpsp1{ width:100%; margin-top:30px; float:left; font-size:20px;}
.cpul01{ width:100%; float:left; margin-top:35px;}
.cpul01 li{ width:24.5%; float:left; border:1px solid #FFF; text-align:center; height:40px; line-height:40px;}

.hh450p1{ width:100%; float:left; line-height:25px; margin-top:35px;}

.hhchanp1{ display:block; width:42%; height:auto; float:left; margin-left:3%;}

.hh450-3{ width:80%; float:left; margin-left:10%; margin-top:50px;}

.hh450-4{ width:45%; float:left; margin-right:2.8%; border-right:1px solid #CCC; padding-right:2%;}
.hh450-4 img{ }

.hh450-5{ width:47%; margin-left:3%; float:left;}

.hh450-6{ width:100%; margin-top:50px; float:left; }
.hh450-7{ width:60%; float:left;}
.imgcp1{ width:37%; margin-left:3%; height:auto;}
.qichep02550{ text-align:center; font-size:20px; font-weight:bold;}
.img550-1{ border-bottom:1px solid #CCC; padding-bottom:30px;}

.hhimg5501{ width:80%; background:#f0f0f0; padding:80px 10%; float:left; margin-top:50px; margin-bottom:50px;}
.hhimg5501 ul{ width:100%; float:left;}
.hhimg5501 li{ width:28.3333%; float:left; margin:0 2.5%;}
.div5501{ width:100%; float:left; border-top:2px solid #000; border-bottom:1px solid #CCC;font-weight:bold; font-size:20px; height:45px; line-height:45px;}
.div5502{ width:100%; float:left; border-bottom:1px solid #CCC; height:45px; line-height:45px;}

.mmbot{ margin-bottom:50px;}

.hhheigao{ height:660px; border-bottom:1px solid #CCC; width:100%; float:left; overflow:hidden;}

.hhheigao2{ height:800px; border-bottom:1px solid #CCC; width:100%; float:left; overflow:hidden;}

.jiange{ margin-bottom:150px;}