@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
strong{
	font-size:14px;
	font-weight:bold;
}
body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	
}
html{
	-webkit-text-size-adjust:none;
	
	}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFF;
}

#topnv{
	width:1200px;
	height:146px;
	margin:0 auto;
	overflow:hidden;
	
}
#top1{
	width:100%;
	background-color:#FFF;
}
#topcon{
	width:1220px;
	height:100px;
	margin:0px auto;
}

#ling{
	float:right;
	line-height:40px;
	text-align:left;
	color:#7b7b7b;
}
#ling a{
	color:#7b7b7b;
	width:60px;
	display:inline-block;
	text-align:center;
}
#ling a:hover{
	background-color:#cf262c;
	color:#fff;
}
.sb{
	display:inline-block; 
	float:left;
	margin-top:30px;
}

#nav{
	float:left;
	text-align:center;
	height:36px;
	font-size:0px;
	clear:right;
	margin-left:30px;
	
}
#nav ul{
	 position: relative;
    display: inline-table;
}
#nav li{
	display:inline-block;
	text-align:center;
	font-size:14px;
	 position: relative;
}
#nav li.cur a{
	color:#00a0e9;
	border:#00a0e9 dashed 1px;
}

#nav li a{
	display:block;
	padding:3px 20px;
	font-weight:bold;
	color:#5d6970;
	line-height:30px;
}
#nav li:hover>a{
	color:#00a0e9;
}

.sonNav{ position:absolute; left:0px; top:100px;
z-index:100;
height:0;
overflow:hidden;
width:100%;
background:#2b2d2e;
}
.sonNavMain{ 
padding-top:10px;
padding-left:10px;
  width:1220px;
  margin:0 auto;
  text-align:center;
}
.sonNavMain li{
	display:inline-block;
  margin:0px 30px;
vertical-align:text-top;
text-align:left;

}
.sonNavMain li h6{
	font-weight:bold;
	line-height:30px;
	font-size:14px;
	 margin-bottom:10px;
	 
}
.sonNavMain li a{
	display:block;
	line-height:24px;
}
.sonNavMain li h6 a{
	padding:0;
	color:#c1c1c1;
	}
.sonNavMain li a:hover{
	color:#00a0e9;
}
.sonNavMain dl{
	margin-top:20px;
}
.sonNavMain dd a{
	color:#999;
	border-bottom:#333 dotted 1px;
	
}

#nav .sonNavMain li a:hover{
	color:#000;
	font-weight:bold;
}


.sonNav1{ position:absolute; left:0px; top:100px;
z-index:100;
height:0;
overflow:hidden;
width:100%;
background:#2b2d2e;
}
.sonNavMain1{ 
padding-top:10px;
padding-left:10px;
  width:1220px;
  margin:0 auto;
  text-align:center;
}
.sonNavMain1 li{
	display:inline-block;
  margin:0px 30px;
vertical-align:text-top;
text-align:left;
}
.sonNavMain1 li h6{
	font-weight:bold;
	line-height:30px;
	font-size:14px;
	 margin-bottom:10px;
	 
}
.sonNavMain1 li a{
	display:block;
	line-height:24px;
}
.sonNavMain1 li h6 a{
	padding:0;
	color:#c1c1c1;
	}
.sonNavMain1 li a:hover{
	color:#00a0e9;
}
.sonNavMain1 dl{
	margin-top:20px;
}
.sonNavMain1 dd a{
	color:#999;
	border-bottom:#333 dotted 1px;
	
}

#nav .sonNavMain1 li a:hover{
	color:#000;
	font-weight:bold;
}



.navgarsub dd{
	border-bottom:#c9c9c9 dotted 1px;
	white-space:nowrap;
}

