@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0}
body{ font-size:12px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden}
a{color:#535353;text-decoration:none; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);
กกกก-webkit-tap-highlight-color: transparent;}
a:hover{color:#005492;}
.blue{color:#005492;}
.font12{ font-size:13px;}
img{ border:none;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{clear:both;zoom:1}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
table{border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.dan{ color:#666;  margin-bottom:10px;}

input,textarea{font-family:"microsoft yahei"; font-size:12px; color:#666}
.wrap{ margin:0 auto; width:100%; max-width:1200px;}




#nmain02 .conn .blue02{border-left:solid 6px #178ccb;line-height: 46px;}

body{ background-image:url(../images/mbg.jpg); background-repeat:repeat-y; background-position: center top;}

#header{ border-top:solid 3px #025597; height:93px; }
#header .logo{ float:left; width:85%}
#header .logo img{ width:100%;max-width:446px; height:auto;max-height:85px; }
#header .language{ float:right;width:15%; max-width:65px; text-align:center;margin-top:20px;}
#header .language a { display:block; text-align:center; line-height:26px; color:#025597;background:url(../images/lana.jpg) no-repeat center center;}
#header .language a:hover{ display:block; text-align:center; color:#fff;background:url(../images/lanahover.jpg) no-repeat center center;}
.xiao{ background:url(../images/xiaodian.jpg) no-repeat center center; text-align:center; height:30px; width:20px; float:left}

#menu { clear:both;}
#menu ul li{  float:left; width:8%; margin:0 6%; text-align:center}
#menu ul li a{font-size: 16px;color: #333; padding-top:60px;padding-bottom:5px; border-bottom:double 5px #fff; margin-bottom:1px; display:block; width:100% }
#menu ul li a:hover{color: #005492;border-bottom:double 5px #3375A7}
#menu ul li .icon01{background:url(../images/icon01.jpg) no-repeat center top;}
#menu ul li .icon02{background:url(../images/icon02.jpg) no-repeat center top;}
#menu ul li .icon03{background:url(../images/icon03.jpg) no-repeat center top;}
#menu ul li .icon04{background:url(../images/icon04.jpg) no-repeat center top;}
#menu ul li .icon05{background:url(../images/icon05.jpg) no-repeat center top;}
/*banner*/
/*6-15*/
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {padding:0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; padding-bottom:50px;}



ul,li,dl,ol{list-style:none;}
.banner{width:100%;overflow:hidden;position:relative;}

#js_banner{ width:2880px;}
.banner_inner{position:relative;height:450px;width:960px;margin:0 auto;}
.banner_inner a{ display:block; width:960px; height:450px}
.banner_img{width:20000px}
.banner_img li{float:left;position:relative; background: no-repeat center top; height:450px }

.banner .child1{position:absolute;width:588px;height:425px;left:66px;top:0}
.banner .child2{position:absolute;width:654px;height:425px;left:0px;top:0}
.banner_common{position:relative;width:990px;margin:0 auto}

.banner .control{width:130px;position:absolute;top:393px;left:50%;margin-left:-40px; margin-top:15px;}
.banner .control li{float:left;margin-left:10px;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#bdbdbd}
.banner .control li a{display:none}
.banner .control li.current{background:#025597}




.kuaizuo { float:left; width:480px;filter: alpha(Opacity=60); opacity: .6; background-color:#FFFFFF }
.kuaimid { float:left; width:960px;}
.kuaiyou { float:left; width:480px;filter: alpha(Opacity=60); opacity: .6; }
.footer2{ display:none; width:100%; background-color:#222222;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}

@media(max-width: 1900px){
#banner {margin-left:-20px}
}
@media(max-width: 1880px){
#banner {margin-left:-30px}
}
@media(max-width: 1860px){
#banner {margin-left:-40px}
}
@media(max-width: 1840px){
#banner {margin-left:-50px}
}
@media(max-width: 1820px){
#banner {margin-left:-60px}
}
@media(max-width: 1800px){
#banner {margin-left:-70px}
}

@media(max-width: 1780px){
#banner {margin-left:-80px}
}
@media(max-width: 1760px){
#banner {margin-left:-90px}
}
@media(max-width: 1740px){
#banner {margin-left:-100px}
}
@media(max-width: 1720px){
#banner {margin-left:-110px}
}
@media(max-width: 1700px){
#banner {margin-left:-120px}
}

@media(max-width: 1680px){
#banner {margin-left:-130px}
}
@media(max-width: 1660px){
#banner {margin-left:-140px}
}
@media(max-width: 1640px){
#banner {margin-left:-150px}
}
@media(max-width: 1620px){
#banner {margin-left:-160px}
}
@media(max-width: 1600px){
#banner {margin-left:-170px}
}

@media(max-width: 1580px){
#banner {margin-left:-180px}
}
@media(max-width: 1560px){
#banner {margin-left:-190px}
}
@media(max-width: 1540px){
#banner {margin-left:-200px}
}
@media(max-width: 1520px){
#banner {margin-left:-210px}
}
@media(max-width: 1500px){
#banner {margin-left:-220px}
}

@media(max-width: 1480px){
#banner {margin-left:-230px}
}
@media(max-width: 1460px){
#banner {margin-left:-240px}
}
@media(max-width: 1440px){
#banner {margin-left:-250px}
}
@media(max-width: 1420px){
#banner {margin-left:-260px}
}
@media(max-width: 1400px){
#banner {margin-left:-270px}
}


@media(max-width: 1380px){
#banner {margin-left:-280px}
}
@media(max-width: 1360px){
#banner {margin-left:-290px}
}
@media(max-width: 1340px){
#banner {margin-left:-300px}
}
@media(max-width: 1320px){
#banner {margin-left:-310px}
}
@media(max-width: 1300px){
#banner {margin-left:-320px}
}

@media(max-width: 1280px){
#banner {margin-left:-330px}
}
@media(max-width: 1260px){
#banner {margin-left:-340px}
}
@media(max-width: 1240px){
#banner {margin-left:-350px}
}
@media(max-width: 1220px){
#banner {margin-left:-360px}
}
@media(max-width: 1200px){
#banner {margin-left:-370px}
}

@-webkit-keyframes bolang {
0% {
       background-position-x: 0;    
    }
    50%{
       background-position-x:-1349px;    
    }
    100% {
       background-position-x:-2698px;
    }
}


.bolang{
	position: absolute; z-index:9999;
	height: 50px;
	width: 100%;
	left: 0;
	animation: bolang 30s linear infinite;   
    -webkit-animation: bolang 30s linear infinite;
}
.bolang1{
	background: url(../images/bolang1.png);z-index:999;
}

#line3_Demo,colee_left {
	position: absolute; z-index:9999;
	height: 74px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}

#line3_Demo{
	MARGIN: auto;
	position: absolute; z-index:9999;
	height: 74px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}
#colee_left {
	height: 44px;
	width: 100%;
	left: 0;
	OVERFLOW: hidden; 
}
#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1, #colee_left1 {
	FLOAT: left
}
#line3_Demo2, #colee_left2 {
	FLOAT: left
}

#about {margin-bottom:20px; margin-top:10px}
#about .title{ font-size:32px; text-align:center; line-height:55px; color:#333; font-weight:700}
#about p {
    padding: 12px 0;color:#666;
    line-height: 30px;
}
#about .jianjie{ font-size:15px; width:1020px; margin:0 auto}

#about .con{background: url(../images/swl.jpg) no-repeat center bottom; padding-bottom:300px; margin-top:25px;max-width:1020px; margin:0 auto}

#about .con .kuai{ float:left; width:15%; margin-right:2%;}
#about .con .kuai:nth-child(6){ margin-right:0}
#about .con a{ background-color:#fff; display:block; width:100%; max-width:130px; height:115px; padding-top:15px; text-align:center;background: url(../images/aa.png) no-repeat center center / cover; margin:0 auto; }

#about .con .kuai01{ margin-top:5%;}
#about .con .kuai02{margin-top:2%;}
#about .con .kuai05{margin-top:2%;}
#about .con .kuai06{margin-top:5%}



#about .con .kuai02 h3, #about .con .kuai03 h3,#about .con .kuai04 h3,#about .con .kuai05 h3{ margin-top:10px;}
	
#about .con a:hover  {background: url(../images/aa02.png) no-repeat center center; }

#about .con a h3{ font-size:18px; font-weight:700; padding-top:15px;}
#about .con a p{ font-size:14px; padding:0; padding-bottom:15px;}



#news { margin-top:60px;margin-bottom:50px}
#news .wrap{ width:1020px; margin:0 auto}
#news .title{ font-size:32px; text-align:center; line-height:55px; color:#333; font-weight:700; background-color:#fff; width:180px; margin:0 auto; z-index:9;}
#news .xian{ height:1px ; background-color:#ababab; margin-top:-28px; display:block; z-index:-999; position: relative}

#news .con{ margin-top:30px;}
.newskuai a{
	float: left;
	width: 49%;
	display: block;
	margin-top:22px;
	color: #666666;
}
.newskuai a:hover{
	float: left;
	width: 49%;
	display: block;
	background-color: #3376A7;
	color: #FFFFFF;
}
.newskuai .you{ margin-right:2%}

.sydate{
	height: 80px;
	width: 19%;
	border: 1px solid #ababab;
	float: left;
	display: block;
}

.sy_newsrt {
	float: right;
	width: 78%;
}

.y36 {
	font-size: 36px;
	text-align: center;
	padding-top: 5px;
}
.y14 {
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
}
.xw_biaoti {
	padding-top: 6px;
	font-size: 16px; line-height:20px;
	height:20px; overflow:hidden;
}
.xw_jj {
	font-size: 14px;
	padding-top: 10px;height:40px;line-height:20px; overflow:hidden;
}

.more{ width:110px; text-align:center; font-size:14px; display:block; margin:0 auto; clear:both; margin-top:25px;}
.more a{background-color:#3376A7; color:#fff; line-height:36px;display:block;  }
.more a:hover{background-color:#005397;}

#footer{ background:#f2f3f5;  height:87px;}
#footer .logozuo { float:left; margin-right:20px}
#footer .add { float:left; color:#3C3C3C; line-height:26px; font-size:13px}
#footer .qlink{ float:right; width:43%;}
#footer .qlink li{ float:left; width:20%; line-height:50px; font-size:14px;}
#footer .qlink li a{background:url(../images/qui.jpg) no-repeat 60px center;display:block}

#copyright{ background-color:#005397; color:#fff; line-height:20px; padding:8px 0;text-align:center}


#tbox{ position:fixed; right:20px; bottom:65px;}
#tbox a{ display:block; width:54px; height:54px;background:url(../images/top.png) no-repeat center center;}
#tbox a:hover{ background:url(../images/top02.png) no-repeat center center;}


#location{ background-color:#90d8fb; line-height:36px; font-size:13px; clear:both;/*box-shadow: 0 0 10px #ccc;*/}
#location .wrap{ background:url(../images/location.png) no-repeat left 11px; padding-left:25px; width:1050px; margin:0 auto}

#nbanner{background:#d2ecff;text-align:center; padding-bottom:40px; margin-bottom:45px;}
#nbanner h3{ font-size:35px; line-height:80px; font-weight:bold;  color:#2A7CB8; padding-top:12px; }
#nbanner p{ font-size:18px;line-height:35px; }


#nmain{ margin:30px auto 120px auto; }

#nmain .about_list { width:86%; margin:0 auto}
#nmain .about_list li{ float:left; width:30%; margin:1.5%; text-align:center }
#nmain .about_list li a{ background:url(../images/about_05.jpg) no-repeat left top;display:block; width:100%;height:205px;}
#nmain .about_list li a:hover{background:url(../images/about_03.jpg) no-repeat left top;}
#nmain .about_list p{ padding:8px 18px; font-size:15px; text-align:center}


#nmain .about_list02 { width:86%; margin:0 auto}
#nmain .about_list02 li{ float:left; width:30%; margin:1.5%; text-align:center }
#nmain .about_list02 li a{ background:url(../images/about_45.jpg) no-repeat left top;display:block; width:100%;height:305px; padding-top:5px}
#nmain .about_list02 li a:hover{background:url(../images/about_43.jpg) no-repeat left top;}
#nmain .about_list02 p{ padding:8px 18px; font-size:15px; text-align:center}

#nmain .about_list02 .jianjies{font-size:13px; text-align:left; line-height:28px; color:#666; margin-top:-8px}

#nmain .about_list .zuokong{margin-left:17.5%}

#nmain .about_list .zuokong02{margin-left:16.66%}

#nmain .about_list li img{ padding:4px; width:299px;}


#nmain .wenhua_list { width:86%; margin:0 auto}
#nmain .wenhua_list li{ float:left; width:30%; margin:1.5%; text-align:center; background:url(../images/about_55.jpg) no-repeat left top;height:255px; padding-top:5px}
#nmain .wenhua_list li:hover{background:url(../images/about_53.jpg) no-repeat left top;}
#nmain .wenhua_list p{ padding:8px 18px; font-size:15px; text-align:center}


#nmain02 .wrap{ max-width:1080px; margin:25px auto;}
#nmain02 .title{ line-height:32px; color:#fff; border-radius:20px; background-color:#178CCB; font-size:20px; padding-top:5px; padding-bottom:5px; padding-left:35px}
#nmain02 .title .mores{ float:right; font-size:14px; padding-right:30px;}
#nmain02 .title .mores a{ color:#fff}
#nmain02 .title02{ line-height:42px; color:#fff; border-radius:20px; background-color:#178CCB; font-size:18px;padding-left:35px}

#nmain02 .conn img{ max-width:100%;}
#nmain02  .newsxx img{ width:100%;max-width:618px;}
#nmain02 .conn{ font-size:14px;width:93%; margin:20px auto; clear:both }
#nmain02 .conn p{ line-height:28px; margin-bottom:6px; padding-top:10pxl}
#nmain02 .conn h1{ font-size:16px; line-height:60px; padding-left:15px; margin-bottom:6px;}
#nmain02 .conn h3{  font-size:24px; line-height:52px;}
#nmain02 .conn li h3{ font-size:18px; line-height:42px;}

#nguide ul li{ float:left; width:154px; margin:0 0.9%;}
#nguide .wrap{ max-width:1040px; margin-top:20px}
#nguide ul li a{ display:block; width:100%;background:url(../images/about_0152.jpg) center center no-repeat; font-size:16px; text-align:center; height:80px; line-height:80px; padding-bottom:10px; }
#nguide ul li a:hover, #nguide ul li .checked{background:url(../images/about_0132.jpg); font-weight:bold }


#nguide02 ul li{ float:left; width:188px; margin:0 0.9%;}
#nguide02 .wrap{ max-width:400px; margin-top:20px}
#nguide02 ul li a{ display:block; width:100%;background:url(../images/about_015.jpg) center center no-repeat; font-size:16px; text-align:center; height:80px; line-height:80px; padding-bottom:10px; }
#nguide02 ul li a:hover, #nguide02 ul li .checked{background:url(../images/about_013.jpg); font-weight:bold }


#nguide03 ul li{ float:left; width:153px; margin:0 0.9%;}
#nguide03 .wrap{ max-width:1035px; margin-top:20px}
#nguide03 ul li a{ display:block; width:100%;background:url(../images/about_015.jpg) center center no-repeat; font-size:16px; text-align:center; height:80px; line-height:80px; padding-bottom:10px; }
#nguide03 ul li a:hover, #nguide03 ul li .checked{background:url(../images/about_013.jpg); font-weight:bold }


#nguide04 ul li{ float:left; width:188px; margin:0 0.9%;}
#nguide04 .wrap{ max-width:600px; margin-top:20px}
#nguide04 ul li a{ display:block; width:100%;background:url(../images/about_015.jpg) center center no-repeat; font-size:16px; text-align:center; height:80px; line-height:80px; padding-bottom:10px; }
#nguide04 ul li a:hover, #nguide04 ul li .checked{background:url(../images/about_013.jpg center center); font-weight:bold }

.liangh{ margin-top:-15px; width:90%; margin:0 auto}
.liangh li{ float:left; width:45%; padding-left:15px;background:url(../images/dian.jpg) no-repeat left center; line-height:26px;}

.sanh{ width:90%; margin:0 auto}
.sanh li h3{ font-size:16px; width:100%; max-width:260px;  color:#fff; background:#178CCB; line-height:36px; padding-left:15px;}
.sanh li p{ line-height:32px; margin-top:10px; padding-bottom:15px;}
.red{ color:#FF0000}

.erh li{ float:left; width:49%; margin-right:2%}
.erh li:nth-child(2){ margin-right:0}
.erh li h3{ font-size:16px; color:#fff; background:#178CCB; line-height:32px; padding-left:15px;}
#nmain02 .conn .erh li p{ margin:0 ; padding:0;line-height:20px; margin-top:15px; margin-left:15px; padding-left:15px;}
.erh li .dian{padding-left:15px;background:url(../images/dian.jpg) no-repeat left center;}

.developcon{ width:96%; margin:0 auto}
.developcon .time{ background:#af090b; color:#EFF8FF; width:158px; height:45px; text-align:center; line-height:45px; font-size:23px; margin:0 auto}
.developcon ul{ position:relative}
.developcon ul:before{
	content:"";
	width:1px;
	height:100%;
	background:#a5a5a5;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-0.5px;
	z-index:1;
}
.developcon li{ width:100%; float:left; background:url(../images/doit01.png) no-repeat center 28px;z-index:2; position:relative;}
.developcon li .kuai{ width:40%; background:#EFF8FF; padding:15px 20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}
.developcon li .kuai .time01{ font-size:21px;}
.developcon li .kuai .intro{ font-size:14px; line-height:25px;}
.developcon li .kuai:after{
	content:"";
	width:0;
	height:0;
	border-left:8px solid #EFF8FF;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	position:absolute;
	top:25px;
	right:-8px;
}
.developcon li:first-child{ margin-top:50px;}
.developcon li:nth-child(2n){ float:right;background:url(../images/doit01.png) no-repeat center 28px; margin-top:-6%}
.developcon li:nth-child(2n) .kuai{ float:right}

.sans img{ float:left; width:32%; }
.sans img:nth-child(2){ margin:0 2%}

.developcon li:nth-child(2n) .kuai:after{
	content:"";
	width:0;
	height:0;
	border-right:8px solid #EFF8FF;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:none;
	position:absolute;
	top:25px;
	right:auto;
	left:-8px;
}

.lianxi h3{ line-height:60px; font-size:16px; font-weight:bold; margin-bottom:18px;border-bottom:solid 1px #e8e8e8;}
.lianxi p{ line-height:32px; font-size:15px;}
.lianxi .lx01{ background:url(../images/marker.png) no-repeat left center; padding-left:33px}
.lianxi .lx02{ background:url(../images/tel.png) no-repeat left center; padding-left:33px}
.lianxi .lx03{ background:url(../images/fax.png) no-repeat left center; padding-left:33px}
.lianxi .lx04{ background:url(../images/mail.jpg) no-repeat left center; padding-left:33px}


.lianxi .lianxil{ float:left; width:48%}
.lianxi .lianxiy{ float:right; width:44%; background-color:#F2F2F2; padding:20px}



.messagelist{ margin-bottom:3%; font-size:14px;}
.messagelist span{ float:left; width:18%; margin-right:3%}
.messagelist p.note{ font-size:14px; border-bottom:1px dotted #d8d8d8; margin-bottom:15px; padding-bottom:5px;}
.messagelist i.red{ padding-right:5px; font-size:12px;}
.messagelist .inp,.messagelist .textarea{ width:73%; border:1px solid #ccc; padding:5px 8px; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;color:#333}
.messagelist .inp:hover{ border:1px solid #253364}
.messagelist .textarea{ resize:none; height:50px;}
.messagelist .textarea:hover{border:1px solid #253364}


.messagelist .inp::-webkit-input-placeholder,.messagelist textarea::-webkit-input-placeholder{ font-size:12px;}
.messagelist .inp:-ms-input-placeholder,.messagelist textarea:-ms-input-placeholder{ font-size:12px;}
.messagelist .inp::-moz-placeholder,.messagelist textarea::-moz-placeholder{ font-size:12px;}
.messagelist .inp:-moz-placeholder,.messagelist textarea:-moz-placeholder{ font-size:12px;}
.messagelist .inp01{ width:25%;border:1px solid #ccc; padding:5px 8px; }
.messagelist .submit{ width:90px; padding:7px 0; text-align:center; color:#fff; background:#253364; border:none; margin-left:21%; cursor:pointer}

#nmain .yewu{ width:1000px; margin:0 auto}
.yewu li{ margin-bottom:20px;}
.yewu li a{ display:block; width:100%; height:205px;background:url(../images/about_25.jpg) no-repeat left center;}
.yewu li a:hover{ background:url(../images/about_23.jpg) no-repeat left center;}
.yewu li .zuo{ float:left; width:32%; padding:5px }
.yewu li .you{ float:right; width:62%; padding:2%}
.yewu li .you h3{ line-height:45px; font-size:16px; font-weight:bold}
.yewu li a .you  p{ line-height:30px; font-size:13px; color:#666;}
.yewu li .mores { margin-top:15px; text-align:left;}

.biao{color:#005492; font-size:16px; line-height:36px;}
.ddian{padding-left:5px;background:url(../images/dian.jpg) no-repeat left 12px;line-height:30px;}

.ddian02{padding-left:30px;background:url(../images/ddd.jpg) no-repeat left 12px;line-height:30px; margin-left:30px;}

.ddian03{padding-left:15px;background:url(../images/dian.jpg) no-repeat left 12px;line-height:30px; margin-left:50px;}

.newsxleft { float:left; width:50%}
.newsxright { float:right; width:50%; text-align:right}
.shangxia { font-size:16px; width:93%; margin:0 auto; padding:8px 0;}

.xnei { margin:0 25px;}
.huadong {width:95%; padding-right:5%; height:620px; overflow: auto;}



.footer2{ display:none; width:100%; background-color:#2E6C9E;padding:5px 0; position:fixed!important; bottom:0;z-index:999; }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}

.ppyou{float:right; text-align:center; width:300px; margin-top:-300px;margin-right:40px;}

.wenhua00 p{ float:none; clear:both}


.dabiao{color:#005492; font-size:16px; line-height:36px;background:url(../images/dian.jpg) no-repeat left 12px; padding-left:15px; margin-left:12px;}
.dabiaop{ padding-left:27px;}

.dabiao02{color:#005492; font-size:16px; line-height:36px;background:url(../images/dbiao.jpg) no-repeat left center; padding-left:23px;margin-left:2px;}
.xiaobiao02{line-height:25px;background:url(../images/dian.jpg) no-repeat left 12px; padding-left:15px; margin-left:25px;}


.xindiantu td{ border-top:solid 1px #ddd; padding:25px 0}


.tuxian {width:100%; max-width:800px !important; margin:0 auto}