﻿
/* 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(../image/img5.jpg) no-repeat right center}
#top .a1{ width:22px; height:22px; margin:6px 0 0 20px; float:left; background:url(../image/img2.jpg)}
#top .a2{ width:22px; height:22px; margin:6px 0 0 10px; float:left; background:url(../image/img3.jpg)}


/* mainnav */
/* #mainnav{ width:100%; background:#1d3f8e; color:#fff}
.mainnav{ width:1280px; height:50px; margin:0 auto;}
.mainnav li{ float:left; width:141px; border-right:1px solid #1f3077; 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} */

.nav-con{
    width: 100%;
    height: 50px;
    background:#00afcd;
}
.nav-con .nav{
    width:1280px;
    margin:0 auto;
}
.nav-con .nav li{
    float:left;
    width:181px;
    border-right:1px solid #35b8ce;
    text-align:center;
    line-height:50px;
    position: relative;
}
.nav-con .nav li a{
    display:block;
    font-size:16px;
    color:#fff;
    text-decoration: none;
}
.nav-con .nav li:hover .drop-menu{
    display: block;
}
.nav-con .nav li.active,.nav-con .nav li:hover{
    background:#f9645b;
}
.drop-menu{
    background:#fff;
    filter:alpha(opacity=97);
    -moz-opacity:0.97;
    opacity:0.97;
    color:#333;
    position: absolute;
    top: 50px;
    z-index: 9;
    width: 181px;
    display: none;
}
.drop-menu a{
    display: block;
    text-decoration:none;
    background:url(../image/jt.gif) no-repeat 14px 16px #fff;
    padding:0 0 0 28px;
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #f1f1f1;
    color:#333 !important;
    text-align: left;
    font-size:15px !important;
}
.drop-menu a:hover {
    background:url(../image/jt.gif) no-repeat 15px 16px #fff;
    color:#f60 !important;
}
.nav-con .nav li:last-child{
    border-right:none;
}

/*---------------------------------------------------*/




#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(../image/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(../image/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:#00afcd; 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(../image/icon_07.png)} 
#menu li.m2 a{ background-image:url(../image/icon_10.png)} 
#menu li.m3 a{ background-image:url(../image/icon_12.png)} 
#menu li.m4 a{ background-image:url(../image/icon_14.png)} 
#menu li.m5 a{ background-image:url(../image/icon_16.png)} 




#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:#299dd7}
#about dd a{ margin: 0 7px;}


#service{ width:319px;text-align:left; background:url(../image/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:#00afcd;}
#service li.s1 a{ color:#fff; background-image:url(../image/img12.png); border-bottom:0px;} 
#service li.s2 a{ background-image:url(../image/img13.jpg)} 
#service li.s3 a{ background-image:url(../image/img14.jpg)} 
#service li.s4 a{ background-image:url(../image/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;}




/*底部*/
.fl{
    float: left;
}
.fr{
    float: right;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
.bot_contact{background: #f5fbfc;width: 100%;padding:30px 0 30px 0;border-top:5px solid #00afcd;margin-top: 30px;}
.bot_contact .bot_con{overflow: hidden;width: 1280px;margin:0 auto;}
.bot_con .bot_logo{width: auto;height: 108px;margin-top:5px;}
.bot_con .bot_logo img,.bot_con .bot_ewm img{width: 100%;height: 100%;}
.bot_con .contact_text{width:750px;line-height: 30px;margin-left:35px;}
.bot_con .contact_text h2{color:#585858;font-size: 15px;line-height: 27px;margin-bottom: 10px;text-align: left;}
.bot_con .contact_text h3{font-size: 15px;color:#6c6c6c;line-height: 27px;text-align: left;}
.bot_con .bot_ewm{width:108px;height: 108px;background: #fff;margin-top:5px;}
.bot_footer{height: 45px;background: #00afcd;width: 100%;line-height: 45px;text-align: center;color:#fff;font-size: 14px;}
.bot_footer a{color:#cdcdcd;}
.contact_text a{color:#6c6c6c;}