#nav li dl{
	position:absolute;
	top:37px;
	left:0px;
	background-color:#fff;
	width:100%;
	-webkit-box-shadow:3px 3px 3px #333;  
    -moz-box-shadow:3px 3px 3px #333;  
   box-shadow:3px 3px 3px #333;
	display:none;
	z-index:10000;
	
}
#nav li:hover>dl{
	display:block;
}
#nav li dl dd a{
	font-weight:normal;
	font-size:12px;
	height:30px;
    text-align:left;
	display:block;
}
#nav li dl dd a:hover{
	color:#5d6970;
	font-weight:bold;
	
}


.topsearch{
	cursor:pointer;
	}
	
.searchlogo{
	width:35px; height:25px; float:right;
	margin-top:5px;
	-webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
   -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray;
}
.searchlogo:hover{
	-webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
   -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: grayscale(0%); 
    filter: gray;
	
}
.msearchcon{
height:0;
overflow:hidden;
width:100%;
background:#2b2d2e;
}
.mSearch{ width:210px; height:25px; float:right;  background:url(../images/zoom1.png) right center no-repeat;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;
	border:#ddd solid 1px;
}
.mSearch .input{ border:0; font-size:12px; width:210px;height:25px;line-height:25px; background:none; color:#999999;text-indent:10px;      }
.mSearch .submit{width:30px;height:25px; border:0;color:#FFF; cursor:pointer;  position:absolute; right:0;top:0; background:none; }
#indexservice{
	width:100%;
	background:url(../images/indexbg.jpg) repeat-x top;
	height:300px;
	padding-top:60px;
}
#indexservicecon,#indexservicecon1,#indexnews{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

.indexser{
	width:368px;
	display:inline-block;
	border-top:#ced2d4 solid 6px;
	margin-left:13px;
	margin-right:13px;
	text-align:left;
	font-size:12px;
	vertical-align:text-top;
}
.indexser p{
	color:#858585;
	margin-top:10px;
}
.indexser h1{
	color:#6d6f71;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}
.indexser:hover{
	background-color:#FFF;
}



/*-------------------------------------------------------*/
/*Banner*/



.indexabout{
	width:100%;
	padding-top:60px;
	border-bottom:#ced2d4 solid 1px;
	position:relative;
}
.indexabout1{
	width:300px;
	height:8px;
	background-color:#ced2d4;
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:56px;
}
.indexabout2{
	background-color:#fff;
	width:200px;
	height:24px;
	text-align:center;
	position:absolute;
	left:50%;
	top:45px;
	margin-left:-100px;
	color:#5d6970;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
}
#nybanner1,#nybanner{
	margin:0 auto;
	height:375px;
	width:100%;
	overflow:hidden;
}
#nybanner1{
	background-image:url(../images/nybanner1-new.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#nybanner{
	background-image:url(../images/nybanner1-new.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#nybannerny{
	width:1200px;
	margin:0 auto;
}
#nybannernyleft{
	float:left;
	overflow:hidden;
	width:450px;
}
#nybannernyleft h2{
	text-transform:uppercase;
	color:#FFF;
	font-size:46px;
	line-height:48px;
	margin-top:80px;
}
#nybannernyleft p{
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	line-height:26px;
	margin-top:20px;
	margin-bottom:20px;
}
#nybannernyleft hr{
	border:none;
	border-bottom:dashed 1px #fff;
	background:none;
}
#nybannernyright{
	float:right;
}
#nycon{
	width:1200px;
	margin:0 auto;
	clear:both;
}



#backtop{
	position:fixed;
	bottom:50px;
	right:200px;
	z-index:100;
	display:none;
}

