/*reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font-family:Microsoft YaHei;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */}
input,label,img,th{vertical-align:middle;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#f90;}
.fr{ float:right;}
.fl{ float:left;}

#header{
	width:100%;}
#head{
	width:100%;}
.h-top{
	width:1200px;
	margin:0 auto;}	
.en{
	float:right;
	width:300px;
	height:40px;
	margin-top:50px;
	text-align:center;
	line-height:40px;
	background:#eaf6fd;}
.logo{
	float:left;
	height:140px;
	vertical-align:middle;}
.nav{
	width:100%;
	height:53px;
	padding-top: 1px;
	background:#006ebd;}
.nav ul{
	width:1200px;
	margin:auto;}		
.nav ul li{
	float:left;
	border-radius:3px;
	margin-left:1px;
	border:1px solid #fff;}
.nav ul li a{
	display:block;;
	color:#fff;
	margin-left:22px;
	margin-right:22px;
	text-align:center;
	line-height:50px;}		
.nav ul li a:hover{
	}
.banner1{
	width:100%;
	height:450px;
	background:url(../images/yjen/banner1.png) no-repeat top center;}
.banner2{
	width:100%;
	height:450px;
	background:url(../images/yjen/banner2.jpg) no-repeat top center;}
.banner3{
	width:100%;
	height:450px;
	background:url(../images/yjen/banner3.jpg) no-repeat top center;}			
.nav2{
	float:left;
	height:60px;}
.nav2 ul li{
	float:left;}
.nav2 ul li a{
	display:block;
	margin-right:20px;
	color:#000;
	text-align:center;
	line-height:60px;}		
.nav2 ul li a:hover{
	border-bottom:3px solid #006ebc;
	color:#006ebc;}	
				
#mainbody{
	width:100%;}
#main{
	width:100%;
	padding-top:30px;
	padding-bottom:50px;
	background:#f5f5f5;
	overflow:hidden;}	
.mid{
	width:1200px;
	margin:0 auto;}
.m-one{
	width:100%;
	height:600px;
	background:#f5f5f5;}
.one1{
	width:1000px;
	height:90px;
	padding:50px 100px; 
	text-align:center;}	
.one2{
	width:1200px;
	height:350px;
	background:url(../images/yjen/enbg03.png) no-repeat top center;}
.oneleft{
	width:800px;
	height:350px;
	float:left;}
.oneright{
	width:325px;
	height:280px;
	float:right;
	
	padding:40px 30px 30px;}			
.oneright p{
	line-height:28px;}

.m-two{
	width:1200px;
	height:1260px;
	margin:auto;
	text-align:center;}				
.two1{
	width:1000px;
	height:90px;
	padding:50px 100px;
	text-align:center;}
.two21{
	width:382px;
	height:487px;
	float:left;
	margin-left:13px;
	margin-top:20px;
	background:url(../images/yjen/bgmtwo03.png) no-repeat top center;}			
.m-three{
	width:100%;
	height:670px;
	background:#f5f5f5;}

.three-l{
	float:left;
	width:445px;
	height:550px;}
.three-r{
	float:right;
	width:755px;
	height:550px;}
.bgthre{
	width:1200px;
	height:550px;
	background:url(../images/yjen/enbg06.png) no-repeat top center;}
.three-ll{
	width:310px;
	margin:50px auto;}
.three-rr{
	width:642px;
	margin:50px auto;}		
.abimg img{
	float:left;
	margin-top:30px;}
.lianxi{
	width:250px;
	text-align:center;}
.liuyan{
	width:290px;
	margin-top:30px;
	text-align:center;}
.biaodan{
	width:1200px;
	height:500px;
	background:url(../images/yjen/bgcontact.jpg) no-repeat right center;
	background-size:520px 270px;}
.prod{
	width:340px;
	height:380px;
	float:left;
	text-align:center;
	margin-left:45px;}
.m-case{
	width:340px;
	height:300px;
	float:left;
	text-align:center;
	margin-left:45px;}
.m-case a:hover img{box-shadow:5px 5px 10px #666;}	
.mleft{
	float:left;
	width:560px;
	margin-top:40px;
	line-height:30px;}
.mright{
	float:right;
	width:560px;
	margin-top:40px;
	line-height:30px;}
ul.m-pages{
	/*margin-left:40px;*/
	margin-top:20px;}
ul.m-pages li{
	float:left;
	margin-left:10px;}	
ul.m-pages li a{
	color:#000;
	font-size:14px;
	text-decoration:none;}
ul.m-pages li a:hover{
	color:#f60;
	text-decoration:underline;}
									
.index_news_list{float:left; width:110%; margin-top:40px;}
.index_news_list ul{ width:380px; float:left; margin-right:30px; margin-bottom:40px;}
.index_news_list ul li{ width:380px; height:115px; float:left; overflow:hidden;}
.index_news_list ul h4{ width:100%; float:left;margin-top:10px; margin-bottom:5px;}
.index_news_list ul h4 a{ font:normal 17px/20px "Microsoft YaHei", "΢ÈíÑźÚ", "ºÚÌå";}
.index_news_list ul span{ font:normal 14px/20px "Microsoft YaHei", "΢ÈíÑźÚ", "ºÚÌå"; color:#999;}
.index_news_list ul p{ margin-top:10px; font:normal 14px/20px "Microsoft YaHei", "΢ÈíÑźÚ", "ºÚÌå"; color:#666;}
.index_news_list ul dt{ text-align:right; margin-top:10px;}
.index_news_list ul dt a{  font:bold 12px/20px "Microsoft YaHei", "΢ÈíÑźÚ", "ºÚÌå"; sans-serif; color:#f05656;}
.index_news_list ul dt a:hover{ text-decoration:underline;}	
	
.article_article_left{ float:left; width:280px;}
.article_article_left ul{ float:left; width:100%;}
.article_article_left ul li{ float:left; margin-bottom:10px; line-height:30px; }	
.article_article_right{ float:right; width:860px;min-height:500px;line-height:180%; color:#666;}

/*³§ÈÝ*/
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:340px; height:240px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; margin-top:10px;}	

/*ͼƬ½¹µãͼ*/
.ny_about{width:100%; height:auto; margin:0 auto;}
.ny_about ul li{width:100%; min-height:100px; height:auto !important; _height:100px; overflow:visible;}
.ny_about ul li a{display:block; width:100%; height:100px;}
.ny_about ul li .xh{font-family:Arial, Helvetica, sans-serif; width:146px; height:100px; border-right:4px solid #fff; float:left; font-size:80px; line-height:100px; text-align:center;}
.ny_about ul li .bt{float:right; font:20px; font-weight:bold; color:#ff8200; text-align:left; width:782px; padding:26px 34px 0px;  height:100px;}
.ny_about ul li .bt p{color:#333;font-weight:normal; margin-top:10px;}
.ny_about ul .l1 a{background:#f2f2f2; color:#fff;}
.ny_about ul .l2 a{background:#f7f7f7; color:#e7e7e7}
.ny_about ul li a:hover{background:#ff8200; color:#fff; -webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.ny_about ul li a:hover .bt{color:#fff;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.ny_about ul li a:hover .bt p{color:#fff;}

.ny_about ul li.on .sub{ display: block;}
.ny_about ul li .sub{ padding:20px 20px; color:#333; display:none; }

.mod18Box { padding: 10px; border: 1px solid #CCC; margin: 0px auto; width: 900px; background: #FFF; box-shadow:0px 1px 5px #CCCCCC }
.mod18{ width: 900px; height: 660px; margin: 0px auto; position: relative; background: #f7f7f7; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:590px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/yjen/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:260px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/yjen/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/yjen/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/yjen/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff; width:900px; height:584px;}
.mod18 .cf a{display:block;width:900px;height:584px;position:absolute;color:#fff;margin-top:-17px;}
.mod18 .cf li span{display:block;width:860px;position:absolute;left:0;top:542px;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:584px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:584px;position:absolute;}
.mod18 .picBox li{width:900px;height:584px;}
.mod18 .listBox{ width: 860px; height: 70px; margin: 0 auto; position: relative; padding: 8px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:130px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

					
#footer{
	width:100%;
	height:73px;
	background:#006ebd;
	position:relative;}
#foot{
	width:100%;
	position:relative;}	
.md a{
	background:url(../images/yjen/maodian.jpg);
	display:block; 
	width:54px;
	height:54px;
	position:absolute; 
	z-index:5; 
	right:10px; 
	bottom:120px;}	
.md a:hover{
	background:url(../images/yjen/maodian3.jpg) no-repeat top center;}		
	
/*±íµ¥*/
.member_f{margin-top:5px;}
.member_f dl{ padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:82px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

/*°¸Àý*/
#imgto{ width:500px; height:420px;}
#imgto .big{height:350px;}
#imgto .big img{width:500px;; height:350px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:470px; position:relative;;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:83px; padding-left:9px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:83px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}

.caseleft{ float:left;}
.caseright{ float:left;width:600px; margin-left:80px;}

.margin1{ margin:0 30px;}
.margin2{ margin:30px 0;}