@charset "utf-8";
html,body{margin:0; padding:0; font-family:Microsoft YaHei,"微软雅黑"; font-size:14px; color:#666; background:#fff;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; /*list-style:none;*/}
img{border:0;padding:0; margin:0; }
td{padding:0; margin:0; border:0;}
p{ padding:0; margin:0;border:0;}
form,pre,fleldset,input,textarea{margin:0; padding:0;}
a{text-decoration:none;}
a:link,a:visited,a:active{color:#666;text-decoration:none;}
a:hover{color:#666; text-decoration:none;}


.topbg{ width:100%; height:149px; background:url(topbg.jpg) top center no-repeat; min-width:1366px;}
.top{ width:1366px; height:149px; margin:0 auto;}
.logo{ width:310px; height:88px; margin-top:30px; float:left;}
.topright{ width:990px; height:149px; float:right;}
.topright1{ height:50px; width:100%; text-align:right; line-height:50px; color:#fff;}
.topright1 span{ float:right; margin-left:10px; display:inline-block}
.topright1 a{ color:#fff;}
.topright1 img{ width:20px; height:20px; margin-top:15px;}
.menu{ height:99px; width:990px;}
.menu ul{ display:block; float:left; width:830px; list-style:none;}
.menu ul li{ float:left; color:#fff; margin:0 20px; line-height:40px; margin-top:28px; font-size:16px; list-style:none;}
.menu ul li a{ display:block; color:#fff; padding:0 5px;}
.menu ul li a:HOver{ display:block; color:#fff; padding:0 5px; border-bottom:2px solid #ffc435;}
.menu ul li.sel a{ display:block; color:#fff; padding:0 5px; border-bottom:2px solid #ffc435;}

.search{ width:145px; height:24px; float:right; margin-top:37px; background:#fff; border-radius:13px;}
.field{ float:left; width:108px; height:24px; background:none; border:none; outline:none; color:#888; padding-left:10px;}
.button{ float:left; width:16px; height:16px; padding:4px; background:none; border:none; outline:none; }



.box01{ width:1366px; height:auto; clear:both; margin:0 auto; padding-top:60px; padding-bottom:50px; overflow:hidden;}
.box01 ul li{ float:left; display:block; width:326px; height:336px; margin-right:20px; color:#fff; list-style:none;}
.box01 ul li .img{ width:64px; height:64px; margin:0 auto; padding-top:40px; padding-bottom:20px;}
.box01 ul li h3{ text-align:center; font-size:22px; padding-bottom:15px;}
.box01 ul li .text{ height:98px; padding:0 35px; line-height:1.8; font-size:12px;}
.box01 ul li .more{ height:94px; height:24px; text-align:center; margin:0 115px; font-size:12px; line-height:24px; border:1px solid #fff;}
.box01 ul li a{ color:#fff;}
.box01 ul li .text dl dd{ line-height:26px; list-style:none;}
.box01 ul li .text dl dd span{ float:right;}


.box02{ width:1366px; height:auto; clear:both; margin:0 auto; padding-bottom:80px; overflow:hidden;}
.title{ color:#31bcad; height:88px; line-height:1; text-align:center; font-size:48px; text-align:center; border-bottom:2px solid #31bcad; position:relative; margin-bottom:60px;}
.title .titlefu{ position:absolute; top:74px; left:43%; font-size:30px; color:#666;}
.title .titlefu span{ padding:0 40px; background-color:#fff;}
.box02 ul{ clear:both; height:550px; border-bottom:2px solid #d2d2d2; position:relative;}
.box02 ul li{ float:left; display:block; width:434px; height:520px; margin-right:32px; list-style:none;}
.box02 ul li img{ width:432px; height:432px; border:1px solid #aaa;}
.box02 ul li p{ text-align:center; padding-top:10px; font-size:18px; color:#666;}
.box02 ul .more{ position:absolute; bottom:-20px; left:618px; width:130px; height:36px; border:1px solid #959595; text-align:center; line-height:36px; color:#666; z-index:2;}
.box02 ul .morebg{ width:220px; height:36px; position:absolute; bottom:-20px; left:573px;  background:#fff; z-index:1;}


.box03bg{ background-color:#e4e4e4; width:100%; min-width:1366px; height:auto; overflow:hidden; clear:both;}
.box03{ width:1366px; height:auto; padding:13px 0; margin:0 auto; overflow:hidden;}
.box03 ul li{ float:left; display:block; height:46px; border-right:1px solid #ccc; padding:5px 20px;}

#demo { 
overflow:hidden; 
width:1366px; 
} 
#demo img { 
height:46px; border-right:2px solid #ccc; padding:5px 50px;
 -webkit-filter: grayscale(100%);   
    -moz-filter: grayscale(100%); 
     -ms-filter: grayscale(100%);  
      -o-filter: grayscale(100%);  
         filter: grayscale(100%)
} 
 
#demo img:hover { 
height:46px; border-right:2px solid #ccc; padding:5px 50px;
 -webkit-filter: grayscale(0);   
    -moz-filter: grayscale(0); 
     -ms-filter: grayscale(0);  
      -o-filter: grayscale(0);  
         filter: grayscale(0)
}
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
margin-left:7px; 
} 


.endbg{ width:100%; height:auto; background-color:#666; min-width:1366px; padding-bottom:50px; overflow:hidden; color:#fff;}
.end1{ width:1366px; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc; text-align:right; margin:0 auto; font-size:12px;}
.end2{ width:1366px; height:auto; margin:0 auto; padding-top:30px;}
.end2 dl{ display:block; float:left; margin-right:60px;}
.end2 dl dt{ font-size:14px; font-weight:bold; padding:0 5px; line-height:2; border-bottom:1px solid #fff; margin-bottom:10px;}
.end2 dl dd{ font-size:12px; line-height:2;}
.end2 dl dd a{ color:#fff;}
.end2 .share{ margin-top:60px; }
.end2 .share a{ display:inline-block; margin-right:10px;}
.end2 .address{}
.end2 .address p{ height:34px; line-height:34px; font-size:12px;}


/* in */
.inbanner{ width:100%; height:400px; clear:both; min-width:1366px;}

.content{ width:1366px; height:auto; margin:0 auto; padding:40px 0; clear:both;}
.aboutshow{ width:100%; height:auto; clear:both; overflow:hidden; padding:0; margin:0;}
.aboutshow ul{ list-style:none; padding:0; margin:0; display:block; clear:both;}
.aboutshow ul li{ list-style:none; float:left; width:683px; height:auto; display:block; overflow:hidden; font-size:16px; line-height:2;}
.text1{height:433px; color:#333; padding-left:65px; padding-right:65px; padding-top:130px;  background-color:#f2f2f2;}
.text2{ color:#666; padding-left:65px; padding-right:65px; padding-top:110px;width:553px;}
.text3{height:500px; color:#fff; padding-left:65px; padding-right:65px; padding-top:110px;  background-color:#3cafa2;}
.text4{height:234px; color:#333; padding-left:65px; padding-right:65px; padding-top:108px;  background-color:#f6f6f6;}

.abouttit1{ width:1366px; height:100px; text-align:center; line-height:100px; background-color:#31bcad; clear:both; font-size:30px; color:#fff;}
.aboutimg{ width:1366px; height:auto; padding-bottom:20px;} 


.contact{ width:1366px; height:auto; margin:0 auto; padding:60px 0 40px 0; overflow:hidden;}
.contact_left{ float:left; width:640px; padding-right:42px; overflow:hidden; border-right:1px solid #666;}
.contact_right{ float:right; width:635px;}

.contacttitle{ color:#333; font-size:26px; font-weight:bold; padding-bottom:20px;}
.contact_left p{ line-height:56px; border-bottom:1px solid #666; font-size:18px;}
.field2{ width:190px; height:36px; border:1px solid #888; line-height:36px; padding-left:5px; outline:none; font-family:Microsoft YaHei,"微软雅黑"; font-size:14px; color:#888;}
.field3{ width:410px; height:152px; border:1px dashed #888; line-height:24px; padding-left:5px; outline:none; font-family:Microsoft YaHei,"微软雅黑"; font-size:14px; color:#888;}
.button3{ width:634px; height:36px; border:1px solid #888; line-height:36px; text-align:center; outline:none; font-family:Microsoft YaHei,"微软雅黑"; font-size:14px; color:#333; background:none; cursor:pointer;}


.contactmap{ width:100%; height:450px; clear:both; margin-bottom:60px;}

.humanbox{ width:1266px; height:auto; overflow:hidden; padding:0 50px;}
.humanbox > ul {list-style: none;}
	.humanbox .menu-one > li {width:100%; height:auto; overflow: hidden;}
	.humanbox .menu-one > li.firstChild {border: 0;}
	.humanbox .menu-one .header { background:#f6f6f6; color:#333; font-weight:bold; line-height:66px; cursor: pointer; height:66px; margin-bottom:20px; border:1px solid #bfbfbf;}
	.humanbox .menu-one .header a{color:#143484;}
	.humanbox .menu-one .header:hover,
	.humanbox .menu-one .menuOne-current {color:#000;}
	.humanbox .menu-one .header > span {display: block;}
	.humanbox .menu-one .header .number {float:left; width:66px; height:66px; background-color:#999; text-align:center; line-height:66px; font-size:36px; color:#fff;}
	.humanbox .menu-one .header .txt {float:left; color:#333; font-size:20px; padding-left:20px; width:1100px; height:66px; line-height:66px;}
	.humanbox .menu-one .header .txt a{ color:#333;}
	.humanbox .menu-one .header .arrow {float:right; width:66px; height:66px; height:2; background:url(arrow-d.png) no-repeat center center;}
	.humanbox .menu-show .header .arrow {background-image: url(arrow-u.png);}
	
	.humanbox .menu-two {display:none; height:auto; padding:10px 250px 20px 75px; line-height:1.8; margin-bottom:20px;}}
	.humanbox .menu-two h3{ font-size:16px; color:#333; font-weight:bold; padding-bottom:6px;}
	.humanbox .menu-two p {font-size:14px; line-height:1.8; margin-bottom:15px; padding-bottom:15px;}
	
	
	
.humanbottom{ clear:both; height:100px; border-bottom:2px solid #d2d2d2; position:relative; width:1366px;z-index:0;}
.humanbottom .more{ position:absolute; bottom:-20px; left:618px; width:130px; height:36px; border:1px solid #959595; text-align:center; line-height:36px; color:#666; z-index:2;}
.humanbottom .morebg{ width:220px; height:36px; position:absolute; bottom:-20px; left:573px;  background:#fff; z-index:1;}

.newsbox{ width:1366px; height:auto; overflow:hidden;}
.newsbox ul li{ display:block; float:left; width:653px; height:164px; background-color:#f2f2f2; margin:0 15px 35px 15px;}
.newsboximg{ width:262px; height:164px; float:left;}
.newsbox .newsboximg img{-webkit-filter: grayscale(100%);   
    -moz-filter: grayscale(100%); 
     -ms-filter: grayscale(100%);  
      -o-filter: grayscale(100%);  
         filter: grayscale(100%)}
.newsbox a:Hover .newsboximg img{-webkit-filter: grayscale(0);   
    -moz-filter: grayscale(0); 
     -ms-filter: grayscale(0);  
      -o-filter: grayscale(0);  
         filter: grayscale(0)}
.newsboxtext{ width:325px; height:134px; float:right; padding:30px 33px 0 33px; line-height:1.8;}
.newsboxtext h3{ font-size:18px;}
.newsboxtext h4{ font-size:14px;}

/*--弹窗样式--*/
#gray{width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;top:0px; left:0;display:none;z-index:99;}
.popup{
	width:70%; 
	height:auto;
	background-color:#fff;
	position: absolute;
	z-index:100;
	margin:0 auto;
	top:18%;
	left:15%;
	display:none;
}
.popup .top_nav{
	width:100%;
	height:66px;
	line-height:66px;
	background-color:#666;
	color:#fff;
	font-size:30px;
	text-align:center;
	position:relative;
	cursor:move;
}
.popup .top_nav a.guanbi { background: url(popup_guanbi.png) no-repeat 0px 0px; width:66px; height:66px; display: block; position:absolute;top:0;right:0;cursor:pointer;}
.popup .top_nav a.guanbi span { display: none;}
.popup .top_nav a.guanbi:hover { background: url(popup_guanbi.png) no-repeat; }

.popup .min{width:100%; height:auto; padding:30px 0; overflow:hidden; margin:0;}
.popup .min img{ display:block; margin:0 auto;}
.popup .min .view{ padding:20px 100px; font-size:14px; line-height:2;}
.popup .min .time{ margin:0 80px 20px 80px; font-size:14px; line-height:3; color:#888; border-bottom:2px solid #ccc; text-align:center;}
.popup .min .more{ width:100%; height:60px; clear:both; text-align:center; margin:20px auto;}
.popup .min .more span{ display:inline-block; width:280px; height:60px; text-align:center; border-right:2px solid #fff; background-color:#cccccc;}
.popup .min .more span img{ display:block; margin:14px auto;}
.popup .min .more span a:hover{ display:inline-block; width:280px; height:60px; text-align:center; border-right:2px solid #fff; background-color:#2eb6aa;}
.popup .min .more span.sel a{ display:inline-block; width:280px; height:60px; text-align:center; border-right:2px solid #fff; background-color:#2eb6aa;}

.popup .min .proview{ width:90%; margin:20px auto; padding-bottom:50px; height:auto; font-size:14px; line-height:2; overflow:hidden;}
.popup .min .proview .proview_1{ float:left; width:52%; border-top:2px solid #ccc; padding-top:25px; line-height:2; font-size:16px;}
.popup .min .proview .proview_1 td{ border-left:#666 1px solid; border-top:#666 1px solid;}
.popup .min .proview .proview_1 td span{ display:block; width:36px; height:18px; margin-top:4px; text-align:center;}
.popup .min .proview .proview_2{ float: right; width:42%;}
.popup .min .proview .proview_2 img{ width:100%; height:auto;}

.popup .min .more1{ width:90%; height:80px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; clear:both; text-align:center; margin:20px auto;}
.popup .min .more1 ul{ list-style:none;}
.popup .min .more1 ul li{ float:left; list-style:none; width:24%; height:60px; margin-top:10px; text-align:center; border-right:1px solid #aaa;}
.popup .min .more1 ul li span{ display:inline-block; margin-right:8px; line-height:24px;}
.popup .min .more1 ul li img{ margin-top:10px;}





.serbox1{ width:1364px; height:486px; border:1px solid #ccc; background-color:#fafafa; overflow:hidden; margin-bottom:60px;}
.serbox1_1{ float:left; width:683px;}
.serbox1_2{ float: right; width:580px; padding-right:35px; padding-top:80px; font-size:16px; line-height:2.2;}
.serbox1_2 h3{ font-size:24px; border-bottom:1px solid #ccc; line-height:2; margin-bottom:25px;}

.serbox2{ width:1366px; height:auto; overflow:hidden;}
.serbox2 ul li{ display:block; float:left; width:583px; height:90px; border-bottom:1px dashed #ccc; margin:0 50px 35px 50px;}
.serbox2 ul li h3{ font-size:16px; color:#666; font-weight:bold;}
.serbox2 ul li h4{ color:#999; line-height:1.4;}
.serbox2 ul li h5{ color:#ccc; font-size:10px;}


.category{ width:1366px; height:auto; clear:both; font-size:14px; line-height:2; overflow:hidden; padding-bottom:60px;}
.category a{ display:inline-block; padding:0 2px;}
.category a.sel{ display:inline-block; background-color:#2eb6aa; color:#fff;}
.category a:hover{ display:inline-block; background-color:#2eb6aa; color:#fff;}

.probox{ width:1366px; height:auto; clear:both;}
.probox ul li{ float:left; display:block; width:322px; height:400px; margin-right:26px;}
.probox ul li p{ font-size:14px; padding-top:10px; text-align:center;}
/* main_img */
.main_img{
    width:322px;
    height:322px;
	overflow:hidden;
	position: relative;
}

.main_img img{
	width:320px;
    height:320px;
	border:1px solid #aaa;	
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.6);    
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:320px;
	height:320px;
    z-index: 20;
}
.main_img .show .imgArea {
	width:115px;
	height:115px;
	border:none;
    left:102px;
	bottom:0;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea img{ width:115px; height:115px;}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:30%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

.main_img:hover .imgArea img {
	border:none;
	transform: scale(1, 1);	
	-ms-transform:scale(1, 1); 	/* IE 9 */
	-moz-transform:scale(1, 1); 	/* Firefox */
	-webkit-transform:scale(1, 1); /* Safari 和 Chrome */
	-o-transform:scale(1, 1); 	/* Opera */
}
/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(./images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(./images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(./images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}