#nyconnavtop{
	width:510px;
	position:fixed;
	left:49%;
	top:0px;
	margin-left:-238px;
	display:none;
}
#nyconnavtop li,#nyconnav li{
	width:125px;
	height:40px;
	float:left;
	display:inline;
	margin-left:2px;
}
#nyconnavtop li a,#nyconnav li a{
	text-align:center;
	line-height:40px;
	display:block;
	background-color:#000;
	color:#FFF;
}
#nyconnavtop li a:hover,#nyconnav li a:hover{
	text-align:center;
	line-height:40px;
	background-color:#4aae32;
}
#nyleft{
	width:260px;
	float:left;
	display:inline;
	overflow:hidden;
	background-color:#fff;
	padding:10px;
}
#nyleft dt{
	height:43px;
	line-height:43px;
	text-indent:2em;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	
	
}
#nyleft dt a{
	color:#FFF;
	display:block;
	
}
#nyleft dt a:hover{
	background:url(../images/cpleft1.png) no-repeat 220px center #004098;
}
.current1{
	background:url(../images/cpleft.png) no-repeat 220px center #405580;
}
.current{
	font-size:14px;
	background:url(../images/cpleft1.png) no-repeat 220px center #004098;
}
.leftnavchil{
	width:100%;
	background-color:#e9edf5;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	display:none;
	
	}
	
#nyleft h1{
	line-height:60px;
	background: url(../images/bj.jpg) no-repeat 10px bottom #004098;
	color:#FFF;
	font-size:24px;
	text-align:center;
}
#nyleftcon{
	width:100%;
	background-color:#e9edf5;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	
}

#nyleftcon li,.leftnavchil a{
	border-bottom:#e4e4e4 solid 1px;
	height:43px;
	line-height:43px;
	text-indent:2em;
	background-color:#fff;
	width:90%;
	margin:0 auto;
	margin-top:5px;
}
.leftnavchil a{
	display:block;
	color:#aeaeae;
}
#nyleftcon li a{
	
	display:block;
	
}
.vista,#nyleftcon li a:hover,.leftnavchil a:hover{
	color:#494949;
	font-size:14px;
	font-weight:bold;
}

.cur{
	font-size:12px;
	color:#aeaeae;
}
#leftcontact{
	width:93%;
	background-color:#eeeeee;
	margin-top:2em;
	border:#d3d3d3 solid 1px;
	color:#999;
	padding:5px;
	line-height:20px;
}
#leftcontact h6{
	font-size:14px;
	color:#777;
	font-weight:bold;
	line-height:24px;
	
}
.message td{
	padding-top:1em;
}
.message input{
	border:#cbcbcb solid 1px;
	height:35px;
}
#job a{
	color:#4aae32;
	font-weight:bold;
}
#job td{
	height:40px;
	border-bottom:#CCC dashed 1px;
	color:#999;
	text-align:center;
}
#job th{
	background-color:#4aae32;
	text-align:center;
	color:#FFF;
	height:40px;
}
#job a:hover{
	
	color:#333;
}
#nyright{

	display:inline;
	width:100%;
	padding-bottom:4em;
	height:auto !important;
	min-height:550px;
	height:550px;
	background-color:#fff;
	font-size:14px;
}
#nyrighttitle{
	width:100%;
	border-bottom:#b1b1b1 dotted 1px;
	color:#4e4e4e;
	height:30px;
	line-height:25px;
	margin-bottom:3em;
	
}
#nyrighttitle b{
	font-size:18px;
	font-weight:bold;
}
#nyrighttitle span{
	float:right;
}
#nyrighttitle a{
	color:#828181;
}

#nyrighttitle a:hover{
	color:#333;
}
#plist-t{
	width:100%;
	margin:0 auto;
	font-size:0px;
	margin-bottom:10px;
}
#plist-tl{
	font-size:28px;
	color:#333;
	text-align:left;
	padding:20px 0;
	display:inline-block;
	border-bottom:#f1f1f1 solid 1px;
	vertical-align:text-bottom;
	width:30%;
}
#plist-tr{
	border-bottom:#f1f1f1 solid 1px;
	display:inline-block;
	vertical-align:text-bottom;
	font-size:12px;
	text-align:right;
	color:#999;
	width:65%;
}
#about,#products,#service,#contact,#salesnet,#news{
	padding-top:20px;
	width:100%;
	font-size:16px;
}

#salesnet h5{
	font-size:16px;
	line-height:30px;
	margin-bottom:2em;
	color:#666;
}
#quality h6{
	color:#666;
	font-size:16px;
	background-color:#f1f1f1;
	line-height:40px;
	text-indent:1em;
}
#map_canvas {margin:0;height:380px;border:1px solid #ccc;}

