@charset "UTF-8";

/**
 *
 * @authors tyk
 * @date     2018/4/23
 * @version
 */
body{background: url(../images/top-bg.jpg) top repeat-x;}
/* 顶部链接 */
.top { background: #e6e6e6;}
.top-link { height: 37px; color: #3e3e3e; }
.top-link span, .top-link a { display: inline-block; vertical-align: middle; padding-left: 6px; padding-right: 6px; line-height: 37px; }
.top-link a { color: #3e3e3e; }
.top-link a:hover { color: #cd0000; }
.top-link .fl { padding-left: 10px; }
.top-link .fr { padding-right: 10px; }
.top-link .sc{padding-left: 20px; /*background: url(../images/top-icon1.png) 0 50% no-repeat;*/}
.top-link .xwsy{padding-left: 20px; /*background: url(../images/top-icon2.png) 0 50% no-repeat;*/}

.top-img{display: block; height: 83px; background: url(../images/nav_bg.png) 50% bottom no-repeat; /*overflow: hidden;*/}
.top-index-img{display: block; height: 83px; /*overflow: hidden;*/}
.logo-area{float: left; width: 380px;height: 83px;overflow: hidden;}
.logo-area .logo{padding-top: 14px;overflow: hidden;}


.top-search{float: right; margin-top: 5px; overflow: hidden; width: 160px; height: 28px; background: #ffffff;  -moz-border-radius:50px; -ms-border-radius:50px; -webkit-border-radius: 50px; border-radius:50px;}
.top-search .textbox{ width: 110px; height: 28px; padding-left: 10px; line-height: 28px; border: 0 none; background: none; color: #fff;}
.top-search .submit{ width: 28px; height: 28px; border: 0 none; background: url(../images/top-icon3.png) no-repeat 50% 50%; text-indent: -999px; cursor: pointer;}



/* 导航*/
.navBar{float: right; position: relative; z-index: 1; width: 730px; /*overflow: hidden;*/ height:83px; line-height:83px;   }
.nav{ width:730px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left; position:relative;}
.nav a:hover{ text-decoration:none; color:#d2251e;   }
.nav h3{ float:left; font-size:100%; font-weight:normal; width: 104px;  font-size:16px; height:83px; overflow:hidden;  }
.nav h3 a{ display:block; color:#4c4c4c;  padding:0 20px; vertical-align:top;  }
.nav .on{ border-color:#e22625; }
.nav .on h3 a{ color:#fff; background: #e22625; }
.nav .sub{ display:none; /*默认隐藏*/ width:104px; padding:5px 0; width: 104px; position:absolute; left:0px; top:83px; background:#e6e6e6; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:20px; line-height:20px; padding:4px 0; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:url(images/icon.png) 0 9px no-repeat; color:#333;   }
.nav .sub li a:hover{ color:#fff; background:#e22625;   }

.nav-bg{height: 83px; background: #148dff url(../images/nav-bg.png) 0 50% no-repeat;}
.nav-area{float: right; width: 760px; overflow: hidden;}
.nav-area .hd{height: 83px;  overflow: hidden;}
.nav-area .hd li { float:left; width: 95px; height: 83px;line-height: 83px;  font-size: 16px; }
.nav-area .hd li a{ display:block; height: 100%; color: #4c4c4c; text-align: center;}
.nav-area .hd li a:hover{ color: #e22625; }
.nav-area .hd .on a{color: #d2251e; background: url(../images/nav-on-bg.png) 50% bottom no-repeat;}
.nav-area .hd li i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 100%; margin-right: 10px; }

.nav-area .hd .icon0{width: 25px; background: url(../images/nav1.png) 0 50% no-repeat;}
.nav-area .hd .icon1{width: 22px; background: url(../images/nav2.png) 0 50% no-repeat;}
.nav-area .hd .icon2{width: 20px; background: url(../images/nav3.png) 0 50% no-repeat;}
.nav-area .hd .icon3{width: 22px; background: url(../images/nav4.png) 0 50% no-repeat;}
.nav-area .hd .icon4{width: 27px; background: url(../images/nav5.png) 0 50% no-repeat;}
.nav-area .hd .icon5{width: 20px; background: url(../images/nav6.png) 0 50% no-repeat;}
.nav-area .hd .icon6{width: 26px; background: url(../images/nav7.png) 0 50% no-repeat;}

.nav-area .bd{height: 51px; background: #ffffff; overflow: hidden;}
.nav-area .bd .date{float: left; padding-left: 40px; line-height: 51px;}
.nav-area .bd .weather{float: left; margin-top: 10px; margin-left: 30px;}

.nav-area .bd .loging{float:right; height:20px; margin-top:16px; margin-right: 30px; }
.loging label,.loging input,.loging a,.loging img{float: left; _display: inline; height:20px;}
.loging label{ height: 20px; color:#828282; line-height: 20px; }
.loging .txt{margin: 0 8px;width:88px; height:16px; border:1px solid #ccc;}
.loging .submit{ margin-left: 6px; width: 30px; height: 18px; background: #cd0000; border: 1px solid #0575d8; color: #fff; line-height:18px; text-align:center; font-size: 12px;}
.loging .zc{margin-left: 6px; width: 30px; height: 18px; background: #ffffff; border: 1px solid #0575d8; color: #0575d8; line-height:18px; text-align:center; font-size: 12px;}
.sub-nav-list { padding-left: 40px; line-height: 50px; color: #ccc;}
.sub-nav-list a{display: inline-block;vertical-align: top;  padding: 0 8px;}
/* 底部 */

.copyright{margin-top: 20px;padding-top: 30px; padding-bottom: 20px; text-align: center; border-top: 3px solid #d2251e; background: #545454;}
.copyright p{ line-height: 26px;color: #ffffff;font-size: 12px;}
.copyright p a{color: #ffffff;}

/* 分页 */
.page-area {clear: both;margin: 30px auto;letter-spacing: -0.34em;text-align: center;}
.pages,.page-area a, .page-area span, .page-area i, .page-area input { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; text-align: center; }
.page-area .prev, .page-area .next {width: 28px;height: 26px;line-height: 26px;border: 1px solid #d5d5d5;margin-left: 10px;}
.page-area .page-number a {margin-left: 10px;width: 26px;height: 26px;line-height: 26px;border: 1px solid #d5d5d5;}
.page-area .page-number i { margin-left: 10px; }
.page-area .page-number a.on {background: #e22625;color: #ffffff;border: 1px solid #e22625;}
.page-area .textbox {margin-left: 8px;margin-right: 8px;padding-left: 10px;padding-right: 10px;width: 20px;height: 25px;line-height: 25px;border: 1px solid #c9c9c9;}
.page-area .button {margin-left: 10px;width: 50px;height: 26px;line-height: 26px;background: #e22625;color: #ffffff;border: 1px solid #e22625;font-size: 14px;font-family: "Microsoft YaHei";cursor: pointer;border-radius: 4px;}
.page-area .tj { padding-left: 10px; padding-right: 10px; height: 26px; line-height: 26px; }
.page-area .button-area { padding-left: 10px; padding-right: 10px; height: 26px; line-height: 26px; }

.ja-side2{position:fixed;_position: absolute;width: 156px;right: 180px;top: 400px;z-index:999;background: #fff; text-align: center; line-height: 1.8;}
.ja-side2 .rwm{padding: 7px; background: #e3e3e3;}
.ja-side2 span{display: block;}
.ja-side2 em{display: block;}

/* 侧栏固定菜单 */
.sideFixed{z-index: 9; position: fixed; top: 290px; left: 50%; width: 70px; float: left; margin-left: 615px; font-size: 12px; _position: absolute;}
.sideFixed li{width: 60px; line-height: 60px; margin-bottom: 5px; position: relative; background: url(../images/sideFixedIcon.png) center top no-repeat;}
.sideFixed li>a{display: block; height: 60px; line-height: 60px; overflow: hidden; text-indent: -9999px; background: url(../images/sideFixedIcon.png) center -125px no-repeat; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.sideFixed .gt{display: none;}
.sideFixed li>a:hover{text-decoration: none; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
.sideFixed .wx a{}
.sideFixed .wb a{background-position: center -180px;}
.sideFixed .tt a{background-position: center -240px;}
.sideFixed .dy a{background-position: center -300px;}
.sideFixed .gt a{background-position: center -415px;}
.sideFixed li.on{background-position: center -60px;}
.sideFixed .pic{display: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.sideFixed .on .pic{display: block; position: absolute; left: -168px; top: -45px; padding: 4px; background: #fff;}
.sideFixed .on .pic i{z-index: 8; position: absolute; right: -10px; top: 50%; margin-top: -13px; border-width: 5px; border-color: transparent; border-style: dashed; border-left-color: #fff; border-left-style: solid; display: block; font-size: 0; line-height: 0; width: 0;}
.sideFixed .wx .pic img, .sideFixed .wb .pic img, .sideFixed .tt .pic img, .sideFixed .dy .pic img{width: 105px; height: 104px;}
.sideFixed .wx .pic,.sideFixed .wb .pic,.sideFixed .tt .pic,.sideFixed .dy .pic{left: -120px; top: -25px;}
.sideFixed .wx .pic i{margin-top: -8px;}
.sideFixed .wb .pic>div{width: auto; float: left; margin: 5px 4px 0;}
.sideFixed .wb .pic>div p{height: 24px; line-height: 24px;}

/* 侧边客服 二维码 */
.layer-new {
    position: fixed;
    right: 10px;
    bottom: 110px;
    z-index: 10000;
}
.layer-new .layer-box {
	margin-bottom: 10px;
	padding: 15px 10px;
	background-color: #fff;
	box-shadow: 0 0 8px #ccc;
}
.layer-new .layer-box .box-img {
	width: 120px;
	height: 120px;
}
.layer-new .layer-box .box-txt {
	margin-top: 10px;
}
.layer-new .layer-box .box-txt p {
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.link{ margin-top: 10px; height:38px; overflow:hidden; clear:both;   }
.yqlj-c{ height: 38px; }
.yqlj-c form{ margin:0px auto; height:38px;}
.yqlj-c select{float:left; outline:none; appearance:button; -moz-appearance:button; -webkit-appearance:button; width: 282px; border: 1px solid #c9c9c9; text-align: center; height: 38px; line-height: 38px;  margin-right: 23px; background: url(../images/checkBtn.gif) 95% 50% #fff no-repeat; }