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

html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
body{ font-size:12px; color:#666; line-height:23px; font-family:Arial; margin:0px; padding:0px;}
img{ border:none; vertical-align: middle;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float: right;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#0073b1; text-decoration:underline;}
.w10{ width:1200px;}
a {
transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out
}

.header{ width:1200px; margin:0 auto; padding:30px 0;}
.logo{ float:left;}
.search{ float:left; padding-left:200px;}
.search_con{ border:1px solid #dcdcdc; padding-left:10px;}
.search .text1{ line-height: 32px; border:0; color:#666}
.search button{ padding:0; border:0;}
.language{ float: right; padding-top:10px; z-index: 999999999; position: relative;}
.language i{ padding-right:10px;}

.nav{ width:1200px; margin:0 auto;}
.nav ul{ position: relative; margin-left:30px;}
.nav ul li{ float:left; width:115px;}
.nav ul li a{ display:block; line-height:45px; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase;}
.nav ul li a:hover{ color:#0073b1}
.nav_b{ left:0; position: absolute; top:45px; background: rgba(0,0,0,1); z-index: 999999999999999999999; display: none;}
.nav_b dl{ padding:20px 10px 20px 20px; overflow: hidden;}
.nav_b dl dd{ float:left; margin-bottom:10px; margin-right:10px; position: relative;}
.nav_b dl dd img{ width: 224px; height:160px;}
.nav_b dl dd span{ position: absolute; left:0; bottom:0; width: 100%; background: rgba(0,0,0,0.4); color:#fff; padding-top:0px; font-size: 12px; text-align: left; text-indent: 10px; padding-bottom:0px;}

.nav ul li:hover .nav_b{ display: block;}
.nav_b dl dd a:hover img{ opacity: 0.5;}
.nav_b dl dd a:hover span{background: #0073b1;}

.nav ul ul{ position: absolute; top:45px; display: none; background: #000; padding: 0; z-index: 99999999999999999; width:200px;}
.nav ul ul li{ padding-top:0px; padding-bottom: 0px; width: 100%;}
.nav ul ul li a{ text-align: left; color:#fff; line-height: 22px; display: block; text-transform: none; padding: 8px 10px;}
.nav ul ul li a:hover{ background: #0073b1; color:#fff;}
.nav ul li:hover ul{ display: block;}

/*产品*/

.box{ background: #f5f5f5; padding-top:50px;}
.box dl{ width:1200px; margin: 0 auto; overflow: hidden; position: relative;}
.box dt{ float:left; width:280px; height:540px; overflow: hidden; background: #fff; position: relative;}
.box dt h1{ padding-left:40px;font-size: 20px; padding-top: 40px; padding-bottom:20px; }
.box dt .cp_img{ width:100%; position: absolute; bottom:40px;}
.box dt .more{ padding:6px 20px; font-size: 14px; border-radius: 50px; color:#fff; background: #0073b1; line-height: 26px; margin-left:40px;}
.box dt a{ display: block;}
.box dt a:hover{ text-decoration: none;}
.seeMore{ background: #000; width:100%; height: 100%; text-align:center; position: absolute; top:0;opacity: 0;}


.box dt .seeMore .cp_img2{ width: 100%; height:100%; background-size:auto 100%; margin:0 auto; display: block; opacity: 0.5; background-position:center; background-repeat: no-repeat;}

.seeMore_text{ position: absolute; height: 100%; z-index: 999; top:0;
	display: -webkit-box;  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */  
	display: -moz-box;    /* 老版本语法: Firefox (buggy) */  
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */  
	display: -webkit-flex;  /* 新版本语法： Chrome 21+ */  
	display: flex;       /* 新版本语法： Opera 12.1, Firefox 22+ */  
	
	/*垂直居中*/  
	/*老版本语法*/  
	-webkit-box-align: center;  
	-moz-box-align: center;  
	/*混合版本语法*/  
	-ms-flex-align: center;  
	/*新版本语法*/  
	-webkit-align-items: center;  
	align-items: center;  
	/*水平居中*/  
	/*老版本语法*/  
	-webkit-box-pack: center;  
	-moz-box-pack: center;  
	/*混合版本语法*/  
	-ms-flex-pack: center;  
	/*新版本语法*/  
	-webkit-justify-content: center;  
	justify-content: center;  
	margin: 0; 
	width: 100% /* needed for Firefox */  
}
.seeMore_text1{ text-align: center;font-size: 24px; color:#fff; width:100%;}
.seeMore_text1 strong{ display: block; padding-top:10px; font-weight: normal;}


.box dd{ float:left; width:580px; height:255px; margin:0 30px; overflow: hidden; background: #fff; position: relative;}
.box dd h1{ padding-left:40px; width:218px; font-size: 20px; padding-top: 40px; padding-bottom:20px; }
.box dd .cp_img{ position: absolute; top:0; height: 100%; right:0px;}
.box dd .more{ padding:6px 20px; font-size: 14px; border-radius: 50px; color:#fff; background: #0073b1; line-height: 26px; margin-left:40px;}
.box dd a{ display: block;}
.box dd a:hover{ text-decoration: none;}

.box dd .seeMore .cp_img2{ width: 100%; height:100%; background-size: 100%; margin:0 auto; display: block; opacity: 0.5; background-position:center; background-repeat: no-repeat;}

.box dt:hover .seeMore{ opacity: 1;
transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out
}

.box dd:hover .seeMore{ opacity: 1;
transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out
}

.box dd{}

.abouts{ position: absolute; width:580px; height: 255px; background: #fff; left:310px; top:290px;}
.abouts p{ font-size: 14px; padding-top:10px;}

.anli{ width:1200px; margin: 0 auto; overflow: hidden; padding-top:30px;}
.anli ul{ margin-left:-30px;}
.anli ul li{ float:left; margin-left:30px; width:585px; height: 270px; background: #000; position: relative; overflow: hidden;}
.anli_text{ position: absolute; width:100%; height:100%; top:0; left:0; z-index: 2;}
.anli ul li .cimg{ width: 100%; height:100%; background-size: 100%; margin:0 auto; display: block; background-position:center; background-repeat: no-repeat;transition: all 0.6s;}
.anli_text h1{ display: block; color:#fff; padding-top:30px; padding-left:40px; line-height: 50px;}
.anli_text a{ display: block;}
.anli_text .more{ padding:6px 20px; font-size: 14px; border-radius: 50px; color:#fff; background: #0073b1; line-height: 26px; margin-left:40px;}
.anli ul li a:hover .cimg{ transform: scale(1.2); opacity: 0.5;}


.middle_5{background:#f5f5f5; padding:70px 0; overflow: hidden;}
.middle_5_l{}
.middle_5_l_title{ text-align: center; font-size: 30px; color:#000;}
.middle_5_l_title strong{ display: block; font-weight:normal;}
.middle_5_l_title i{ display: block; width:50px; background: #000; height:2px; margin:10px auto; }
.middle_5_l_title a{ font-size:18px;}
.middle_5_l_b{ width:1200px; margin:0 auto;  padding-top:30px;}
.middle_5_l_b dl{ overflow: hidden;}
.middle_5_l_b dt{ width:348px; float:left;}
.middle_5_l_b dd{ padding-left:40px; width:800px; float: left;}
.middle_5_l_b ul{}
.middle_5_l_b ul li{ padding: 10px 0; border-bottom:1px dashed #dcdcdc; overflow: hidden;}
.middle_5_l_b ul li a{ display:block; text-transform: uppercase;}
.middle_5_l_b ul li span{ display:block; color:#333; font-size:14px;}
.middle_5_l_b ul i{ font-style:normal; background:url(../images/ico3.jpg) left center no-repeat; padding-left:20px; float:right; display:block; line-height:20px;}
.middle_5_l_b ul p{ line-height:18px; color:#666}




/* ========== */
/* = bottoms = */
/* ========== */
.bottoms_bg{ background:#dcdcdc;}
.bottoms{ width:1200px; margin:0 auto; padding-top:40px; padding-bottom:40px; overflow: hidden;}
.bottoms_l{ width:415px; float: left;}
.bottoms_l dl{ padding-left:20px; padding-right:20px;}
.bottoms_l dt{ padding-bottom:10px;}
.bottoms_l dt span{ font-size: 20px; color:#000; text-transform: uppercase;}
.bottoms_l dd{ font-size: 12px; color:#666; line-height: 36px;}

.bottoms_r{ width:390px; float: right;}
.bottoms_r ul{}
.bottoms_r ul li{ padding:5px 0; border-bottom:1px dashed #404040;}
.bottoms_r ul li a{ color:#666;}


.banquan{ background:#bdbdbd; text-align: center; padding:16px 0; font-size: 14px; text-transform: uppercase;}