#quality strong{
	color:#000;
}
#quality p{
	color:#333;
	margin-top:2em;
	margin-bottom:2em;
	
	}
#contact{
	padding:10px;
	margin-top:2em;
	line-height:24px;
}
#contact h2{
	font-size:28px;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}
#contact p{
	line-height:24px;
	margin-top:1em;
}
#contact a{
	color:#446878;
}
#contact a:hover{
	text-decoration:underline;
}
.teamxsgl{
	float:left;
	display:inline;
	width:340px;
	height:200px;
	margin:60px 10px 20px 10px;
	border:#CCC solid 1px;
	border-top:#92b6e3 solid 2px;
	position:relative;
	background-color:#f1f1f1;
}
.teamtx{
	position:absolute;
	width:110px;
	height:110px;
	-moz-border-radius:55px;      /* Gecko browsers */
    -webkit-border-radius:55px;   /* Webkit browsers */
    border-radius:55px;
	border:#92b6e3 solid 2px;
	left:20px;
	top:-60px;
	overflow:hidden;
}
.teamxsgldet{
	width:80%;
	margin:20px auto;
	font-size:14px;
	text-align:right;
}
.teamxsgldet{
	color:#666;
	line-height:20px;
}
.teamxsgldet li{
	margin:8px auto 8px auto;
	text-align:left;
	color:#000;
}
.teamxsgldet li a{
	color:#000;
}
.teamxsgldet li a:hover{
	text-decoration:underline;
}
.teamxsgldet ul{
	margin:0 auto;
}
.teamxsgldet h5{
	line-height:34px;
	font-weight:bold;
	font-size:16px;
	color:#000;
}
#news li{
	line-height:30px;
	list-style:disc;
	width:92%;
	margin-left:40px;
}
#news li span{
	float:right;
	color:#aaa;
	
}
#news a{
	color:#333;
}
#news a:hover{
	color:#4aae32;
}
#about p{
	line-height:28px;
	margin-bottom:2em;
	color:#888;
}
#about h6{
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	text-align:center;
	line-height:35px;
}
.cuture strong{
	color:#000;
}
.productsview a{
	border:#aaa solid 1px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#666;
	text-align:center;
	line-height:32px;
	width:72px;
	display:block;
	bottom:30px;
	left:20px;
	position:absolute;
}
.productsviewconp{
	width:600px;
	height:200px;
	overflow:hidden;
}
.products h6{
	text-align:left;
	line-height:2em;
}
#productschil{
	width:1200px;
	text-align:center;
	font-size:0px;
	margin:0 auto;
	padding-bottom:20px;
}
.productschilny{
	display:inline-block;
	vertical-align:text-top;
	width:12%;
	font-size:10px;
	color:#999;
	margin-left:10px;
	margin-right:10px;
}
.productschilny:hover{
	color:#00a6e7;
}
.productschilny img{
	width:100%;
}
.item{
	float:left;
	margin:20px;
	border:#ccc solid 1px;
	-webkit-box-shadow:0 0 3px #999;  
   -moz-box-shadow:0 0 3px #999;  
   box-shadow:0 0 3px #999; 
}
.item:hover{
	border:#00a1e9 solid 1px;
}
.item:hover>.itemName{
	background-color:#00a1e9;
	color:#FFF;
}
	
.itemName{
	color:#000;
	background-color:#f6f6f6;
	text-align:center;
	line-height:50px;
}
.proviewbg{
		width:100%;
		background-image:url(../images/proview1.jpg);
		background-position:left 150px;
		background-repeat:no-repeat;
		-moz-background-size:100% 133px ; /* 老版本的 Firefox */
		background-size:100%  133px;
}
.productsviewconp p{
	line-height:20px;
	text-indent:0px;
	text-align:left;
	color:#999;
	padding-left:30px;
}
.productsdetail h5{
	font-weight:bold;
	color:#fff;
	font-size:16px;
	line-height:30px;
	margin:1em auto;
	background-color:#405580;
	text-indent:1em;
	text-align:center;
	border-radius:15px;
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
}
	
