﻿
/*公共修改2016年12月22日 */ 
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.mg15 { margin: 0 15px;  }
.mg20 { margin: 0 20px;  }
.border_none { border: none; }
body { background: #fff; }

/* 顶部 */
.top_wrap { height: 49px;  }
.top { width: 1200px; height: 49px; background: url(../img/top_bg.png) center center no-repeat; color:#fff; font-size: 14px; position: relative; }
.left { position: absolute; left: 0; top:0px; width: 344px; height: 49px; padding-left: 43px; background: url(../img/top_left_bg.png) left top no-repeat; margin-left: -28px;  }
.left .welcome { height: 49px; line-height: 49px; padding-left: 12px; display: block; letter-spacing: 1px;  }
.right { height: 49px;margin-right: -43px; padding-left: 34px; margin-left: 360px; }
.right .l_right { float: left; height: 49px; line-height: 49px; padding-left: 27px; display: inline-block;  }
.right .l_right .phone { height: 49px; line-height: 49px; padding-left: 26px;background: url(../img/icon_phone.png) left center no-repeat; display: inline-block; }
.topToggle { float: right; width: 128px; height: 49px; background: #ba0404; display: inline-block; color:#fff; font-size: 14px; text-align: center; position: relative;  }
.topToggle i { float: left; width: 18px; height: 18px; display: inline-block; font-style: normal; margin: 16px 10px 0 13px; }
.topToggle span { float: left; margin-top: 16px; display: inline-block; padding-right: 15px; background: url(../img/top_arr.png) right center no-repeat; }
.topToggle .ol_wrap { position: absolute; padding-top: 0px; right: 0px; top: 49px; width: 128px; display:none; z-index: 1001; }
.topToggle .ol_wrap .top_sublists { width: 128px; min-height: 160px; border-radius: 2px; text-align: center; }
.topToggle .ol_wrap .top_sublists li { width: 128px; line-height: 38px; text-align: left; background: #ba0404;  }
.topToggle .ol_wrap .top_sublists li a { width: 96px; padding-left: 41px; color:#fff; font-size: 12px; display: inline-block;  }
.topToggle .ol_wrap .top_sublists li:hover { }
.topToggle .ol_wrap .top_sublists li:hover a { text-decoration: underline; }
.bgright { float: right; width: 43px; height: 49px; background: url(../img/top_right_bg.png) right top no-repeat;  margin-right: -28px; text-indent: -9999px; }
/* 头部 */
#head_wrap { height: 100px; position: relative; z-index: 20; }
.head { height: 100px; position: relative;}
.head .logo_wrap { width: 350px; height: 100px; }
.logo { width: 350px; height: 70px; margin: 17px 0 0 13px; background: url(../img/logo.png) no-repeat; float: left; display: inline-block;}
.logo a { height: 70px; display: block; text-indent: -999em; }
/* 导航 */
.head .nav_wrap { width: 742px; height: 100px; }
#nav_2{ width:742px; height: 100px;}
#nav_2 li{ float:left; text-align:center; position: relative;}
#nav_2 li h2{  height:100px; font-size:16px; font-weight:normal; }
#nav_2 li h2 a{ display:block; text-decoration:none; color:#696969; padding: 37px 22px 37px 22px; font-size: 16px;font-family: "微软雅黑", Arial;border-bottom: 4px solid #fff; font-weight: bold; }
#nav_2 li h2 a:hover,.nav_2 .nav_this h2 a,.nav_2 li .nav_this_2 a{ color: #333333;}
#nav_2 li h2 a:hover { color: #7b3346;border-bottom: 4px solid #7b3346; }
    /* 搜索 */
#nav_2 .divide { width: 1px; height: 100px; background: url(../img/nav_divide.jpg) center 38px no-repeat; display: inline-block; }   
#nav_2 .li_search  { height: 100px; }
#nav_2 .li_search h2 { height: 61px; }
#nav_2 .li_search h2 .top_search { width: 31px; padding: 38px 0 33px 0; display: inline-block;}
#nav_2 .li_search h2 .top_search i { width: 31px; height: 21px;  display: inline-block; background: url(../img/icon_search.png) right 1px no-repeat;  }
#nav_2 .li_search h2 .top_search:hover { }
#nav_2 .down_2{ position:absolute; display:none; border-radius: 4px; min-width: 100%;
     max-height: 500px;}
#nav_2 .down_2 a{ line-height: 36px; display:block; text-decoration:none; color:#696969; min-width: 100%;font-family: "微软雅黑", Arial; font-size: 16px;}
#nav_2 .down_2 a:hover { background: #1b1b1b; color:#fff; }
#nav_2 .down_2 dt{ min-width: 100%; line-height:36px; background: #FFF5F5;  font-weight: normal; }
#nav_2 .down_2 dd{ display:none; position:absolute; min-width: 100%; left:100%; margin-top:-36px; background: #fff;}
#nav_2 .down_2 dd a{ padding: 0px 10px 0px 10px; line-height:36px; background: #FFF5F5;
    color:#696969;
    font-family: "微软雅黑", Arial;}
#nav_2 .down_2 dd a:hover { background: #1b1b1b; }

.searchbox { width: 140px; height: 38px; position: absolute; left: 1090px; top: 28px; border-radius: 3px;}

.searchbox .li_search  { float: left; height: 36px; border: 1px solid #ccc; border-top-left-radius: 6px;  border-bottom-left-radius: 6px;  }
.searchbox .li_search h2 { height: 36px; }
.searchbox .li_search h2 .top_search { width: 31px; display: inline-block;}
.searchbox .li_search h2 .top_search i { width: 31px; height: 38px;  display: inline-block; background: url(../img/icon_search.png) right 10px no-repeat;   }
.searchbox .searchtextbox { float: left; width: 0px; height: 36px; display: inline-block; overflow: hidden; border: 1px solid #ccc; border-top-right-radius: 6px;  border-bottom-right-radius: 6px; border-left: none; margin-left: -1px;  }
.searchbox .searchtextbox input { width: 95px; height: 36px; margin-top: 1px; padding: 0 5px; display: inline-block; border-top-right-radius: 6px;  border-bottom-right-radius: 6px;  }


/* 轮播 */
.banner_wrap { 
    /*修改2016年12月22日*/
    /*height: 310px; */
    height: 210px; 
}
.banner{
    position: relative;
}
.banner .imageslist{
    background-color: red;
}

.banner .imageslist li{
    position: absolute;
    width: 100%;
    /*height: 299px;*/
    height: 200px; /*修改2016年12月22日 18:21:18*/
    margin: 5px 0 ; /*修改2016年12月22日 18:21:18*/
    left: 0;
    top: 0;
    display: none;
    box-shadow: 0px 0px 5px 0px #5F5F5F;
}
.banner .imageslist li.cur{
    display: block;
}
/*.banner .imageslist li.ban1{
    background: url(../img/banner1.jpg) #020612 center top no-repeat;
    
}
*/
.banner .imageslist li a{
    display: block;
    /*修改2016年12月22日*/
    width: 100%;
    height: 100%;
}
 

.banner .imageslist li.cur a .word-img01 img{
    display: inline-block;
}
.banner .imageslist li a .word-img01{
     position: absolute;
    top: 24px;
    left: 19.4%;
    height: 85px; /*修改2016年12月20日*/
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
 /*修改2016年12月26日*/
.banner .imageslist li a .vword-imgfirst{
    position: absolute;
    top: 60px;
    left: 19.4%;
    height: 85px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.banner .w{
    width: 1200px;
    height:100%;
    margin: 0 auto;
    position: relative;
}
.banner .prev,.banner .next{
    width:100px;
    font height: 100px;
    line-height: 100px; 
    color:#fff; 
    text-decoration: none; 
    font-size: 100px; 
    font-weight: bold; 
    font-family: "宋体"; 
    text-align: center; 
    position: absolute; 
    left: 0; 
    top: 176px; 
    z-index: 10; 
}
.banner .next{ left: auto; right: 0;}
/*      .banner .w .prev{
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 200px;
    background-color: orange;
    border-radius: 50%;
    z-index: 10;
}
.banner .w .next{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 200px;
    background-color: orange;
    border-radius: 50%;
    z-index: 10;
} */
.banner .circles{
    width: 1200px;
    /*height: 310px;*/
    height: 210px; /*修改2016年12月22日 18:21:18*/
    margin: 0 auto;
    position: relative;
}
.banner .circles ul{
    position: absolute; 
    bottom: 11px;
    left:50%;
    margin-left: -17px;
    width: 90px;
    height: 20px;
}
.banner .circles ul li{
    float:left;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin-left:22px;
    background-color: #fbf6e3;
    text-align:center;
    cursor:pointer;
}
.banner .circles ul li.circlesFirst{
    margin-left:0;  
}
.banner .circles ul li.cur{
    background-color:#fff;  
}
.fadeCover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    display: none;
}




/* 脚部 */
.foot { width: 100%; height: 129px; background: #2e2e2e; }
.foot_in { width: 1170px; padding: 30px 15px 0 15px; margin: 0 auto; font-size: 12px; color:#919191; }
.foot_in .l_foot { float: left; display: inline-block; }
.foot_in .l_foot p { width: 610px; line-height: 24px; }
.foot_in .l_foot p a { font-size: 12px; color:#919191; }

.foot_in .r_foot { float: right; width: 421px; height: 62px; padding: 0 15px; background: #262626; color:#999; font-size: 12px; }
.foot_in .r_foot p { width: 421px; padding: 0 15px; line-height: 26px; }
.foot_in .r_foot p a { float: left; color:#999; font-size: 12px; display: inline-block; margin-right: 30px; }

.foot_in p a:hover { font-size: 12px; color:#fff; text-decoration: underline; }
.foot_in p a.colorwhite { color:#fff; }

/*客服广告*/
.ad{width:181px;height: 284px; position: absolute; right: 20px;top:50%; /*margin-top: -142px; */color:#fff; font-size: 14px; z-index: 1010; }

.mybox{width:182px; height:284px;}
.mybox .mylists{ float:left; overflow:hidden; display: inline-block; margin-top: 45px;}
.mybox .mylists .kefu,.mybox .mylists .weixin,.mybox .mylists .totop{ width:40px;height:45px; margin-top: 30px; text-align:center; background:#2c9eee; color:#fff; font-size: 14px; margin-right:10px; border-radius: 3px; padding:5px 5px 0 5px;letter-spacing: 1px; font-family: "微软雅黑";
    overflow: hidden; 
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: 2; }
.mybox .mylists .kefu { background: #2c9eee;}    
.mybox .mylists .weixin { background: #ff5353;}   
.mybox .mylists .totop{ background:url(../img/backtotop.png) no-repeat; cursor:pointer; }
.mybox ol{ float: left; width:122px; height:248px; display:none; }
.mybox .online { margin-left: 7px; width: 113px; border: 1px solid #2c9eee; background:#fff; }
.mybox ol.current{ display:inline-block;}
.mybox ol.current li { width:100px;  height: 30px; margin-left: 19px; line-height: 30px; color:#555; }
.mybox ol.current .mytit {margin-top: 15px; }
.mybox ol.current .mytit a { padding-left: 1px; color:#333; font-size: 14px; font-weight: bold; background: none; letter-spacing: 1px; }
.mybox ol.current li a { width:82px;  height: 30px; padding-left: 19px; color:#555; font-size: 14px; display: inline-block; text-decoration: none; background: url(../img/icon_qq.png) left 8px no-repeat; }
.mybox ol.current li a:hover { text-decoration: underline; color:#2c9eee;  }
.mybox ol.current .mytit a:hover { text-decoration: none; color:#333; }
.mybox ol.current .worktime { margin-top:5px; line-height: 24px; }
.mybox ol.current .worktime i { font-style: normal; line-height: 20px; }
.mybox ol.current .weixin_bg { margin-left: 0; margin-top: 117px; width: 122px; height: 130px; line-height: 0; background: url(../img/weixin_bg.png) left no-repeat; overflow: hidden;  }
.mybox ol.current .weixin_bg .weixin_img { height: 91px; margin:10px 0 5px 19px; }
.mybox ol.current .weixin_bg .weixinhao { width: 108px; height: 20px; line-height: 20px; margin-left: 14px; font-size: 12px; color:#999; text-align: center; display: inline-block;}

/*修改2016年12月20日 18:09:52================*/
/* sideMenu start */
.sideMenu{
    width: 280px;
    min-height: 1px;
    margin-right: 30px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    background:#f7f7f7;
}
/*.sideMenu .menu { display: none; }*/
.sideMenu .menu>li{
    width: 278px;
    line-height:50px;
    /*border-bottom:1px dashed #e9eaee;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/lists_dash.png) left bottom repeat-x;
/*修改2016年12月22日================*/ 
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;     
    position:relative;
}
.sideMenu .menu>li>a{
    display: inline-block;
    line-height:54px;
    padding-left:15px;
    margin-left: 0px;
    cursor:pointer;
    font-size: 16px;
    color: #555;
    font-weight: normal;
    /*background: url(../img/img_31.png) no-repeat left center;*/
    border-left: 4px solid #f7f7f7;
}
.sideMenu .menu>li:hover>a{
    border-left: 4px solid #d52626;
    color: #d52626;
    font-weight: bold;
}
.sideMenu .menu>li.active>a{
    border-left: 4px solid #d52626;
    color: #d52626;
    font-weight: bold; 
}
.sideMenu .menu>li>a.active2{
    border-left: 4px solid #f7f7f7;
    color: #555;
    font-weight: bold; 
}

.sideMenu .menu li .submenu {
    display: none;
}
.sideMenu .menu li .submenu>li {
    line-height: 34px;
}
.sideMenu .menu li .submenu>li>a {
    line-height: 34px;
    display: inline-block;
    padding-left:20px;
    margin-left: 20px;
    font-size: 14px;
    border-bottom:1px solid #e9eaee;
    /*background: url(../img/img_31.png) no-repeat 10px center;*/
}
.sideMenu .menu li .submenu>li:hover>a {
    /*background: url(../img/img_32.png) no-repeat 10px center;*/
    color: #d52626;
}
.sideMenu .menu li .submenu>li.active>a {
    /*background: url(../img/img_32.png) no-repeat 10px center;*/
    color: #d52626;
}
.sideMenu .menu li .submenu li .submenu2 {
    display: none;
}
.sideMenu .menu li .submenu li .submenu2>li {
    line-height: 32px;
}
.sideMenu .menu li .submenu li .submenu2>li>a {
    width: 235px;
    min-height: 29px;
    line-height: 30px;
    display: inline-block;
    padding-left:45px;
    font-size: 12px;
    border-bottom:1px solid #e9eaee;
}
.sideMenu .menu li .submenu li .submenu2>li:hover>a {
    color: #d52626;
    background: #fff;
}
/* sideMenu end================ */



.arr01{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    /*background: orange;*/
    position: absolute;
    right: 4px;
    top: 18px;
    overflow: hidden;
    color:red;
    font-style: normal;
}
 

.content-wrap{
    padding-top: 45px;
   background: #fcfcfc url(../img/content_bg01.png) left top no-repeat; 
}
.content { 
    background: url(../img/content_bg02.png) right top no-repeat;
}