﻿@charset "utf-8";

  body {
	font-size:12px; color:#5a5a5a; margin:0px auto; font-family:"微软雅黑"; background:#ffffff; -webkit-text-size-adjust:none;}

a{ text-decoration:none; color:#5b5a5a;}
*{ margin:0px; padding:0px; border:0px;}
li,ul,h3,h4,h5,p,img{ list-style:none; margin:0; padding:0; font-size:12px; font-weight:normal; border:0;}

#topbg{ width:100%; height:138px; background:#037e85;}
#top{ width:1200px; height:138px; margin:0px auto; background:url(../images/logo.jpg) left 30px no-repeat;}


#menu{width:800px; height:138px; float:right;}
#menu li{ float:left;}
#menu1 a{ display:block; width:100px; height:138px; background:url(../images/m1.gif) no-repeat;}
#menu1 a:hover{background:url(../images/m1.gif) 0 138px;}
#menu2 a{ display:block; width:100px; height:138px; background:url(../images/m2.gif) no-repeat;}
#menu2 a:hover{background:url(../images/m2.gif) 0 138px;}
#menu3 a{ display:block; width:100px; height:138px; background:url(../images/m3.gif) no-repeat;}
#menu3 a:hover{background:url(../images/m3.gif) 0 138px;}
#menu4 a{ display:block; width:100px; height:138px; background:url(../images/m4.gif) no-repeat;}
#menu4 a:hover{background:url(../images/m4.gif) 0 138px;}
#menu5 a{ display:block; width:100px; height:138px; background:url(../images/m5.gif) no-repeat;}
#menu5 a:hover{background:url(../images/m5.gif) 0 138px;}
#menu6 a{ display:block; width:100px; height:138px; background:url(../images/m6.gif) no-repeat;}
#menu6 a:hover{background:url(../images/m6.gif) 0 138px;}
#menu7 a{ display:block; width:100px; height:138px; background:url(../images/m7.gif) no-repeat;}
#menu7 a:hover{background:url(../images/m7.gif) 0 138px;}
#menu8 a{ display:block; width:100px; height:138px; background:url(../images/m8.gif) no-repeat;}
#menu8 a:hover{background:url(../images/m8.gif) 0 138px;}

#xian{ width:100%; height:3px; background:#93d597;}
#syly{ width:1200px; height:400px; margin:0px auto; background:url(../images/sy03.gif) center 80px no-repeat; padding-top:250px;}
#syly li{ width:240px; height:440px; float:left; text-align:center; margin-left:30px; margin-right:30px;}
#syly h2{ width:240px; height:40px; font-size:16px; font-weight:bold; color:#464646; text-align:center; margin-top:40px;}
#syly h3{ color:#555555; font-size:14px; line-height:24px; width:240px; height:80px;}


#syssbg{ width:100%; height:469px; background:url(../images/ss3.jpg) center top no-repeat;}
#syssbg #syss{ width:825px; height:100px; margin:0px auto; padding-top:220px; padding-left:375px;}
#syssbg #search{ width:444px; height:59px; position:relative;}
#search .s2{ float:left; width:350px; display:inline; height:59px; }
#search .s2 input{ width:340px; height:59px; padding-left:10px; background:#ffffff; color:#999999; font-family:"微软雅黑"; filter:alpha(opacity=30);  /*支持 IE 浏览器*/
-moz-opacity:0.30; /*支持 FireFox 浏览器*/
opacity:0.30;  /*支持 Chrome, Opera, Safari 等浏览器*/ }
#search .s3{ float:left; width:85px; display:inline; position:absolute; left:360px; top:0px;}
#search .s3 input{ background:url(../images/ss2.gif); width:85px; height:59px; border:0; }



#sycpbg{ width:100%; height:749px; background:url(../images/teambg.jpg) center top no-repeat;}
#sycp{ width:1300px; height:480px; margin:0px auto; padding-top:270px;}
#sycp  #prolist_index li{ float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;}
#sycp  #prolist_index img{ width:204px; height:268px; border:10px solid #bff0ea;}
#sycp  #prolist_index h4{ text-align:center; height:40px; line-height:30px; background:#bff0ea; font-size:14px; color:#323335;}
#sycp  #prolist_index h4 a:hover{color:#1f4caf;}





#ztnews{ width:1250px; height:460px; padding-top:240px; background:url(../images/nm02.jpg) center 70px no-repeat; margin:0px auto; }
#ztnews li{ width:380px; height:360px; float:left; margin-left:15px; margin-right:15px;}
figcaption{ font-weight:bold; font-size:16px; color:#333333; height:50px; line-height:50px;}
#ztnews p{ font-size:14px; color:#6e6e6e; line-height:24px;}
#ztnews img a{ width:380px; height:257px;}
#ztnews img a:hover{-o-transform:scale(0.92);-webkit-transform:scale(0.92);-moz-transform:scale(0.92);-ms-transform:scale(0.92);transform:scale(0.92);will-change:transform}
#xxm{width:1200px; height:100px; margin:0px auto; text-align:center;}
#xxm .hh{ width:180px; height:50px; font-size:16px; line-height:50px;  text-align:center; background:#ffffff; border:1px solid #dddddd; margin:0 auto;}
#xxm .hh a{ width:180px; height:50px; display:block;}

#xxm2{width:1200px; height:100px; margin:0px auto; text-align:center;}
#xxm2 .hh{ width:180px; height:50px; font-size:16px; line-height:50px; color:#ffffff; text-align:center; background:#013766; border:1px solid #ffffff;  margin:0 auto;}
#xxm2 .hh a{ width:180px; height:50px; display:block; color:#ffffff;}


#abbg{ width:100%; height:374px; background:url(../images/ab.jpg) center top no-repeat; margin-top:50px;}
#abbg #ab{ width:1200px; height:300px; margin:0px auto; padding-top:70px; text-align:center;}
#abbg #ab h2{ color:#FFFFFF; font-size:35px; font-weight:bold; text-align:center;}
#abbg #ab h3{ color:#FFFFFF; font-size:16px; text-align:center; line-height:35px; margin-top:30px; margin-bottom:30px;}


#maptt{ width:1200px; height:100px; background:url(../images/map1.jpg) no-repeat; margin:0 auto; margin-top:60px;}
#map{ width:1200px; height:420px; background:url(../images/map2.jpg) right top no-repeat; margin-bottom:50px; margin:0 auto; margin-top:30px;}

#g3bg{ width:100%; height:530px; background:#f3f3f3;}
#g3{ width:1000px; height:430px; padding-top:100px; margin:0px auto; background:url(../images/h1.gif) no-repeat;}
#jdt1{ width:235px; height:364px; float:left; margin-right:20px; background:url(../images/f01.jpg) no-repeat;}
#jdt1 a{width:235px; height:364px; display:block;}
#jdt2{ width:235px; height:364px; float:left; margin-right:20px; background:url(../images/f02.jpg) no-repeat;}
#jdt2 a{width:235px; height:364px; display:block;}
#jdt3{ width:235px; height:364px; float:left; margin-right:20px; background:url(../images/f03.jpg) no-repeat;}
#jdt3 a{width:235px; height:364px; display:block;}
#jdt4{ width:235px; height:364px; float:left; background:url(../images/f04.jpg) no-repeat;}
#jdt4 a{width:235px; height:364px; display:block;}
#t3{ width:1000px; height:400px; background:#FFFFFF; margin-top:30px; margin:0px auto; padding-top:30px;}
#t3 #news1{ width:470px; height:400px; float:left; margin-right:60px;}
#t3 #news1 h1{ font-size:14px; font-weight:bold; background:url(../images/news.gif) no-repeat 65px 2px;}
.news1_1{ width:470px;  padding-top:20px;}
.news1_1 li {width:470px; height:90px; line-height:24px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.news1_1 li img{ width:80px; height:70px; float:left; margin-right:15px;}
.news1_1 li h2{ font-size:12px; font-weight:bold; color:#262626;}
.news1_1 li h2 a{ font-size:12px; font-weight:bold; color:#262626;}
.news1_1 li h3{ color:#5e5d5d; line-height:20px;}
.news1_1 li h4 img{ width:60px; height:15px;}
.news1_1 li a{ color:#3f3f3f;}
.news1_1 li a:hover{ color:#ec3500;}
#t3 #news2{ width:470px; height:400px; float:left;}
#t3 #news2 h1{ font-size:14px; font-weight:bold; background:url(../images/news.gif) no-repeat 65px 2px;}

#footbg{ width:100%; height:414px; background:#181818; margin-top:60px;}
#footnr{ width:1168px; height:360px; background:url(../images/ftbg.jpg) no-repeat;  margin:0px auto; padding-top:54px; color:#aeaeae; padding-left:50px;}
#footnr p{font-size:14px; color:#868686;}



.wr{ font-family:"微软雅黑"; font-size:12px;}
.wr2{ color:#e0176f;}
#content{ margin:0 auto; width:1200px; overflow:hidden; margin-top:35px;}
#sub2 #mainflashz{width:100%; height:0px; background:#ffffff;}
#sub3 #mainflashz{width:100%; height:0px; background:#ffffff;}
#sub4 #mainflashz{width:100%; height:0px; background:#ffffff;}
#sub5 #mainflashz{width:100%; height:0px; background:#ffffff;}
#sub6 #mainflashz{width:100%; height:0px; background:#ffffff;}
#sub7 #mainflashz{width:100%; height:0px; background:#ffffff;}
/*导航条突出显示效果*/

#sub1 #menu1 a{background:url(../images/m1.gif) 0 138px;}
#sub2 #menu2 a{background:url(../images/m2.gif) 0 138px;}
#sub3 #menu3 a{background:url(../images/m3.gif) 0 138px;}
#sub4 #menu4 a{background:url(../images/m4.gif) 0 138px;}
#sub5 #menu5 a{background:url(../images/m5.gif) 0 138px;}
#sub6 #menu6 a{background:url(../images/m6.gif) 0 138px;}
#sub7 #menu7 a{background:url(../images/m7.gif) 0 138px;}
#sub8 #menu8 a{background:url(../images/m8.gif) 0 138px;}



#left{width:210px; float:left; height:350px;}
#left_one{ width:210px; background:#037e85; height:60px; }
#left_one h3{color:#FFFFFF; font-size:20px; font-weight:bold; line-height:60px; text-align:center; font-family:"微软雅黑";}

#menu_left{ width:208px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding-top:10px;}
#menu_left #submenu li{ width:208px; height:36px;line-height:36px; text-align:center; border-bottom:1px solid #d8d8d8;}
#menu_left #submenu li a{width:208px; height:36px; display:block;}
#menu_left #submenu li a:hover{width:208px; height:36px; display:block; color:#001636; background:#f6f6f6;}

.left22{width:208px; height:20px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}

/*二级导航突出显示效果*/
.cur{ }


/*右侧页面样式*/
#right{ width:960px; float:right;  background:#FFF;}
#right_title h3{ background:#ededed; height:40px; overflow:hidden; _height:1%; padding-top:20px; padding-left:10px; margin-bottom:20px;}
#right_title h3 .title{ font-family:微软雅黑,宋体; font-size:12px; font-weight:bold; color:#525252; float:left;}
#right_title h3 .location{ float:right; color:#919191;  width:220px; padding-right:10px; text-align:right;}
#right_title h3 .location a{color:#919191;}
#right_content{line-height:24px;min-height:500px; padding:15px 0px 15px 10px; height:auto !important; height:500px; margin-bottom:5px;}


/*留言样式发送到邮箱*/
.ly{ 
font-size:12px; 
color:#222222; 
}
.ly2{ color:#FF0000;font-size:12px; 
font-weight:bold;}
.bdk1{ width:500px; height:25px; border:1px solid #dadada; background:#FFFFFF;}
.bdk2{ width:500px; height:60px; border:1px solid #dadada; background:#FFFFFF;}
.bdk3{ width:100px; height:25px; border:1px solid #dadada; background:url(../images/bdtm.png);}
.anniu{ width:100px; height:30px; background:#d7d7d7; color:#333333; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; font-size:12px; 
font-weight:bold;}


/*产品asp页面样式*/

#prolist{ padding-top:6px;}
#prolist li{ float:left; width:270px; margin-left:20px; margin-right:20px; margin-bottom:40px;}
#prolist img{ width:270px; height:180px;}
#prolist li p{ text-align:center; float:left;}
#prolist h4{  height:40px; line-height:40px; text-align:center; background:#f1f1f1; width:282px;}
#prolist li a img{border:1px solid #dbdbdb; padding:5px;}
#prolist li a:hover img{border:#a1bbf5 1px solid; padding:5px;}
.pro_img{ text-align:center; padding-top:20px;}
.pro_title{ height:30px;  margin-top:10px; text-align:center;}
.pro_title2{ height:30px; line-height:30px; padding-left:10px; margin-top:10px; text-align:center; font-weight:bold; font-size:14px; border-bottom:1px dotted #CACACA;}
.pro_intro{ padding:10px; margin-bottom:50px;}
.pro_intro img{ width:100%;}
.page1{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:60px;}


/*团队asp页面样式*/

#prolist2{ padding-top:6px;}
#prolist2 li{ float:left; width:204px; margin-left:10px; margin-right:20px; margin-bottom:40px;}
#prolist2 img{ width:204px; height:268px;}
#prolist2 li p{ text-align:center; float:left;}
#prolist2 h4{  height:40px; line-height:40px; text-align:center; background:#f1f1f1; width:216px;}
#prolist2 li a img{border:1px solid #dbdbdb; padding:5px;}
#prolist2 li a:hover img{border:#a1bbf5 1px solid; padding:5px;}
#prolist2 .pro_img{ text-align:center; padding-top:20px;}
#prolist2 .pro_title{ height:30px;  margin-top:10px; text-align:center;}
#prolist2 .pro_title2{ height:30px; line-height:30px; padding-left:10px; margin-top:10px; text-align:center; font-weight:bold; font-size:14px; border-bottom:1px dotted #CACACA;}
#prolist2 .pro_intro{ padding:10px; margin-bottom:50px;}
#prolist2 .page1{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:60px;}




/*新闻asp页面样式*/
#newslist li{ width:920px; height:150px; line-height:24px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.newstitle_in{ width:550px; float:left;}
.newstitle_in a{ color:#444;}
.newstitle_in a:hover{ text-decoration:none; color:#1f4caf;}
#newslist li img{width:180px; height:120px; float:left; margin-right:15px; padding:4px; border:1px solid #d6d6d6;}

#newslist li h2{ font-size:16px; font-weight:bold; color:#5b5b5b; height:24px; line-height:24px; margin-bottom:10px;}
#newslist li h2 a{ font-size:16px; font-weight:bold; color:#5b5b5b;}
#newslist li h3{ color:#5e5d5d; line-height:22px; height:90px;}
#newslist li h4 img{ width:60px; height:15px;}
#newslist li a{ color:#3f3f3f;}
#newslist li a:hover{ color:#0b838a;}

.date_in{ float:right; width:80px; color:#666; font-size:10px; font-family:arial;}

#newstitle_xx{ width:100%; height:35px; line-height:35px; font-weight:bold; text-align:center; font-size:14px;  border-bottom:1px dotted #CCCCCC;}
.page{ width:100%; text-align:center; clear:both; margin-top:5px; margin-bottom:20px;}



.shijian {
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9d9d;
	font-size: 10px;
}

.hgnews {
	line-height: 24px;
	font-size: 12px;
	text-decoration: none;
}

.cpborder{border:1px solid #dfdfdf;}
.banquan {color: #000101; font-size:12px; line-height:180%}
.newstitle{ font-size:14px; font-weight:bold;}
.title16{font-size:16px; font-weight:bold; color:#C40000;}
.title14{font-size:14px; color:#C40000;}
.newstitle2{ font-weight:bold;}
.wenbenkuang{ width:360px; height:26px; line-height:26px; background:url(../images/wbk.gif) repeat-x; border:1px solid #f4d4e2; color:#4c4c4c;}
.wenbenkuang2{ width:450px; height:60px; background:#fffcfd; line-height:26px; border:1px solid #f4d4e2;  background:url(../images/wbk.gif) repeat-x;  color:#4c4c4c;}
.bdan1{ background:#f17eb0; width:80px; height:26px; color:#FFFFFF;}




/*大图切换*/
/* 本特效css样式 */
.banner {
	position: relative;
	overflow: auto;
	z-index:1;

}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
}
.banner .arrows {
	display: none;
}
.banner:hover .arrows, .banner.hover .arrows {
	display: block;
}
 @media only screen {
 .banner .arrows {
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 opacity: 0;
 display: block;
}
 .banner:hover .arrows,  .banner.hover .arrows {
 opacity: 1;
}
}
.banner .arrows {
	position: absolute;
	z-index: 20;
}
.banner .arrows .prev, .banner .arrows .next {
	position: absolute;
	width: 40px;
	height: 41px;
	font: 0/0 a;
	color: transparent;
	cursor: pointer;
}
.banner .arrows .prev {
	left:20px;
	background: url(../images/slide_arrow_left.png) no-repeat;
}
.banner .arrows .next {
	left: 1580px;
	background: url(../images/slide_arrow_right.png) no-repeat;
}
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.section4 {
	height: 648px;
}
.section4 .banner ul li {
	height: 648px;
}
.section4 .banner .arrows {
	top: 500px;
}

.yc{ display:none;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
