﻿@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}

#qiao-wrap .qiao-icon-wrap{display:none;}
.none{ display:none}


/* 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)}s
#top .a2{ width:22px; height:22px; margin:6px 0 0 10px; float:left; background:url(../images/img3.jpg)}


/* mainnav */
#mainnav{ width:100%; background:#01aded; color:#fff}
.mainnav{ width:1280px; height:50px; margin:0 auto;}
.mainnav li{ float:left; width:181px; /*border-right:1px solid #0087b9;*/ 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:20px 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:70px; top:35px}
#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;}
.banner{ margin-left:-178px;}
#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; height:92px;}
#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.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:3px 0 6px 9px; border-bottom:1px solid #e6e6e6}
#about dt{ padding:0 7px; font:normal 15px/23px '微软雅黑'; 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 a{ padding:22.5px 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}
#service li a img{ position:absolute; right:50px; top:-17px}
#service li a span{ font:normal 14px/16px '微软雅黑';}
#service li a h4{ font:bold 24px/24px Arial; color:#fa3b00}
#service li a h5{ font:normal 20px/24px '微软雅黑'; }
#service li a h6{ font:normal 18px/24px '微软雅黑'; }
#service li.s1 { background:#008aca}
#service li.s1 a{ color:#fff; background-image:url(../images/img12.jpg)} 
#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)} 


#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 30px; background:#01aded; 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 #cccccc;}
.alistnew LI.one {	FLOAT:left;width:102px;display:block;border-left:1px dashed #cccccc;_display:inline;padding:0 0 0 20px}
.alistnew LI.onew {	FLOAT:left;width:178px;display:block;border-left:1px dashed #cccccc;_display:inline;padding:0 0 0 20px}
.alistnew LI.two {	FLOAT:left;width:190px;display:block;border-left:1px dashed #cccccc;_display:inline;padding:0 0 0 20px}
.alistnew LI li{width:85px; 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:#FFFFFF}
.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 #cccccc;*/}
.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:#FFFFFF;border-top:1px dashed #cccccc;}
.about .c2{ float:right; width:260px;}
.about .c2 img{ float:right; margin:0 0 0 30px ; _display:inline}
