@charset "utf-8";
/* CSS Document */

.wrap{ width: 1000px; margin: 0 auto;}
/*--header--*/
.header{ width: 100%;}
.top{ height: 32px; background: url("../images/top-bg.jpg") repeat-x;border-bottom: 1px solid #0e0e0e;}
.top-main{ overflow: hidden; line-height: 32px; color: #b5b5b5;}
.top-main a{ color: #b5b5b5; padding: 0 8px;}
.top-main a:hover{ color: #fff; text-decoration:none;}
.search_top a{ color: #b5b5b5; padding: 0 8px;}
.search_top a:hover{ color: #fff; text-decoration:none;}
.top-l{ float: left;}
.top-r{ float: right;}
.header-search{ height: 22px;  float: right; margin:5px 0 5px 10px;padding-left:16px; position: relative; cursor:pointer;  background: url(../images/icon-search1.png) no-repeat left center;}
.header-search .search-input{transition: all 0.3s ease-in-out; width:0px; height: 20px; border-radius: 0px; overflow: hidden;border:0px solid #b5b5b5; line-height: 20px; outline: none; text-indent: 5px; background:none; float: right; color: #eee;}
.header-search .search-input:hover{/* width: 150px; border-color: #fff; background: url("../images/whitebk.png") repeat;*/}
.header-search .search-input .search { width:50px; font-size:12px; color:#7a7a7a; margin:0px; border:0px; cursor:pointer; background:none;}
.header-search .search-btn{ width: 22px; height: 22px; cursor: pointer; border: none; background:none; position: absolute; top: 0; right: 0;}
.header-search:hover .search-btn{ width: 0px; height: 22px; cursor: pointer; border: none; background:url("../images/icon-search.png") no-repeat center center; position: absolute; top: 0; right: 0;}

.header-mid{ height: 122px; width: 100%; background:url(../images/header-bg.jpg) repeat-x top center; overflow: hidden; border-top: 1px solid #7d1717; border-bottom: 1px solid #5E0808; position:relative;}
.header-mid .logo{ width: 327px; height: 66px; display: block; margin: 28px auto; cursor: pointer;}

.navBar{ position:relative; z-index:1; color:#fff; height:45px; line-height:45px; background:#34598b;}
.navlist{width:100%;background:#fff;  position: absolute; top: 45px; opacity:0.95;}

.nav{ width:1200px; margin:0 auto; text-align:center;}
.nav .m{ float:left; position:relative; width: 133px; height: auto;}
.nav .m .imgs,.nav .m .subm,.nav .m .navtxt{display:none; }
.nav h3{ font-weight:normal; font-size:17px; height:45px; overflow:hidden;  }
.nav h3 a{ display:block; color:#fff; }
.nav h3 a:hover,.nav h3 a.hover{ color:#811c21;background:#fff;}
.nav h3 a i{ display:none; color:#fff; width:10px;height:10px; background:url("../images/navico06.png") no-repeat 0px center;margin-left:10px;-webkit-transition:-webkit-transform 0.5s;-ms-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;}
.nav h3 a:hover i,.nav h3 a.hover i{width:10px;height:10px; margin-left:10px;background:url("../images/navico031.png") no-repeat 0px center;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.nav h3 a.on:hover i{ background:url("../images/navico031.png") no-repeat 0px center;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}


.nav .on h3{ background: url("../images/whitebk.png") repeat;}
.nav .on h3 a{ background-image:url("../images/navico01.png"); color: #811c21;}
.nav .sub{ display:none; /*默认隐藏*/ width:236px; padding:5px 10px 10px 10px;   position:absolute; left:0; top:45px; background: url("../images/whitebk.png") repeat; }
.nav .sub li{ height:20px; line-height:20px; padding:4px 0;  float:left; width:118px;  }
.nav .sub li a{ display:block;  width: 88px; color:#7a7a7a; padding-left: 30px; font: normal 12px/20px 'Helvetica', Georgia,Arial, Helvetica, sans-serif;;  background:url("../images/navico04.png") no-repeat 10px center;  }
.nav .sub li a:hover{ color:#811c21; background-image:url("../images/navico03.png");  }

.navcon{width:1000px;margin:0px auto;}
.navcon .sub{ display:none; /*默认隐藏*/  background: url("../images/whitebk.png") repeat; }
.navcon .sub .imgs{float:left;margin-top:4px;margin-right:20px;padding:15px 0px 15px 0px;}
.navcon .sub .textcon{width: 280px;float:left;font-size:14px; line-height:30px;margin-top:8px;margin-right:20px;padding:15px 20px 15px 20px;color:#811c21;text-align:left; display:none;}

.navcon .sub .imgs img{width: 320px; height: 140px;}
.navcon .sub .subnav{float:left; width: 320px;padding:15px 0px 15px 0px;}


.navcon .sub li{height:20px;line-height:20px;padding:4px 0;float:left;width: 99px;}
.navcon .sub li a{ display:block;  width: 88px; color:#7a7a7a; padding-left: 30px; font: normal 14px/20px 'Helvetica', Georgia,Arial, Helvetica, sans-serif;;  background:url("../images/navico04.png") no-repeat 10px center;  }
.navcon .sub li a:hover{ color:#0f295f;  }



.wp-navi {}
.nav_b { display:none;}
.main-nav-panel {}
.menu-switch-arrow { display: none;}
.main-nav-panel .wp-menu { margin:0 auto; }
.main-nav-panel .wp-menu .menu-item { display: inline-block; float: left; position: relative; z-index: 100; }
.main-nav-panel .wp-menu .menu-item a.menu-link { display: inline-block; padding:0 8px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; }
.main-nav-panel .wp-menu .nav-item a.menu-link:hover { text-decoration: none; color: #fff; background-color: #949494}
.main-nav-panel .sub-menu {background-color: #f2f2f2; display: none; position: absolute; left: 0; top: 40px; z-index: 100;}
.main-nav-panel .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;border-bottom: 1px solid #ddd;}
.main-nav-panel .sub-menu .sub-link a { display: block; color: #272727; height: 26px; line-height: 26px; padding:0 10px; display: block; }
.main-nav-panel .sub-menu .sub-item a:hover { color: #e99839; display: block;}
.main-nav-panel .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background-color: #e6e6e6; border-left: 1px solid #ddd;}
.wp-navi .navi-slide-head {display: none; padding:0 10px; height: 45px;}
.wp-navi .navi-slide-head .navi-slide-title { display: inline-block; float: left; font-weight: normal; color: #fff; font-size: 18px; line-height: 40px;}

.main-nav .navi-slide-head {display: none; padding:0 10px; height: 45px;}
.wp-navi .navi-slide-head .navi-slide-arrow { display: block; width: 34px; height: 40px; float: right; background: url(img/menu-icon-arrow-white.png) no-repeat 50%;}
.wp-navi .navi-slide-head .navi-slide-title { display: inline-block; float: left; font-weight: normal; color: #fff; font-size: 18px; line-height: 40px;}

/**.navcon .navlist-li-0 .imgs .img_bg { width:320px; height:140px; background:url(../img/img01.jpg) no-repeat;    background-size: 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_upload/tpl/00/01/1/template1/img/img01.jpg',  sizingMethod='scale');}**/
.navcon .navlist-li-0 .imgs .img_bg { width:320px; height:140px; background:url(../img/103.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-1 .imgs .img_bg { width:320px; height:140px; background:url(../img/203.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-2 .imgs .img_bg { width:320px; height:140px; background:url(../img/303.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-3 .imgs .img_bg { width:320px; height:140px; background:url(../img/403.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-4 .imgs .img_bg { width:320px; height:140px; background:url(../img/503.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-5 .imgs .img_bg { width:320px; height:140px; background:url(../img/603.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-6 .imgs .img_bg { width:320px; height:140px; background:url(../img/703.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-7 .imgs .img_bg { width:320px; height:140px; background:url(../img/803.jpg) no-repeat;    background-size: 100%;}
.navcon .navlist-li-8 .imgs .img_bg { width:320px; height:140px; background:url(../img/903.jpg) no-repeat;    background-size: 100%;}