.productsdetail{
	line-height:2em;
	color:#666;
	width:100%;
}
.productsdetail ul{
	margin-bottom:1em;
}
.productsview{
	position:relative;
}
.prosami a{
	color:#666;
}
.prosami a:hover{
	color:#F00;
}

.probg table{
	width:100%;
	margin-bottom:2em;
	margin-top:2em;
}
.probg table tr:first-child{
	background-color:#eee;
	height:40px;
}
.probg table tr:first-child td{
	border:#fff solid 1px;
}
.probg table tr td:first-child{
	color:#333;
}
.probg table td{
	height:25px;
	color:#555;
	text-align:center;
	border:#f1f1f1 solid 1px;
}
.probg p{
	
	text-indent:0px;
}
.probg h2{
	background-color:#e8e8e8;
	line-height:35px;
	font-size:16px;
	color:#333;
	text-indent:1em;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:1em;
}
.newsall{
	background-color:#f6f6f6;
	margin-top:20px;
}

.newsL{
	float:left;
	width:15%;
	padding:1em;
	background-color:#00a1e9;
}
.newsL ul{
	padding-top:5px;
}

.newsR{
	width:95%;
	padding-bottom:10px;
	border-bottom:#bbb dashed 1px;
}

.bigday{
	font-size:4em;	
	color:#fff;
	height:1.3em;
	line-height:1.3em;
	text-align:center;
}
.smallday{
	font-size:1.5em;	
	color:#fff;
	height:2em;
	line-height:2em;
	text-align:center;
	border:#FFF solid 2px;
}

