@charset "utf-8";
/* 全局 */
body { font-size:14px; color:#333;margin:0;padding:0; font-family:微软雅黑; background:#f7f7f7;}
form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}
ol,ul,li{list-style:none outside none;}
a{ color:#808080; text-decoration:none;}
img {border:0;}
em,cite,i {font-style:normal;}
.clear { clear:both; margin:0px; top:0px}
div{ border:0px;}
img{border:none; margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
header{ background:#fff;}
@media screen and (max-width:1100px){
#top{ width:100%; height:auto; display:block;}
.top{ width:100%; text-align:right;}
.top span{ display:none;}
.embg1{ display:block;}
.embg2 a{ color:#fff;}
.email{ display:none;}
.wap{ display:none;}
.weixin{ display:none;}

header #head{background:#fff; height:71px;}
header .head .logo{ width:100%; padding:8px 0;}
header .head .logo img{ height:55px; width:auto; padding-left:10px;}
header .head .tel{text-indent: -9999px; position:absolute; top:14px; right:11px; width:40px; height:40px; background:url(../images/nav.jpg) no-repeat;}

header .head .nav{ width:100%; height:175px; background:#333; position:absolute; left:0; top:71px; z-index:999;display: none;}
header .head .nav ul li{ width:50%; height:42px; line-height:42px; text-align:center; color:#fff; float:left; border-top:1px #3b3b3b solid;}
header .head .nav ul li a{ color:#fff; display:block;}
}
@media screen and (min-width:1101px){
header{ height:180px;}
header #top{ height:50px; line-height:50px; background:#f2f2f2;}
header .top{ width:1190px;}
header .top span{ padding-left:45px; color:#808080;}
header .top em{ display:block; width:45px; height:25px; line-height:25px; text-align:center; margin-left:8px; display:inline; margin-top:12px;}
header .embg1{ background:#e4e4e4; color:#5f95c3;}
header .embg1 a{color:#5f95c3;}
header .embg1 a:hover{ text-decoration:underline;}
header .embg2{ background:#5f95c3; color:#fff;}
header .embg2 a{color:#fff;}
header .embg2 a:hover{ text-decoration:underline;}

header .weixin{ width:50px; height:50px; float:right;position:relative; font-size:12px; text-align:center;}
header .weixin a{width:50px; height:50px; display:block; position:absolute; left:0; top:0; background:url(../images/weixin.jpg) left no-repeat;}
header .weixin .weixin_nr{width:110px; height:140px; padding:5px; background:#fff; text-align:center; position:absolute; left:-55px; top:50px; display:none; line-height:25px; text-align:center; z-index:999;}
header .weixin .weixin_nr img{ margin-bottom:5px; width:100px; height:100px; padding-top:5px;}
header .weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:55px; top:-10px;}
header .weixin.on .weixin_nr{ display:block;}
header .weixin.on a{ background:url(../images/weixin.jpg) no-repeat left;}

header .wap{ width:50px; height:50px; float:right;position:relative; font-size:12px; text-align:center;}
header .wap a{width:50px; height:50px; display:block; position:absolute; left:0; top:0; background:url(../images/wap.jpg) left no-repeat;}
header .wap .wap_nr{width:110px; height:140px; padding:5px; background:#fff; text-align:center; position:absolute; left:-55px; top:50px; display:none; line-height:25px; z-index:999;}
header .wap .wap_nr img{ margin-bottom:5px; width:100px; height:100px; padding-top:5px;}
header .wap .wap_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:55px; top:-10px;}
header .wap.on .wap_nr{ display:block;}
header .wap.on a{ background:url(../images/wap.jpg) no-repeat left;}
header .email{ width:149px; height:50px; background:url(../images/email.jpg) no-repeat; padding-left:70px;}
header .email a{ color:#fff; display:block;}

header #head{ height:130px; background:url(../images/bg.jpg) bottom center no-repeat;}
header .head{ width:1290px;float:left;}
header .head .logo{ width:370px; padding-top:32px;padding-left:20px; margin-left:0px;float:left;}
header .head .tel{ width:200px; height:40px; background:url(../images/tel.jpg) left no-repeat; line-height:40px; color:#0560ad; font-size:23px; padding-left:35px; margin:20px 0;}
header .head .nav{ width:841px; height:50px; background: #3d8ee6; position: relative;}
header .head .nav:before {content: '';position: absolute;width: 20px;height: 60px;background: #fff;transform: rotate(10deg);left: -14px;top: -12px;}
header .head .nav ul li{ width:90px; float:left; text-align:center; line-height:50px; font-size:16px;}
header .head .nav ul li a{ color:#fff; display:block;}
.libdy{ border-right:1px #0070d9 solid;}
header .head .nav ul li a:hover{ color:#fff; text-decoration:underline;}
}

#hbot{ width:100%; background:#2f3038; color:#fff;}
@media screen and (max-width:1100px){
#hbot{ padding:10px 0;}
.hbot{ width:100%;}
.hbotl{ width:94%; margin:0 3%;}
.hbotl em{ font-size:16px; display:block; line-height:35px;}
.hbotl ul{ width:100%; color:#bababa;}
.hbotl ul li{ width:100%; height:23px; line-height:23px; float:left; font-size:13px; border-bottom:1px #444445 dashed;}
.hbotl ul li span{ float:right; font-size:14px;}
.hbotl11 { line-height:18px;height:70px; width:100%; font-size:11px;}
.hbotl11r { line-height:18px;height:70px; width:100%; font-size:11px;}
.hbotr{ width:94%; margin:10px 3% 0;}
.hbotr em{ font-size:16px; display:block; line-height:35px; width:100%;}
.hbotr img{ display:none;}
.hbotr p{ line-height:28px; color:#bababa;}
.hbotr p span{ color:#25b2b8; font-size:20px; font-family:Arial; font-weight:700;}
}
@media screen and (min-width:1101px){
#hbot{ padding:40px 0;}
.hbot{ width:1100px;}
.hbotl{ width:590px; border-right:1px #484950 solid;}
.hbotl em{ font-size:18px; display:block; line-height:35px;}
.hbotl ul{ width:590px;}
.hbotl ul li{ width:285px; height:38px; line-height:38px; float:left; padding-right:10px;}
.hbotl ul li span{color:#ddd;}
.hbotl11 { line-height:18px;height:70px; width:280px; font-size:11px;float:left;padding-right:15px;}
.hbotl11r { line-height:18px;height:70px; width:292px; font-size:11px;float:left;padding-right:0px;}
.line-a {border-bottom: solid #CCC 1px;width:590px;margin-top:136px;}
.hbotr{ width:500px;}
.hbotr em{ font-size:18px; display:block; line-height:35px;}
.hbotr img{ float:right; padding:5px; background:#fff;}
.hbotr p{ line-height:38px;}
.hbotr p span{ color:#25b2b8; font-size:30px; font-family:Arial; font-weight:700;}
}




#foot{ width:100%; height:auto; background:#2f3038; border-top:1px #535565 solid; color:#ddd;}
@media screen and (max-width:1100px){
#foot{ padding:5px 0;}
.foot{ width:94%; margin:0 auto; text-align:center; font-size:12px;}
.foot img{ display:none;}
}
@media screen and (min-width:1101px){
#foot{ padding:20px 0;}
.foot{ width:1100px; line-height:23px;}
.foot img{ float:left; padding-right:15px;}
.foot span{float:left; }
}


@media screen and (max-width:1357px){
header .head .nav:before { display: none; }
}

.foot span{ padding-right:12px;}
.foot span a{ color:#ddd;}
.foot span a:hover{ text-decoration:underline;}