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


html{-webkit-text-size-adjust:none;}
body {font-size:14px;color:#575757;line-height:22px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:#f8f6f6;}
div,form,ul,ol,li,p,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none;font-weight:normal}
.fz12,font,h2{ font-size:16px; font-weight:normal}
h3,h4,h5 { font-weight:normal; font-size:14px;}

a { outline:none;-moz-outline:none; color:#ffffff; cursor:pointer;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover { color:#339adb;text-decoration: none}
img,input{ border:none}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.bgff { background:#fff}
.clear{ clear:both;}

.w{ width:1200px; margin:0 auto}
.w2{ width:1200px; margin:0 auto}

.contact { height:543px; background:url(../images/contact.jpg) left no-repeat}
.contact h3 { padding-left:340px; padding-top:100px; font-size:14px; line-height:24px; font-weight:normal}

@media all and (max-width:920px){
.contact h3 { padding-left:0; padding-top:100px; font-size:14px; line-height:24px; font-weight:normal; float:right; width:60%}
}

@media all and (max-width:640px){
.contact h3 { padding:50px 0; font-size:14px; line-height:24px; font-weight:normal; float:none; width:95%; margin:0 auto}
}

@media all and (max-width:1400px){
.w{ width:95%; max-width:1200px;}
.w2{ width:95%; max-width:1200px;}
}

@media all and (max-width:640px){
.manbig img { width:90%}
.main img { width:90%; display:block; margin:0 auto}
}


/*-------- 下拉菜单 --------------*/
.dropMenu {
	position:absolute;
	top: 0;
	z-index:100;
	width: 140px;
	visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
	margin-top: -1px;
	border: 1px solid #0082D5;	
	background-color: #0088E0;
	
	 margin:0px; padding:0px;
}

@media all and (max-width:1400px){
.dropMenu{ width:12.5%;}
}

@media all and (max-width:850px){
.dropMenu li{ width:100%; text-align:center;}
.dropMenu li a{font-size:12px; padding-left:0px; height:auto}
}

@media all and (max-width:650px){
.dropMenu{ display:none;}
}

.dropMenu li {
	 border-bottom:1px solid #0475BE; 
	
	
}
.dropMenu li a {
	color:#FFF; font-size:14px;	display: block; height:40px; line-height:40px; padding-left:20px;
	
	
}

.dropMenu a:hover { background:#161618}


.u_btn{
	text-align: center; border:none;
	font-size: 1.2em; height:2em;
	line-height: 2em;	
	
}

.u_btn:hover{
	background: #E9E7E4;
	
}

/* 标题 */
.u_title,.a_title{
	font-size: 2.8em;
	line-height: 1em;
	color: #dbdbdb;
	font-weight: 400;
	padding: 0 0 10px 0;
}
.bigpic { text-align:center}
.bigpic img { width:80%; max-width:930px}






/*公司简介页面*/
.inmain_bg{ background:url(../images/bg1.jpg) top center no-repeat; overflow:hidden; clear:both}
.w{ width:1200px; margin:0 auto}

.nav_about{ width:250px; float:left; background:url(../images/bg2.jpg) 30px 0px no-repeat; height:500px; margin-top:30px;}
.nav_about ul li{border-bottom:2px solid #D2D1D1;background:url(../images/z.png) 25px no-repeat; margin-left:30px;}
.nav_about ul li:hover{background:url(../images/zh.png) 25px no-repeat;}
.nav_about ul li a{ display:block; height:50px; line-height:50px;color:#424141; padding-left:60px; font-size:1.1em; }
.nav_about ul li a:hover{color:#FFF;background: #2291F8;}

.ititle{ width:900px; float:right; text-align:center;}
.ititle p{ background:url(../images/title2.gif) top no-repeat; height:75px;}
.ititle img { display:none}
.place{ border-bottom:#888 1px solid; line-height:36px; text-align:right; width:900px; float:right;}
.main{ padding-top:20px; line-height:30px; margin-top:20px; float:right; width:900px}

.picbox{width: 880px;}
.picbox ul li{float: left;padding: 10px}

@media all and (max-width:1400px){
.w{ width:98%; max-width:1200px;}
.nav_about{ width:25%; max-width:250px;}

.ititle{ width:70%;}
.place{ width:70%;}
.main{ width:70%;}

.inright .ititle { width:100%}
.inright .place{ width:100%;}
.inright .main{ width:100%;}
}

@media all and (max-width:1025px){
.nav_about{ width:25%; background:none}

.ititle{ width:70%;}
.place{ width:70%;}
.main{ width:70%;}
.inright .ititle { width:100%}
.inright .place{ width:100%;}
}

@media all and (max-width:900px){
.nav_about{ width:98%; margin:30px auto 0px auto; float:none; max-width:1200px; height:auto; min-height:100px; padding:0}
.nav_about ul { padding:0; margin:0}
.nav_about ul li{ float:left; width:33.3%; margin-left:0px;}

.ititle{ width:98%; float:none}
.place{ width:98%; float:none}
.main{ width:98%; float:none; margin:0 auto}

.picbox{width: 95%;}
.picbox ul li{float: left;padding: 10px}
}

@media all and (max-width:485px){
.nav_about{ min-height:150px;}
.nav_about ul li{ width:50%;}

}

/*产品介绍页面*/
.inright{ float:right; width:900px; padding-bottom:100px;}
.inright h1 { clear:both; line-height:40px}

.product_list{ width:900px; float:right; clear:both; margin-top:20px;}
.product_list ul li{ float:left; width:260px; text-align:center; height:300px; margin-bottom:50px; border-bottom:1px solid #CCC;}
.product_list ul li dt img{width:240px; height:195px;}
.product_list ul li dd{ margin-bottom:20px;}
.product_list ul li .more{  display:block; width:115px; height:35px; margin:0 auto; background:#FFF9F1; border:1px solid #FEC29E; line-height:35px;color:#858786}
.product_list ul li .more:hover{ background:#FFA763; color:#FFF;}
.m{width: 30px;height: 30px;padding-top:25px;}

@media all and (max-width:1400px){
.product_list{ width:100%;}
.product_list ul li{ width:33.3%;}
}

@media all and (max-width:1190px){
.inright{ width:70%}
.product_list ul li{ width:50%;}
}

@media all and (max-width:900px){
.inright{ float:none; width:100%; clear:both}
.product_list{ width:95%; float:none; margin:0 auto;}
.product_list ul { padding:0; margin:0}
.product_list ul li{ width:33.3%; height:auto; padding:30px 0; margin-bottom:0}
.product_list ul li dt img{ width:80%; max-width:240px; height:auto;}
.product_list ul li dd{ margin-bottom:0;}
}

@media all and (max-width:560px){
.product_list ul li{ width:50%;}
}

@media all and (max-width:320px){
.product_list ul li{ width:100%;}
}

@media all and (max-width:640px){
.prd_big { text-align:center}
.prd_big img { width:80%}
}



/*成功案例页面*/
.main2{ width:900px; float:right;}

@media all and (max-width:1200px){
.main2{ width:70%; height:auto; float:right}
.main2 img { width:100%}
}
@media all and (max-width:800px){
.main2{ width:95%; margin:0 auto; height:auto; float:none}
}

/*新闻动态页面*/
.news{}
.news ul li{ border-bottom:1px #E3E3E3 dashed; height:45px; line-height:45px; background:url(../images/ico3.gif) 10px 14px no-repeat; padding-left:35px; overflow:hidden}
.news ul li *{color:#787878; font-size:12px}
.news ul li a{color:#0089E1; font-size:14px}
.news ul li:hover { background:#EEE;}.news ul li:hover a{color:#0089E1}

@media all and (max-width:340px){
.news ul li{ width:320px; overflow:hidden}
}

/*翻页*/

.dede_pages{text-align: center;padding-left: 20px; margin-top:20px;}
.pagelist{
height:24px;
line-height:24px;padding-right:12px;}
.pagelist li{float: left;margin:5px}
.font b{font:STKaiti;}

/*文章详细页*/
.newsview .stitle{ border-bottom:1px solid #EEE;  margin-bottom:50px; text-align:center; color:#CCC;}
.newsview .title { font-size:18px; text-align:center}
.newsview { margin:20px; line-height:28px;}

@media all and (max-width:340px){

}

/* header */
header{background:#0089E1; height:150px;}
.header{ height:110px;} 
.header .logo{ width:289px;  float:left} 
.header .search{ float: right; padding-right:50px} 
.header .search .sub{ background:url(../images/1_07.jpg) no-repeat; width:50px; height:30px; border:none}
.header .search a{color: #fff}
.header .search span{ margin-left: 15px}

@media all and (max-width:1200px){
header{ height:auto; overflow:hidden}
.header{ height:auto; padding-bottom:20px;}
}
@media all and (max-width:640px){
.header .logo{ margin:0 auto; float:none;}
.header .search{ float:none; text-align:center; padding:0; padding-bottom:15px} 
.header .search input { display:none}
.header .search span{ margin-left: 0}
}



.nav2{ background:#0475BE; height:36px;}
.nav2 ul { width:1200px; margin:0 auto}
.nav2 ul li { height:36px; line-height:36px; float:left; width:146px; text-align:center}
.nav2 ul li a{ font-size:1.2em; display:block; color:#FFF;}
.nav2 ul li a:hover{ background:#0089E1;color:#FFF;}


@media all and (max-width:1200px){
.nav2 ul { width:960px; margin:0 auto}
.nav2 ul li { width:116px;}
.nav2 ul li a{ font-size:14px;}
.dropMenu { width:120px;}
}
@media all and (max-width:960px){
.nav2 ul { width:800px; margin:0 auto}
.nav2 ul li { width:96px;}
.nav2 ul li a{ font-size:14px;}
.dropMenu { width:100px; font-size:12px}
.dropMenu li a { font-size:12px; padding-left:10px;}
}
@media all and (max-width:800px){
.nav2 ul { width:640px; margin:0 auto}
.nav2 ul li { width:76px;}
.nav2 ul li a{ font-size:12px;}
.dropMenu { width:100px;}
}
@media all and (max-width:640px){
.nav2 ul { width:100%; margin:0 auto}
.nav2 ul li { width:25%;}
.nav2 ul li a{ font-size:12px;}
.dropMenu { display:none}
.dropMenu ul { display:none}
.dropMenu ul li { display:none}
}


.footer{
 background:#017bc8;clear:both; overflow:hidden; padding-top:20px; margin-top:20px

}

.footer .QR{
position:relative;
display:inline-block;
width:150px;
height:150;
margin:50px 0;
float:right;		
}

.footer .hotline{
display:inline-block;
vertical-align:text-bottom;
font-size:2em;
padding:20px 0 46px 60px;	
color:#FFFFFF;	
}

.footer .name{
margin:20px 0;
vertical-align:text-bottom;
font-size:1.8em;	
color:#FFFFFF;	
}


/*底部*/
.footer #fmenu { background:url(../images/fmenu.jpg) no-repeat top; height:88px; width:1280px; margin:0 auto; text-align:center}
.footer #fmenu li{ line-height:46px; width:118px; float:none; display:inline; padding:0 30px; text-align:center}
.footer #fmenu li a {color:#FFF;}



.footer .cright{ width:1000px; margin:0 auto;}
.footer .cright h3{ float:left; font-size:12px; color:#fff; line-height:32px}
.footer .cright .erweima{ float:right}

@media all and (max-width:1200px){
.footer #fmenu { background:url(../images/fmenu.jpg) no-repeat top; width:100%; margin:0 auto; padding:0; }
.footer #fmenu li{ float:left; display:block; padding:0; text-align:center; width:12.5%}
.footer .cright{ width:90%; margin:0 auto;}
}
@media all and (max-width:640px){
.footer #fmenu li{ font-size:12px; float:inherit; display:inline; padding:0 5px}
}
@media all and (max-width:480px){
.footer #fmenu li{ font-size:10px; padding:0 3px}
}

@media (max-width: 440px) {
.footer .cright .erweima{ float:nonr; text-align:center; clear:both; width:100%}
}