﻿@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;  text-align:center;font:normal 12px/20px '微软雅黑';color:#333; background:#fff}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,input,select,b,strong {margin:0; padding: 0; list-style:none;}
img{ border:0; outline:none}
.clear { clear:both; }
p{ margin:0px; padding:0px;}
a{ color:#333;text-decoration:none}
a:hover{ color:#f60;text-decoration:underline}



.none{ display:none}


/* 幻灯片 角标样式 */
.ayy{border:none;padding:6px 10px; margin:0 7px 0 0;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;border-radius:20px;transition: all 0.2s linear 0s}
a.ayy:link,a.ayy:visited{text-decoration:none;color:#333;line-height:12px;font:10px Arial;background-color:#fff; }
a.ayy:active,a.ayy:hover{text-decoration:none;color:#333;line-height:12px;font:10px Arial;background-color:#fff;}
.byy{border:none;padding:6px 10px; margin:0 7px 0 0;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;border-radius: 20px;transition: all 0.2s linear 0s}
a.byy:link,a.byy:visited{text-decoration:none;color:#fff;line-height:12px;font:10px Arial;background-color:#f90;}
a.byy:active,a.byy:hover{text-decoration:none;color:#fff;line-height:12px;font:10px Arial;background-color:#f90;}

.axx{border:none;padding:0 5px; margin:0 5px 0 0;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5; display:inline-block; background:#f2f2f2}
a.axx:link,a.axx:visited{text-decoration:none;font:normal 10px/16px Arial;}
a.axx:active,a.axx:hover{text-decoration:none;font:normal 10px/16px Arial;}
.bxx{border:none;padding:0 5px; margin:0 5px 0 0; background:#fff;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;font:normal 10px/16px Arial; display:inline-block}
a.bxx:link,a.bxx:visited{text-decoration:none;font:normal 10px/16px Arial;}
a.bxx:active,a.bxx:hover{text-decoration:none;font:normal 10px/16px Arial;}



/*翻页样式pagelist*/
.pagelist { padding:40px 0; color: #999;text-align:center}
.pagelist *{ vertical-align:middle}
.pagelist a, .pagelist .cpb { display:inline-block; line-height:16px; outline:none; text-decoration:none; padding:5px 10px;background: #f3f3f3;margin:0 5px; font-size:12px; font-family:'微软雅黑'; color:#000;
border-radius:25px;transition: all 0.2s linear 0s;}
.pagelist a:hover { background:#5eb4df;color:#fff;text-decoration:none;margin:0 5px}
.pagelist .cpb { font-weight: bold; color: #fff; background: #5eb4df;}
.pagelist span{ display:inline-block;line-height:16px; outline:none; text-decoration:none; padding:5px 10px;background:#5eb4df;color:#fff;margin:0 5px; font-size:12px; font-family:'微软雅黑';border-radius:25px;transition: all 0.2s linear 0s;}
.code{font-weight:bold;color:blue}

.fenyelist{ padding:30px 0 0 0; text-align:center}
.fenyelist span,.fenyelist a{ display:inline-block; line-height:16px; outline:none; text-decoration:none; padding:5px 10px;background: #f3f3f3;margin:0 5px; font-size:12px; font-family:'微软雅黑'; color:#000;
border-radius: 26px 26px 26px 26px;transition: all 0.2s linear 0s;}
.fenyelist span{ background:#5eb4df;color:#fff;text-decoration:none;margin:0 5px}



/* top */
#top{ width:100%; line-height:34px; color:#888888; background:#fafafa; border-bottom:1px solid #e1e1e1}
.topc{ width:1280px; padding:0; margin:0 auto; text-align:left}
#top .welcome{ float:left;}
#top .welcome img{ vertical-align:middle; margin:0 5px 0 20px;}
#top .ico{ float:right; width:420px;}
#top .ico span{ float:left; padding:0 20px; background:url(../images/img5.jpg) no-repeat right center}
#top .a1{ width:22px; height:22px; margin:6px 0 0 20px; float:left; background:url(../images/img2.jpg)}
#top .a2{ width:22px; height:22px; margin:6px 0 0 10px; float:left; background:url(../images/img3.jpg)}


/* mainnav */
#mainnav{ width:100%; background:#009ea4; color:#fff}
.mainnav{ width:1280px; height:50px; margin:0 auto;}
.mainnav li{ float:left; width:141px; border-right:1px solid #009ea4; text-align:center; line-height:50px; }
.mainnav li a{ display:block; font-size:16px; color:#fff}
.mainnav li a:hover{text-decoration:none;}
.mainnav li.hover a,.mainnav li a:hover{ background:#008aca}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {position:absolute;top:0;z-index:100;font-size:14px; text-align:left; visibility:hidden; background:#fff;filter:alpha(opacity=97); -moz-opacity:0.97;opacity:0.97; color:#333;}
.dropmenudiv a {display: block;text-decoration:none;background:url(../images/jt.gif) no-repeat 14px 16px #fff; padding:0 0 0 28px;height:40px;line-height:40px;border-bottom: 1px solid #f1f1f1;}
.dropmenudiv a:hover {background:url(../images/jt.gif) no-repeat 15px 16px #fff; color:#f60}
* html .dropmenudiv a { /*IE only hack*/width: 100%;}

.dropmenudiv .ksb{ width:996px; overflow:hidden;border-left: 1px solid #f1f1f1;}
.dropmenudiv .ksb ul{ float:left; width:199px;}
.dropmenudiv .ksb ul li{ float:left; width:198px;border-right:1px solid #f1f1f1;}
.dropmenudiv .ksb span{display: block;text-decoration: none;background: #fafafa; text-align:center;height:40px;line-height:40px; font-size:16px;border-bottom: 1px solid #f1f1f1; color:#008aca}

* html .dropmenudiv .ksb span { /*IE only hack*/width: 100%;}

#dropmenu3{ border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}

/*---------------------------------------------------*/




#logosch{ width:1280px; margin:0 auto}
#logosch .logo{ float:left; padding:20px;}
#logosch .sch{ float:right; width:565px; padding:30px 0 0 0; position:relative}
#logosch .text{ width:500px; border:1px solid #e0e0e0; height:38px; float:left;font:normal 14px/38px '微软雅黑'; padding:0 0 0 15px; color:#999}
#logosch .btn{ width:40px; border:1px solid #e0e0e0; border-left:none; height:40px; float:left; background: url(../images/img4.jpg) no-repeat center}
#logosch .hot-words{ position:absolute; right:57px; top:39px}
#logosch .hot-words a{background:#f3f3f3; color: #333;  display: inline-block;  margin-left: 5px; padding: 1px 3px;}
#logosch .hot-words a:hover{ background:#dfdfdf; text-decoration:none}

#header{ width:100%; padding:40px 0 0 0; background:url(../images/bg_all.jpg) repeat-x}
.header{ width:1280px; margin:0 auto}
#ppt{ float:left; width:960px;}



#menu{ float:right; width:319px; overflow:hidden; text-align:left;border-top:1px solid #e6e6e6 ;border-right:1px solid #e6e6e6; background:#fff}
#menu li{ width:319px;transition: all 0.3s linear 0s;}
#menu li:hover{ margin-left:-5px;}
#menu li:hover a{ color:#0072A9;}
#menu li a{ width:209px; padding:0 0 0 110px; border-bottom:1px solid #e6e6e6;  display:block; height:68x; color:#008aca; overflow:hidden; font:normal 20px/68px '微软雅黑'; background-position:30px center; background-repeat:no-repeat}
#menu li a:hover{ text-decoration:none;}
#menu li.m1 a{ background-image:url(../images/img7.jpg)} 
#menu li.m2 a{ background-image:url(../images/img8.jpg)} 
#menu li.m3 a{ background-image:url(../images/img9.jpg)} 
#menu li.m4 a{ background-image:url(../images/img10.jpg)} 
#menu li.m5 a{ background-image:url(../images/img11.jpg)} 




#about{ border:1px solid #e6e6e6; border-bottom:none;width:318px; text-align:left}
#about dl{ padding:15px 0 20px 25px; border-bottom:1px solid #e6e6e6}
#about dt{ padding:0 7px; font:normal 18px/30px '微软雅黑'; color:#008aca}
#about dd a{ margin: 0 7px;}


#service{ width:319px;text-align:left; background:url(../images/bg_wg.jpg); border-right:1px solid #e6e6e6; position:relative}
#service li{transition: all 0.3s linear 0s;}
#service li:hover{ box-shadow: 0 0 10px #7D7D7D;-webkit-box-shadow: 0 0 10px #7D7D7D;-moz-box-shadow: 0 0 10px #7D7D7D}
#service li a{ padding:22px 0 23px 90px; border-bottom:1px solid #e6e6e6;  display:block; height:68x; color:#666;background-position:30px center; background-repeat:no-repeat}
#service li a:hover{ color:#000; text-decoration:none;}
#service li a img{ position:absolute; right:50px; top:-17px}
#service li a span{ font:normal 14px/16px '微软雅黑';}
#service li a h4{ font:bold 18px/20px  Arial, Helvetica, sans-serif; float:right; width:160px; border-left:1px solid #ddd; padding:0 0 0 20px; color:#f30}
#service li a h5{ font:normal 20px/24px '微软雅黑'; }
#service li a h6{ font:normal 18px/24px '微软雅黑'; }
#service li.s1 { height:86px; background:#008aca;}
#service li.s1 a{ color:#fff; background-image:url(../images/img12.jpg); border-bottom:0px;} 
#service li.s2 a{ background-image:url(../images/img13.jpg)} 
#service li.s3 a{ background-image:url(../images/img14.jpg)} 
#service li.s4 a{ background-image:url(../images/img15.jpg)} 
#service li.s2 span{ width:32px; float:left; line-height:20px;}


#flink{ width:1280px; margin:0 auto; text-align:left}
#flink .t{font:normal 18px/50px '微软雅黑'}
#flink .c{ padding:20px;border:1px solid #e6e6e6; background:#f9f9f9;}




/* footer */	
#footer{ width:100%; margin:35px 0 0 0 ; padding:20px 0 60px; background:#009ea4; color:#fff}
#footer a{ color:#fff}

.alistnew { margin:0 auto;OVERFLOW: hidden;WIDTH:1279px;padding: 12px 0 30px; text-align:left;border-right:1px dashed #364585;}
.alistnew LI.one {	FLOAT:left;width:102px;display:block;border-left:1px dashed #364585;_display:inline;padding:0 0 0 20px}
.alistnew LI.onew {	FLOAT:left;width:178px;display:block;border-left:1px dashed #364585;_display:inline;padding:0 0 0 20px}
.alistnew LI.two {	FLOAT:left;width:185px;display:block;border-left:1px dashed #364585;_display:inline;padding:0 0 0 20px}
.alistnew LI li{width:80px; float:left; padding:0 0 0 10px; display:block;LINE-HEIGHT: 28px;}
.alistnew LI.onew li{width:160px; float:left; padding:0 0 0 10px; display:block;LINE-HEIGHT: 28px;}
#footer .alistnew LI  li a { color:#fff}
.alistnew LI H4 { padding:0 0 0 10px; font:bold 14px/30px '微软雅黑'; color:#fff}


#linkbot .zxb{ float:left; width:220px; margin:10px 0 0 0;}
#linkbot .tel{ margin:5px 0 0 0;font:normal 24px/30px Arial, Helvetica, sans-serif}
#linkbot .tel img{ vertical-align:middle}
#linkbot .btn{ margin:5px 0 0 0}

.about{ width:1280px; margin:0 auto; padding:20px 0 0 0;border-top:1px dashed #d9d0ad;}
.about .c1{ float:left; width:720px; text-align:left}
.about .c1 img{ float:left}
.about .c1 .p1{ float:right; width:420px;}
.about .c1 .p2{ margin:10px 0 0 ; padding:10px 0 ;color:#fffff;border-top:1px dashed #d9d0ad;}
.about .c2{ float:right; width:260px;}
.about .c2 img{ float:right; margin:0 0 0 30px ; _display:inline}