.bigtext{
	font-size:18px;
	line-height:40px;
	color:#333;
}
.newsdet span{
	background-color:#5c93e5;
	color:#FFF;
	padding:2px 5px;
}
.newsdet a{
	color:#000;
}
.newsdet{
	color:#666;
}
.linktext a{color:#666;}
.linktext a:hover{color:#00a0e9;}
.suojin{
	text-indent:2em;
	line-height:1.5em;
	padding-right:2em;
	font-size:14px;
	color:#999;
	word-wrap: break-word;
}

.download th{
	font-weight:bold;
	height:40px;
	background-color:#efefef;
	line-height:40px;
	 text-align:center;
	 border:#ddd solid 1px;
	 
}
.download td{
	border:#ddd solid 1px;
	text-align:center;
	color:#666;
}

.app td{
	padding:5px;
	border:#FFF solid 1px;
	background-color:#eee;
	border-bottom:#666 solid 1px;
	color:#666;
}


.clear{ width:100%; height:0px; line-height:1px; font-size:1px; clear:both;}



h4{
	font-weight:bold;
	color:#012383;
	font-size:20px;
	line-height:40px;
}
h3{
	font-weight:bold;
	color:#00a1e9;
	font-size:14px;
	line-height:22px;
}
.recommend{ overflow:hidden;zoom:1;padding-bottom:5px; width:98%; }
.recommend .img{ float:left;padding:2px; background:url(../images/pic21_03.jpg) no-repeat scroll 0 0; width:94px; height:64px; }
.recommend .text{padding-left:60px;}
.recommend .text a{
	color:#000;
}
.recommend a:hover{
	text-decoration:underline;
}
.recommend .date{font-size:10px; color:#bbb;}

.pg{display:inline;float:left;margin:5px;*margin:5px 5px 5px 10px;_margin:5px 5px 5px 10px;}
.back_pg{border-right:1px solid #e8e8e8;margin:0;padding:6px 0;}
.pg,.pgb{line-height:24px;}
.pg a,.pg strong,.pgb a,.pg label{display:inline;float:left;color:#333;font-size:14px;margin-left:5px;overflow:hidden;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;}
.pg a,.pg strong,.pgb a{background:#f3f3f3;border:1px solid #f3f3f3;padding:0 9px;height:24px;}
.pg a:hover,.pgb a:hover{background-color:#fff;border-color:#45abfa;color:#43AAFA;}
.pg a.nxt,.pg a.prev,.back_pg a{background-repeat:no-repeat;background-position:-120px -388px;}
.back_pg a{background-color:transparent;background-position:-150px -388px;border:0;border-radius:0;padding:0 10px 0 15px;}
.pg a.nxt,.pg a.prev{line-height:99px;padding:0;width:24px;}.pg a.prev{background-position:-144px -388px;}
.pg strong{background-color:#405580;border-color:#fff;color:#fff;}
.pg label{float:left;color:#405580;cursor:text;font-size:14px;margin-left:5px;padding:0 5px;}
.pg label .px{float:left;background:#fff;border:1px solid #e8e8e8;padding:4px 8px;height:16px;width:24px;outline:0;line-height:16px\9;}
.pg label .px:focus{border-color:#405580;}
.pg label span{float:left;padding:2px 0 0 0.4em;}

#bottomdh{
	width:100%;
	background-color:#5d6970;
	height:250px;
	padding-top:40px;
	margin-top:60px;
	
}
#bottomdh-c{
	width:1200px;
	margin:0 auto;
	
}
#bottomdh-c li{
	float:left;
	display:inline;
	margin-right:60px;
}
#bottomdh-c li h6{
	font-size:20px;
	color:#d9e2e7;
	line-height:30px;
	margin-bottom:10px;
	border-bottom:#adb3b6 dotted 1px;
}
#bottomdh-c p{
	margin-bottom:10px;
	color:#c1c6c9;
	line-height:24px;
	font-size:14px;
}
#bottomdh-c li a{
	color:#c1c6c9;
	display:inline-block;
	font-size:14px;
	line-height:34px;
	
}
#bottomdh-c li a:hover{
	color:#fff;
}

#bottomdh-erwm{
	text-align:center;
	float:left;
	padding-left:80px;
	color:#fff;
	border-left:#666 solid 1px;
	margin-right:60px;
}
.facebook{
	width:60px;
	height:40px;
	background:url(../images/facebook.png) no-repeat left center;
}
.facebook:hover{
	background:url(../images/facebook1.png) no-repeat left center;
}
.twitter{
	width:60px;
	height:40px;
	background:url(../images/twitter.png) no-repeat left center;
}
.twitter:hover{
	width:60px;
	height:40px;
	background:url(../images/twitter-1.png) no-repeat left center;
}
.inbook{
	width:60px;
	height:40px;
	background:url(../images/in.png) no-repeat left center;
}
.inbook:hover{
	width:60px;
	height:40px;
	background:url(../images/in-1.png) no-repeat left center;
}
.instagram{
	width:60px;
	height:40px;
	background:url(../images/ins.png) no-repeat left center;
}
.instagram:hover{
	width:60px;
	height:40px;
	background:url(../images/ins-1.png) no-repeat left center;
}
.mobile{
	width:60px;
	height:40px;
	background:url(../images/web.png) no-repeat left center;
}
.mobile:hover{
	width:60px;
	height:40px;
	background:url(../images/erwm.png) no-repeat left center;
}
#footer{
	clear:both;
	width:100%;
	padding-top:10px;
	height:60px;
	line-height:30px;
	background-color:#2b2d2e;
	color:#555;
	position:relative;
}

#footerc{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#footerc-left{
	float:left;
	font-size:12px;
	color:#5f6b77;
	margin-top:20px;
	
}
#footerc-right{
	float:right;
}
#footerc-right a{
	color:#515d65;
}
#footerc-right a:hover{
	color:#FFF;
}
/*----------------------------------------------*/
#commendrprosec{
	max-width:1200px;
	margin:0 auto;
	padding-top:50px;
	position:relative;
	overflow:hidden;
}
#commendrpron{
	position:relative;
	max-width:1050px;
	margin:0 auto;
	padding-top:50px;
}

