@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{ font-family:"微软雅黑","Arial"; color:#272727; font-size:12px; background-color:#ffffff;  overflow-x:hidden;}

body a{outline:none;blr:expression(this.onFocus=this.blur());}

.main_container{ width:100%; overflow:hidden;}

/*头部信息*/
.top_content{ width:100%; overflow:hidden;}
.top_content_line{ width:100%; height:3px; background:#000b13;}

.top_content_word{ width:100%; height:90px; background:url(../images/xie.jpg) repeat; overflow:hidden;}
.top_word1200{ width:1200px; margin:0 auto;}
.logo{ width:94px; height:65px; float:left; overflow:hidden; margin-top:13px;}

.nav{ width:770px; overflow:hidden; float:left; margin-left:60px;}

.nav ul li{ float:left;  font-size:16px; line-height:90px;}

.nav ul li a{ /*padding:0 23px*/ width:110px;  display:block; background:url(../images/nav_line.png) no-repeat right 15px;color:#949494; text-align:center;}
.nav ul li.nob a{ background:none;}
.nav ul li a:hover,#cur{ background:#011c2d; color:#fff;}
.nav ul li ul{ z-index:9999999999; position:absolute; display:none;}
.nav ul li:hover ul{ display:block;}
.nav ul li ul li{ float:none; line-height:38px; background:#011c2d; font-size:14px;  padding:0; text-align:center; margin:2px 0;}
.nav ul li ul li a:hover{ background:#015488;}
.nav ul li ul li a{ background:none; color:#fff;width:110px;}


.phonr_right{ width:213px; float:right; overflow:hidden;}

.language{ width:125px; float:right; text-align:right; margin-top:17px;}

.language h3{ font-weight:normal; font-size:12px; background:url(../images/china.png) no-repeat left; line-height:15px;}
.language h3 span{ background:url(../images/english.png) no-repeat left; padding-left:21px; margin-left:18px;}
.language h3 a{ color:#011c2d;}
.phone{ width:213px; height:54px; background:url(../images/call.png) no-repeat; position:relative; margin-top:27px;}
.phone p{ position:absolute; font-size:14px; color:#000b13; line-height:16px; left:65px; bottom:5px;}

/*banner*/
.banner{ width:100%; overflow:hidden;}

/* flexslider */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px; position:relative;}
.slides li img{ position:absolute; left:50%; margin-left:-960px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*分类*/
.fication_content{ width:1200px; margin:0 auto; overflow:hidden;}
.fication_content ul li{ width:240px; text-align:center; float:left; margin-top:60px;}

.fication_content ul li h3{ font-size:20px; line-height:20px; letter-spacing:1px; margin-top:25px;}
.fication_content ul li h3 a{ color:#011c2d;}

.fication_content ul li h4{ font-weight:normal; font-size:12px; letter-spacing:1px; color:#797979; line-height:13px; margin-top:8px;}

.fication_content ul li p{ font-size:14px; letter-spacing:1px; line-height:16px; margin-top:10px;}

.fication_content ul li img{
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.fication_content ul li img:hover{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
} 

/*产品展示*/
.product_content{ width:100%; overflow:hidden; background:#f8f8f8; margin-top:60px;  position:relative;}
.top_san{ width:18px; height:9px; margin:0 auto; overflow:hidden;}
.product{ width:1212px; margin:0 auto 0 auto; overflow:hidden;}
.product_title{ width:1200px; margin:55px auto 0 auto; height:53px; background:url(../images/product_title.png) no-repeat;}
.product_title h3{ text-align:center; font-weight:normal;}
.product_title h3 a{ font-size:30px; letter-spacing:1px; text-align:center; line-height:30px; color:#011c2d; }
.product_title h3 a:hover{ color:#E83D37;}
.product_word{ width:100%; overflow:hidden;}
.product_word ul{ margin-top:25px;}
<!--.product_word ul li{ width:289px; float:left; overflow:hidden; margin:14px 7px 0 7px;}-->


.scrollpic {
	width: 1212px;
	margin:0 auto 0 auto;
	 overflow:hidden;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	
	overflow: hidden;
}

#myscroll ul li {
	display: block;
	float: left;
	
	width:289px;
	margin:14px 7px 0 7px;
	
	overflow:hidden;
	
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 289px;
	
	position: relative;
	height: 172px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #011c2d;
	filter: alpha(opacity=90);
	width: 289px;
	color: #fff;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	height:172px;
}
#myscroll a .intro h3{
	
	font-size: 15px;
	height: 35px;
	width: 289px;
	line-height: 35px;
	border-bottom: 1px solid #fff;
	font-weight:100%; text-align:center; letter-spacing:1px;
}
#myscroll a .intro p { font-size:12px; line-height:20px; margin:8px 12px 0 12px; letter-spacing:1px;
	
}

#myscroll a .intro h4{ width:100px; height:20px ;  line-height:20px; text-align:center; border:1px solid #fff; position:absolute; bottom:12px; left:93.5px; font-weight:normal;}
#myscroll a .intro {
	bottom: -140px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}

 #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.bottom_san{ margin-top:55px;}

/*关于耀恩*/

.about_content{ width:100%; height:409px; background:url(../images/bg.jpg) no-repeat; overflow:hidden;}

.about_container{ width:1200px; margin:75px auto 0 auto; overflow:hidden; text-align:center;}
.about_container h3{ width:405px; background:url(../images/about_line.png) no-repeat 0 23px; font-size:38px; letter-spacing:1px; line-height:40px; color:#fff; font-weight:normal; margin:10px auto 35px auto;}
.about_container h3 a{color:#fff;}

.about_container p{ font-size:14px; letter-spacing:3px; color:#fff; line-height:20px; margin-top:5px;}

/*新闻资讯*/

.news_content{ width:100%; overflow:hidden; background:#f8f8f8; padding-bottom:50px;}
.news_container{ width:1200px; overflow:hidden; margin:0 auto;}

.news_title{ background:url(../images/news_title.png) no-repeat;}


/*滑动门*/
  .wrap_hand { width:1200px; overflow:hidden; margin:40px auto 0 auto;}
    .a10 { color: #011c2d;  text-decoration: none;}
    .a10:hover {background:#011c2d; color:#fff; }
    .md-head { width:374px; margin:0 auto 0 auto; overflow:hidden;}
    .md-head A { float: left; width: 149px;text-align: center; height:27px; display:block;  line-height:27px; font-size:16px; border:1px solid #011c2d; border-radius:13px; margin:0 18px;}
    .md-head A.wid { width: 149px; background:#011c2d; color:#fff;}
    .md-head A.cur2 {background:#011c2d; color:#fff;}
	
    .md-body {overflow:hidden;}
  
 .news1{ width:100%; overflow:hidden; }
 
 .news_left{ width:411px; overflow:hidden; float:left; margin-top:40px;}
.news_img{ width:100%; overflow:hidden; position:relative;}
.news_date{ position:absolute; width:58px; color:#fff; top:15px; left:15px; text-align:center;}
.news_date h3{ width:100%; height:36px; background:#ff0000; line-height:36px; font-size:24px; font-weight:normal;}
.news_date p{ width:100%; height:36px; line-height:36px; background:#cc0609; font-size:12px;}
.news_word{ width:
100%; overflow:hidden;}
.news_word h3{ font-size:18px; line-height:20px; margin:15px 3px 13px 3px; letter-spacing:1px;}
.news_word h3 a{ color:#011c2d;}
.news_word p{ font-size:12px; line-height:23px; letter-spacing:1px; margin:0 3px 0 3px; color:#666666;}

.news_middle{ width:454px; float:left; margin-left:16px; overflow:hidden;}
.news_middle ul{ margin-top:40px;}
.news_middle ul li{ width:100%; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #d4d4d4; margin-top:20px;}

.middle_date{ width:56px; height:56px; float:left; overflow:hidden; background:#011c2d; color:#fff; text-align:center;}
.middle_date h3{ font-size:18px; font-weight:normal; line-height:20px; margin-top:7px;}
.middle_date p{ font-size:12px; line-height:13px; margin-top:7px;}

.middle_word{ width:385px; overflow:hidden; float:right;}
.middle_word h3,.right_word1 h3{ font-size:15px; font-weight:normal; letter-spacing:1px; line-height:16px; margin-top:1px;}
.middle_word h3 a,.right_word1 h3 a{ color:#011c2d;}
.middle_word p{ font-size:12px; line-height:16px; margin-top:5px; color:#666666; letter-spacing:1px;}

.news_right{ width:303px; overflow:hidden; float:right; margin-top:40px;}
.right_word{ width:100%; height:188px; overflow:hidden; background:#ebebeb;}

.right_word1{ width:273px; overflow:hidden; margin:0 auto;}
.right_word1 h3{ margin-top:25px;}

.right_word1 h4{ font-weight:normal; line-height:15px; color:#9d9c9c; margin-top:15px;}

.right_word1 p{ font-size:12px; line-height:22px; color:#666666; margin-top:5px;}

.right_word_img{ width:100%; overflow:hidden; position:relative;height:180px;}
.news_san{ width:43px; height:12px; overflow:hidden; position:absolute; top:0; left:130px;}

.middle_word h3 a:hover,.right_word1 h3 a:hover,.news_word h3 a:hover{ color:#E83D37;}

/*合作客户*/
.case_content{ width:100%; }
.case_container{ width:1200px; margin:0 auto 0 auto;}

.case_title{ background:url(../images/case_title.png) no-repeat; height:61px;}
.case_title h3{ text-align:left; margin-left:495px;}

.case_container ul li{ width:210px; float:left; margin:30px 15px 0 15px; height:auto;}
.case_container ul li img{ border:1px solid #c9c4ba;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.case_container ul li:hover img{ display:block;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s 
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

/*页尾*/
.footer_content{ width:100%; overflow:hidden; background:#011c2d; margin-top:50px; padding-bottom:10px;}
.footer{ width:1200px; margin:0 auto 0 auto; overflow:hidden; color:#fff;}

.footer_left{ width:500px; float:left; overflow:hidden;}

.footer_left h3{ font-weight:normal; font-size:13px; line-height:15px; letter-spacing:1px; margin:35px 0 10px 0;}

.footer_left h4{ font-size:12px; line-height:20px; font-weight:normal;}
.footer_left h4 a{ color:#fff; padding:0 10px;}

.footer_left p{ font-size:12px; line-height:15px; letter-spacing:1px; margin-top:10px;}

.footer_left p a{ color:#fff; margin-right:5px;}

.footer_left p.mag{ margin-top:43px;}
.footer_left p.mag2{ margin-top:70px;}
.footer_line{ width:1px; overflow:hidden; float:left;margin:22px 0 0 60px; }

.footer_middle{ width:300px; overflow:hidden; float:left; margin:25px 0 0 60px;}
.footer_middle p{ letter-spacing:1px; line-height:38px; background:url(../images/footerimg1.png) no-repeat; padding-left:42px; margin-top:8px;}

.footer_middle p.tu2{ background:url(../images/footerimg2.png) no-repeat;}
.footer_middle p.tu3{ background:url(../images/footerimg3.png) no-repeat;}

.footer_wei{ width:142px; overflow:hidden; float:right; margin:40px 5px 0 0;}