/*reset*/
*{padding: 0;margin: 0;box-sizing: border-box;font-size: 14px;}
body{color:#333;background:#fff;font-family: "Microsoft YaHei",sans-serif;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;padding: 0;margin: 0;}
ul,li{list-style: none;}
a,a:hover{text-decoration: none;color:#333;}
.clearfix:before,.clearfix:after{content:'';display: block;clear: both;}
.lf{float:left;}
.rt{float:right;}
img{border:0;vertical-align: middle;}
p{text-align: justify;}
p.text{color:#666;line-height:24px;font-size:14px;}
input,textarea,video{outline:none;border:none;}
.container{width:1200px;margin: 0 auto;}
table{border-collapse: collapse;}

/* top */
.top{background:#333;width:100%;height:40px;line-height: 40px;color:#fff;}
.top .container>a{color:#fff;margin:0 30px 0 8px; }
.top .container>a.dw b{display: inline-block;border:6px solid transparent;border-top:6px solid #fff;position: relative;top:5px;left:2px;}
.top .container{position: relative;}
.top .container .arealist{position: absolute;top:40px;left:130px;width:410px;background: #fff;z-index: 100;padding:10px 0;display: none;}
.top .container .arealist li{float: left;line-height: 36px;width:68px;padding-left:10px;}
.top .container .arealist li a{font-size:16px;color:#666;}

/* nav */
.nav{background:#f01b13;height:74px;line-height: 74px;color:#fff;}
.nav ul > li.lf{height:74px;line-height: 74px;width:94px;text-align: center;}
.nav ul > li.lf > a{color:#fff;display: inline-block;width:100%;height:100%;}
.nav ul > li.lf > a:hover{font-weight:bold;font-size:16px;}
.nav ul > li.lf.active{border-bottom:2px solid #fff;}
ul.secondCate{display:none;width:200px;background: white;box-sizing:border-box;padding:10px 20px;box-shadow: 0 0 5px #2c2c2c4d;position:relative;z-index:99;}
ul.secondCate li img{width:6px;height:auto;margin-right:10px;}
ul.secondCate li{width:100%;height:auto; line-height:44px;}
ul.secondCate li a{display:block;width:100%;height:100%;text-align:left; font-size:14px;color:#333333;}
ul.secondCate li a:hover{color:#f01b13;}

.nav ul > li.lf:hover ul.secondCate{display:block;}
/* nav - 党建产品 */
#product{width:1920px;height:288px;background:#fff url("../images/nav_cpbg.png") center bottom no-repeat;position:absolute ;top:114px;left:50%;z-index:50;margin-left:-960px;padding-top:30px;display: none;}
#product ul li{width:160px;padding-left:22px;margin-left:100px;margin-bottom:5px;}
#product ul li:first-child{margin-left:0;}
#product ul li h2{font-size:16px;padding-left:10px;border-left:6px solid #ee1812;}
#product ul li p{margin:15px 0;}
#product ul li p a{display: inline-block;padding:7px 18px;border:1px solid #f0f0f0;border-radius:5px;font-size:14px;}
#product ul li p a:hover{background: #fff;box-shadow: 0 0 10px #d3d3d3; }


/* nav - 支部产品 */
#branch{width:1920px;height:288px;background:#fff url("../images/nav_cpbg.png") center bottom no-repeat;position:absolute ;top:114px;left:50%;z-index:50;margin-left:-960px;padding-top:30px;display: none;}
#branch ul li{width:150px;padding-left:22px;margin-left:60px;margin-bottom:5px;}
#branch ul li:first-child{margin-left:0;}
#branch ul li h2{font-size:16px;padding-left:10px;border-left:6px solid #ee1812;}
#branch ul li p{margin:15px 0;}
#branch ul li p a{display: inline-block;padding:7px 18px;border:1px solid #f0f0f0;border-radius:5px;font-size:14px;}
#branch ul li p a:hover{background: #fff;box-shadow: 0 0 10px #d3d3d3;}

/* 标题 */
.bigTitle{font-size:32px;color:#e5301b;font-weight: bold;text-align: center;margin-bottom:20px;line-height:60px;}
.bigTitle span{font-size:40px;}
.fuTitle{font-size:16px;color:#999;text-align: center;}
.fuTitle2{font-size:16px;color:#c42122;text-align: center;}


/* bottom */
.bottom1{background: #1f2228;padding-top:70px;padding-bottom:10px;color:#4d4d4d;}
.bottom1 .left{width:730px;}
.bottom1 .left .bottomNav{height:49px;line-height: 49px;border-top:1px solid #2b2c32;border-bottom:1px solid #2b2c32;margin-bottom:45px;}
.bottom1 .left .bottomNav span{display: inline-block;width:135px;text-align: center;}
.bottom1 .left .bottomNav span a{color:#9a9ba0;}
.bottom1 .left .bottomNav i{color:#2b2c32;}
.bottom1 .left .contactUs{position: relative;padding-left:184px;}
.bottom1 .left .contactUs img{position: absolute;top:0;left:0;}
.bottom1 .left .contactUs p{line-height: 26px;color: #999;}
.bottom1 .right{color:#999;padding-top:30px;}
.bottom1 .right span{display: inline-block;width:150px;height:160px;text-align: center}
.bottom1 .right span img{margin-bottom:10px;}

.bottom1 .bottomLink{line-height: 30px;margin-top:30px;padding-left:70px;position:relative;}
.bottom1 .bottomLink span{display: inline-block;padding:0 6px;}
.bottom1 .bottomLink span a{color:#9a9ba0;font-size:14px;}
.bottom1 .bottomLink i{color:#2b2c32;}
.bottom1 .bottomLink b{color:#9a9ba0;font-size:14px;position:absolute;top:0;left:0;font-weight:400;}

.bottom2{background: #1f2228;height:56px;line-height:56px;text-align: center;border-top:1px solid #2b2c32;color:#666;}
.bottom2 .map{color:#154fc4;}




/*全部-返回顶部*/
.cebian{
    position: fixed;
    top: 200px;
    right: 0;
    width: 70px;
    z-index: 999;
    
}
.cebian li{
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
   	background-color: rgba(0, 0, 0, 0.2);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);    /*IE8支持*/
    position: relative;
}
.cebian li a{
    display: block;
    width: 100%;
    height: 100%;
}
/* 微信二维码 */
.cebian li .WXjingguo{
    position: absolute;
    top: 0;
    right: -150px;
    width: 145px;
    height: 145px;
    border-radius: 10px;
    z-index: 10;
    background: url('../images/footer_er.jpg') no-repeat;
    background-size: 100%;
}
/* 电话咨询 */
.cebian li .DHjingguo{
    position: absolute;
    top: 0;
    right: -250px;
    width: 168px;
    height: 70px;
    font-size: 16px;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 70px;
}
.cebian li.lcQQ{
    background-image: url('../images/clan-slider.png');
  	background-position: -5px -244px ;
}
.cebian li.lcWX{
    background-image: url('../images/clan-slider.png');
  	background-position: -10px -404px ;
}
.cebian li.lcDH{
    background-image: url('../images/clan-slider.png') ;
  	background-position:-5px -322px ;
}
.cebian li.lcDB{
    background-image: url('../images/clan-slider.png');
  	background-position:  -5px -2px;
  
   -webkit-background-image: url('../images/clan-slider.png');
  	-webkit-background-position:  -5px -2px;
   -ms-background-image: url('../images/clan-slider.png');
  	-ms-background-position:  -5px -2px;
}
.cebian li.lcQQ:hover{
    background-image: url('../images/clan-slider.png');
  	background-position:-85px -244px ;
    transition: all 0.8s;
}
.cebian li.lcWX:hover{
    background-image: url('../images/clan-slider.png') ;
  	background-position: -83px -404px;
    /* transition: all 0.8s; */
}
.cebian li.lcWX:hover .WXjingguo{
    transition: all 0.8s;
    transform: translateX(-220px);
}
.cebian li.lcDH:hover{
    background-image: url('../images/clan-slider.png');
  	background-position:  -80px -322px;
    /* transition: all 0.8s; */
}
.cebian li.lcDH:hover .DHjingguo{
    transition: all 0.8s;
    transform: translateX(-320px);
}
.cebian li.lcDB:hover{
    background-image: url('../images/clan-slider.png');
  	background-position: -83px -2px ;
    transition: all 0.8s;
}
/*全部-返回顶部*/