#commendrpron .owl-prev,#commendrpron .owl-next{
	position:absolute;
	top:50% !important;
	border-radius:25px !important;
	padding:0px !important;
	background: transparent !important;
	font-size:32px;
	border:#00a0e9 solid 2px;
	width:34px;
	height:34px;
	font-weight:normal!important;
	color:#00a0e9 !important;
	line-height:34px;
	font-family:Arial, Helvetica, sans-serif;
}
#commendrpron .owl-prev{
	  left:-80px !important;
	  
}
#commendrpron .owl-next{
	right:-80px !important;
}
#commendrpron .owl-prev:hover,
#commendrpron .owl-next:hover{
	background: transparent !important;
	color:#004098;
}
#commendrpron .owl-dots{
	display:none !important;	
}

/*-------------应用领域---------------------------------*/
.pro-view { border: 1px solid #e7e7e7; padding: 9px; margin: 20px 0 }
.pro-view .pro-info { float: right; border-left: 1px solid #e7e7e7; padding-left: 9px; width: 270px; color: #333; height: 476px; font-size: 14px }
.pro-view .pro-info h3 { color: #333; font: 300 18px/38px microsoft yahei; padding-bottom: 4px; border-bottom: 1px dashed #e7e7e7 }
.pro-view .pro-info .desc { padding: 10px 5px }
.pro-view .btn-area { text-align: center }
.pro-view .btn-area .ui-btn { font: 14px/32px microsoft yahei; padding: 0 40px; color: #fff; background-color: #126fb4 }
.prev, .next { position: absolute; top: 50%; cursor: pointer }
.tempWrap { margin: 0 auto }
.pro-view { position: relative }
.pro-view .prev, .pro-view .next { width: 65px; height: 65px; margin-top: -33px }
.pro-view .prev { background: url(../images/prev.png) no-repeat; left: 17px }
.pro-view .next { background: url(../images/next.png) no-repeat; right: 17px }
.pro-focus { position: relative; overflow: hidden; height: 476px; width: 840px; float: left }
.pro-focus .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 476px }
.pro-focus .bd li a img { width: 100%; height: 100% }
.pro-focus .hd { position: absolute; left: 50%; bottom: 25px; margin-left: -35px }
.pro-focus .hd li { float: left; cursor: pointer; width: 20px; height: 20px; margin: 0 5px; background-image: url(../images/banner-dot1.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden }
.pro-focus .hd .on { background-image: url(../images/banner-dot2.png) }
/*.pro-nav {  }
.pro-nav li { float: left; _display: inline; width: 366px; margin: 0 10px 20px; }
.pro-nav li a { width: 358px; display: block; border: 1px solid #e7e7e7; padding: 3px; height: 167px; background: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease }
.pro-nav li a:hover { background-color: #126fb4 }
.pro-nav li .pic { display: block; height: 125px }
.pro-nav li .pic img { width: 100%; height: 100% }
.pro-nav li .brand-pic { display: block; text-align: center; height: 40px; margin-top: 2px; background: #fff; }
.pro-nav li .brand-pic img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100% }
.pro-nav .on a { background-color: #126fb4 }*/

.pro { *zoom:1;}
.pro-nav { margin-right: -52px;}
.pro-nav li { float: left; _display: inline; margin: 0 52px 43px 0;  position: relative; width: 342px; height: 165px; padding: 4px; border: 1px solid #e7e7e7; }
.pro-nav li .pic { display: block; height: 100%; width: 100%;  }
.pro-nav li .pic img { width: 100%; height: 100% }
.pro-nav li .mask { position: absolute; display: none; left: 5px; top: 5px; width: 342px; height: 165px; text-align: center; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.6); color: #fff; }
.pro-nav li .mask img { margin: 40px 0 10px }
/*----------------------------------------------*/

/*-------------应用领域---------------------------------*/
.App-title{
	font-weight:bold;
	text-align:center;
	font-size:24px;
	margin-bottom:20px;
	margin-top:20px;
}
#App-con img{
	display:block;
}