@charset "utf-8";
/* CSS Document */

body{ width:100%; max-width:640px; min-width:320px; margin:0px auto; padding:0px} 
.clear{ clear:both}
ul,ol li {list-style: none;}
ul {margin: 0; padding: 0;}
img {border: none;}
.index-home{ background:#FFF}
.width{ width:100%; margin:0px auto; padding:0px}
.aimg{ display:flex}
.aimg .uing{ margin-bottom:2% !important;width:95%; margin:0px auto; padding:0px}
.pdtop{ margin-top:5% !important}
.aimg .uing a{ width:50%; text-align:center; float:left}
.aimg .uing a img{ width:95%}
a{ text-decoration:none;color:#666 !important}
a:hover{ color:#000 !important}
.ar_areas{ background:url(../img/ar_2.png) no-repeat; height:0px;padding-bottom: 18%;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover; position:relative}
artice{ margin:0px auto; padding:0px; display:block}

.mdbom{ margin-bottom:4%}
.tbtitle{ text-align:center;font-size:100%; padding:3% 0; }
.tbtitle h2{  color:#e21907; font-weight:normal;}
.tbtitle i{ color:#000000; font-size:50%;font-style:normal !important; margin-left:2%;   display: block;line-height: 18px;}
p{ margin:0px auto; padding:0px}
.utimg p img{ width:100%}
.dis{ display:block}
.undis{ display:none}
.btab{ text-align:center}
.btab a{ padding:2% 4%; color:#666;
	border:1px solid #333;border-radius: 30px;}
.btab a.actfocus{ background:#c8141d !important;; color:#FFF !important;border-radius: 30px;}
.btab2 a.actfocus{ background:#c8141d !important;; color:#FFF !important;border-radius: 8px;}
.btab2{ text-align:left; padding:1%}
.btab2 a{ padding:1.5% 3%; background:#e4e4e4; color:#838383;margin-bottom: 1%;border-radius: 8px;
display: inline-block;}

.videol{ }
.videol li{ float:left; width:46%; margin:2%; text-align:center; overflow:hidden; }
.videol li img{ width:100%}

.z a{  position:relative; overflow:hidden}
.z a img{  }
.z a span{ position:absolute; width:100%; height:25px; background:#000; color:#FFF; line-height:25px; left:0px; bottom:0px; opacity: 0.8;}


.icolist{ margin:0px auto; padding:0px; width:100%}
.icolist li{ float:left; width:46%; margin:2%; display:inline-block}

.textcenter{ text-align:center}
.textcenter img{ width:40% !important}
img{ width:100%}

/*#lir{ margin-left:1%;}*/
.bottom{ border-top:1px solid #e3e3e3;color:#666; font-size:100%}
.bottom p{ text-align:center; line-height:30px}
.footmenu{ border-top:1px solid #fff; background:#ff0000; height:30px; position:fixed; bottom:0px; width:100%;}
.footmenu a{ line-height:30px; width:50% !important; display:block; text-align:center; float:left; color:#FFF !important}

.btabcontent{ padding-top:3%}
ul.newsImglist li{ width:96%; margin:0px auto; padding:0px; border-bottom:1px dotted #e8e8e8; padding-top:2%; padding-bottom:2%;}
ul.newsImglist li .nimg{ float:left; width:40%;}
ul.newsImglist li .ntxt{ float:right; width:55%}
ul.newsImglist li .ntxt a{ font-size:110%; color:#000; line-height:25px; display:block; overflow:hidden; height:25px}
ul.newsImglist li .ntxt p{ font-size:90%; color:#b6b6b6; line-height:20px; height:40px; overflow:hidden }
.udate{ color:#e1e1e1; margin:0px auto; padding:0px}

.mores{ border:1px solid #cfcfcf; border-radius:25px; padding:2% 12%}



	.Box {position: relative;
width: 90%;
left: 10%;}
			.Box .content {width: 100%;margin: 0 auto;}
		
			.Box .Box_con {position: relative; width:100%}
			.Box .Box_con .btnl {position: absolute; padding-top:100px}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;cursor: pointer;padding-top:70%}
			.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -10%;}
			.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: 0px;}
			.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden; left:8%}
			.Box .Box_con .conbox ul {position: relative;list-style: none; width:100%;
overflow: hidden;}
 @media (min-width:220px){.Box .Box_con .conbox{  width:128px;}.videol li{max-height:180px;}.productnav ul li{max-height:140px;}}
 @media (min-width:320px){.Box .Box_con .conbox{  width:254px;}.videol li{max-height:220px;}.productnav ul li{max-height:170px;}}
 @media (min-width:480px){.Box .Box_con .conbox{ width:385px;}.videol li{max-height:280px;}.productnav ul li{max-height:170px;}}
  @media (min-width:640px){.Box .Box_con .conbox{ width:390px;}.videol li{max-height:300px;}.productnav ul li{max-height:200px;}}
			.Box .Box_con .conbox ul li {float: left;width: 125px;height: 154px;margin-left: 0.2%;overflow: hidden; position:relative}
			.Box .Box_con .conbox ul li p{ text-align:center; line-height:30px;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li a img {display: block;width: 120px;height: 120px; border:1px solid #ddd}
			.Box .Box_con .conbox ul li a span{ position:absolute; width:100%; height:40px; background:#000; color:#fff; z-index:1; bottom:0px; left:0px; line-height:40px; padding-left:10px; opacity: 0.8;}
			/*scroll end*/
			
		.location{ border-bottom:1px solid #dfcdb5; padding-left:10%;line-height:22px; font-size:120%; color:#ff9b00; width:90%; margin:0px auto; padding:0px;padding-top: 20px; padding-bottom: 20px}
			.location a{ font-size:80% !important; margin-right:2%;background: #e4e4e4 !important;
				color: #666 !important;
				border-radius: 8px;
				padding: 1% 2% !important; line-height: 30px}
			.location a.ac{ background: #c8141d !important;
				color: #FFF !important;
				border-radius: 8px;
				padding: 1% 2% !important;}
			
				.location2{ border-bottom:1px solid #dfcdb5; padding-left:10%;  font-size:120%; color:#ff9b00; width:90%; margin:0px auto; padding:0px; text-align:left}
			.location2 a{ font-size:80% !important; margin-right:1%;height:33px; line-height:33px; }
			.location2 a.ac{  height:33px; line-height:33px; display:inline-block; color:#ff9c00 !important; border-bottom:2px solid #ff9c00 }
			.article{ width:90%;  margin:0px auto; padding:10px;}
.article h2{ line-height:40px !important; font-size:20px; color:#676767;text-align:center; display:block}
.article p{ color:#989898;line-height:40px; padding-bottom:10px;text-align:left;}
.article_content{ color:#989898; line-height:25px; text-align:left; border-top:1px dotted #ffcc70; padding-top:30px; border-bottom:1px dotted #ffcc70; padding-bottom:30px; padding:20px }
.contentbox{ padding:5%}

.catalist{ text-align:center; padding-top:2%; padding-bottom:2%;}
.catalist a{ line-height:23px; border-radius:10px; padding:1% 1%; border:1px solid #eee; margin-bottom:2% !important; display:inline-block}
.catalist a.cur{ background:#ff9c00; color:#FFF !important}
.productnav ul li{ float:left !important; width:46% !important; margin:2% !important; margin-bottom:20px !important; overflow:hidden; position:relative}
.productnav ul li img{ width:100%}
.productnav ul li a{  position:relative; overflow:hidden}
.productnav ul li span{  display:block; height:25px !important; line-height:25px; text-align:left; background:#000 !important; color:#fff !important; padding:5px;position: absolute !important; bottom:0px;width: 100%;}

.article img{ width:100% !important;height: auto !important;}

.locatt{ height:30px; line-height:30px; width:100%; background:#ff9c00; color:#FFF; padding-left:2%}

		.met_pager{ text-align:center; width:90%; margin:0px auto; padding:5%}
.met_pager a{ padding:5px 8px;}
.met_pager span{ padding:10px}
.Ahover{ border:1px solid #ff9c00; color:#ff9c00}
.met_pager li{
	float: left; width: 5% !important;}

.menutit{ border-top:1px solid #eee;border-bottom:1px solid #eee; height:40px; line-height:40px; text-align:center}
.menutit a{ float:left; padding-left:5%;}
.menutit span{ font-size:120%; color:#666}
			
			
.ncontent ul li{ width:96%; margin:0px auto; padding:0px; border-bottom:1px dotted #e8e8e8; padding-top:2%; padding-bottom:2%;}
.ncontent ul li .nimg{ float:left; width:40%;}
.ncontent ul li .ntxt{ float:right; width:55%}
.ncontent ul li .ntxt a{ font-size:110%; color:#000; line-height:25px; display:block; overflow:hidden; height:25px}
.ncontent ul li .ntxt p{ font-size:90%; color:#b6b6b6; line-height:20px; height:40px; overflow:hidden }
.udate{ color:#e1e1e1; margin:0px auto; padding:0px}
.udate img{ width:5%}
a.detail{ font-size:90% !important; color:#ff9b00 !important}
.pcata a.common{ border:1px solid #999; border-radius:12px; color:#999; padding:1% 2%; margin-bottom:1%; display:inline-block}
.selectoption{ background:#fafafa; height:30px; line-height:30px; width:100%; text-align:center}
.company h2{ font-size:120%; font-weight:normal; padding:2%; border-bottom:1px solid #ccc}
.company p{ padding:1%}
.company div{ text-align:center}
.company div img{ width:100%; max-width:320px}

.tabnewsgrey{ background:#f3f3f3; padding:2%; display:block}


.dotl{ margin:0px auto; padding:0px; text-align:center;padding-top:30px; width:100%;}
.dotl a{ width: 12px;
height: 12px;
display:inline-block;
background-color: #d8d8d8;
cursor: pointer;
text-indent: -9999px;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); margin:0px auto; padding:0px; margin-right:1%}
dl.nlist{ width:100%; clear:both}
dl.nlist dt a{ float:left; color:#393939; line-height:30px; font-size:100% }
dl.nlist dt span{ float:right; line-height:30px; color:#292929; font-size:80%}
dl.nlist dt{ border-bottom:1px solid #c2c2c2; clear:both; height:30px; }




.td_img li{ float:left; width:30%; text-align:center; overflow:hidden; }
.td_img li{height:0px;padding-bottom: 72%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	border: 1px solid #2a2a2a; border-radius:15px}

#t2_img{ margin-left: 5%}

.td_img li:last-child{ float:right !important}
.td_img li span{ padding-top:3%; height:30px; line-height:30px;font-size:110%; display:block;  color:#e30000; font-weight:normal}
.td_img li h3{ padding-top:1%; height:30px; line-height:30px;font-size:110%; display:block; margin-bottom:30px; color:#e30000; font-weight:normal}
.td_img li p{ width:96% !important; display:block;font-size:80%; line-height:17px !important; font-weight:normal !important; color:#333333;}

.comintro{font-size: 90%; line-height: 25px;
	padding: 1%; color:#707070;text-align: left !important;}


.bottom{ background-color: #da2419; position:fixed; bottom:0px;  clear: both; width:100%; max-width:640px; overflow:hidden}
.bottom ul{ text-align: center; max-width:640px; margin:0px auto; padding:0px;height:30px; padding-top:15px;   }
.bottom ul li{ width: 32.333%; float:left; text-align:center; border-right:1px solid #FFF; text-align:center}
.bottom ul li.noneli{ border-right: none}
.bottom ul li a{ color: #fff !important; display: block;}
.bottom ul li a img{ width:80%; max-width:148px;}
.bottom2{ padding-bottom: 90px; background: #404042}

.scrollimg{height:120px; overflow:hidden}
#scrollBox{overflow:hidden; width:100%; }
#scrollBox #con1,#scrollBox #con2{float:left;}
#scrollBox #con1 a{  padding:10px; width:120px;  display:inline-block;}
#scrollBox #con1 a p{ color:#FFF; line-height:25px; height:25px; overflow:hidden}
#innerdiv {float: left;width: 800%;}
#scrollBox #con2 a{  padding:10px; width:120px; display:inline-block;margin-left:2px;}
#scrollBox #con2 a p{ color:#FFF; line-height:25px; height:25px; overflow:hidden}


.met_pager{ text-align:center; width:90%; margin:0px auto; padding:5%}
.met_pager a{ padding:5px 8px;}
.met_pager span{ padding:10px}
.Ahover{ border:1px solid #ff9c00; color:#ff9c00}