@charset "gb2312";
.col-sm-offset-6 {
    margin-left: 50% !important;
}
#slideshow_photo{
    transform: scale(1.2);
}

*{ padding:0; margin:0;}
body { background:#f6f6f6;font-family:Microsoft YaHei,"Times New Roman", Times, serif,SimSun;color: #666666; font-size:12px; line-height:28px; }
h1,h2,h3,h4,h5,h6{font-size:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
li{list-style-type: none;list-style:none;}
img { border:none; }
p { line-height:25px; }
a { color:#666; text-decoration:none; }
a:hover { color:#666;  }

/*分页*/
.page_turner { padding:4px 0px 0px 1px; float:left; clear:both; }
.page_turner a, .page_turner span { float:left; display:block;  padding:5px; margin-right:2px; line-height:10px; color:#000; border:1px double #cecece; background:#FFF}
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c {  color:#fff; border:1px double #999; background:#666;}
#total { color:#000; }


/*首页banner*/
.bannerr{height:587px; margin:0 auto; width:100%; }
.bannerr .bannerr_01{width:1000px; margin:0 auto; height:587px; overflow:hidden; line-height:30px;}

.bannerr_01{background:#000; height:413px; margin:0 auto; width:100%; }

div.slideBox{ position:relative; width:496px; height:326px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:14px; line-height:40px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:15px; height:15px; background:url(../images/imagehei.png) no-repeat 0px 0px; text-indent:-99999px; margin:12px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background: url(../images/imagefen.png) no-repeat;}



/*头部*/
.top{overflow:hidden; height:67px; margin:0 auto; width:100%; background:#dcdcdc;}
.top .top_01{margin:0 auto; width:1000px; height:67px; text-align:left; overflow:hidden;}
.top .top_01 .logo{float:left; overflow:hidden; width:125px;}
.top .top_01 .guanyu{float:right;overflow:hidden; width:200px; line-height:67px;}
.top .top_01 .guanyu p{float:left; width:80px;line-height:67px;text-align:right;}
.top .top_01 .guanyu p a{color:#464545}


/*导航*/
.dh{height:55px; margin:0 auto; width:100%; overflow:hidden; background:#d0101b;}
.dh .dh_01{margin:0 auto; width:1000px; height:55px; text-align:left; overflow:hidden;}
.dh .dh_01 ul li.a1{float:left; width:24%; color:#fff; font-size:15px;  line-height:53px; border-right:1px double #c00f18; text-align:center;}
.dh .dh_01 ul li.a2{float:left; width:24%; color:#fff; font-size:15px;  line-height:53px; border-right:1px double #c00f18; text-align:center;}
.dh .dh_01 ul li a.dd{border-bottom:1px double #FFF; padding-bottom:5px;}
.dh a { color:#fff; text-decoration:none; }
.dh a:hover { color:#fff;  }

/*底部*/
input.search{  height:30px; width:179px; border:none; background:none; color:#6a6a6a; font-size:12px;}
.p3{float:left; overflow:hidden; width:179px; height:30px; background:url(../images/kuang.jpg) no-repeat; margin-right:3px;}
.p4{float:left; overflow:hidden; width:62px; height:30px;}
.dibu{height:300px; margin:0 auto; width:100%; overflow:hidden; background:#201d1c;}
.dibu .ywzt{height:60px; margin:0 auto; width:100%; overflow:hidden; background:#171514; text-align:center; line-height:60px; color:#ff0303; font-size:18px; font-weight:bold}
.dibu .dibu_01{width:900px; overflow:hidden; height:180px; margin:0 auto; color:#FFF; padding-top:20px;}
.dibu .dibu_01 ul li.dibu_01_01{width:150px; overflow:hidden; float:left;margin-left: 20px;}
.dibu .dibu_01 ul li.dibu_01_02{width:120px; overflow:hidden; float:left; padding-left:30px;}
.dibu .dibu_01 ul li.dibu_01_03{width:290px; overflow:hidden; float:right;  height:auto;}
.dibu .dibu_01 ul li.dibu_01_03 .dibu_01_03_01{width:250px; overflow:hidden; height:180px;}
.dibu .dibu_01 ul li.dibu_01_03 .dibu_01_03_01 ul li{overflow:hidden; float:right; }
.dibu .dibu_01 ul li.dibu_01_03 .dibu_01_03_01 ul li p.p1{ height:160px; width:160px; text-align:center;}
.dibu .dibu_01 ul li.dibu_01_03 .dibu_01_03_01 ul li p.p2{text-align:center; width:160px;}
.kongge{padding-right:20px;}
.dibu .dibu_01 ul li.dibu_01_03 .dibu_01_03_02{width:244px; overflow:hidden; height:95px; margin-top:10px;}
.dibu .dibu_01 ul li p.btdx{font-size:16px; height:50px;}
.dibu .dibu_02{width:1000px; overflow:hidden; height:30px; margin:0 auto; color:#6a6a6a;}
.dibu a { color:#fff; text-decoration:none; }
.dibu a:hover { color:#fff;  }




html{ font-size:62.5%;}
*{ margin:0; padding:0;outline:none; -webkit-font-smoothing: antialiased; list-style: none; text-decoration: none;}
html,body{font-family:Microsoft YaHei,PingFang;font-family:Microsoft YaHei,PingFang !important;/*兼容Opera*/-webkit-text-size-adjust:none;text-align: justify;min-height: 100%;min-width: 100%;}
ul, ol{ margin: 0; padding: 0;}
img{border:none;max-width: 100%;height: auto;}
input,textarea{border:none; background:none; vertical-align:middle;font-family:"微软雅黑",Microsoft YaHei;}
select{vertical-align:middle; cursor:pointer; font-family:PingFang; appearance:none;-moz-appearance:none;-webkit-appearance:none;}
a{ text-decoration:none;outline: none; -webkit-transition:all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
a:hover,a:focus{text-decoration:none;}
h2{font-size: 4.8rem;}
h3{font-size: 3.4rem;color: #343434;text-align: center;}   /recruitment_.html
/* p{line-height: 1.5em;color: #333;} */
.da{overflow: hidden;}
.da img{-webkit-transition: all 0.6s;transition: all 0.6s;}
.hmBom_tel i {
    animation: tel 6s ease-out 0s infinite;
    -webkit-animation: tel 6s ease-out 0s infinite;
    display: inline-block;
    font-style: normal;
}
@-webkit-keyframes tel{
    0%{-webkit-transform:scale(1);}
    1%{-webkit-transform:scale(1.3);}
    3%{-webkit-transform:scale(0.8);}
    6%{-webkit-transform:scale(1);}
    100%{-webkit-transform:scale(1);}
}
@keyframes tel{
    0%{transform:scale(1);}
    1%{transform:scale(1.3);}
    3%{transform:scale(0.8);}
    6%{transform:scale(1);}
    100%{transform:scale(1);}
}
#header{
    position: relative;
    z-index: 2;
}
.ico.active i:nth-child(1) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
}
.ico.active i:nth-child(2) {
    opacity: 0;
}
.ico.active i:nth-child(3) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}
.ico {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 66px;
    top: 25px;
    z-index: 999999999;
    cursor: pointer;
    display: none;
}
.ico i {
    height: 2px;
    width: 90%;
    background-color: #de0000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    position: absolute;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ico i:nth-child(1) {
    top: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
.ico i:nth-child(2) {
    top: 14px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
.ico i:nth-child(3) {
    top: 26px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}
@font-face {
    font-family: 'DINCond';
    src: url("DINCond-BlackAlternate.otf");
}

.middle{
    display: table;
    width: 100%;
    height: 100%;
}
.middleCont{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.head .navbar-center{
    width: calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    float: left;
    text-align: center;
}
.tophead{
    height:28px;
    line-height:28px;
    width:100%;
    position:fixed;
	z-index:9999999999;
	background-color:#323333;
}
.head{
    height: 120px;
	padding-top:28px;
    line-height: 90px;
    width:100%;
    position:fixed;
    z-index:999999;
    background-color:rgba(32,35,39, 0.8);
}
.head .navbar-center ul{
    display: inline-block;
}
.head .navbar-center ul li{
    display: inline-block;
}
.head .navbar-right a{
    display: inline-block;
}
.head .navbar-right a:first-child{
    margin-right: 20px;
}
.head .navbar-center ul li a{
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
}
.head .navbar-center ul li.active a{
    color: #fff;
}
#banner{
    height: 680px;
    width: 100%;
    color: #fff;
    position: relative;
    top: 0px;
}
#banner .font70{
    font-family: DINCond;
    color: #fff;
}
a.add{
    background-color: #de0000;
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    /* margin-top: 2.6rem; */
}
span.add{
    background-color: #de0000;
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 2.6rem;
}
#banner .owl-dots .owl-dot span{
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    opacity: 1;
    display: inline-block;
}
#banner .owl-dots .owl-dot{
    margin: 0 8px;
}
#banner .owl-dots .owl-dot.active span{
    background: #fff;
    width: 65px;
    display: inline-block;
    /*box-sizing: border-box;
    border-style: solid;
    border-width: 5px;
    border-color:#fff;*/
}
#banner .owl-dots{
    position: absolute;
    bottom:20px;
    width: 100%;
    text-align: center;
}
#banner .owl-item.active .font70,#banner .owl-item.active .font48{
    animation: 1s .3s fadeInDown both;
    color: #fff;
}
#banner .owl-item.active span.add{
    animation: 1s .3s fadeInUp both;
}
.index1_bg{
    background: url("../images/index2bg_02.png") no-repeat center;
    background-size: cover;
    padding: 3rem 0 0;
    overflow: hidden;
}
.title{
    text-align: center;
}
.swiper-pagination-bullet-active{
    background: #ef4447;
}
/* .index1 .title{
    margin: 2rem auto;
} */
.index1 .title .font36{
    color: #de0000;
    margin-bottom: 5px;
}
.index1 .title .font22{
    color: #8a8a8a;
    font-size: 20px;
    margin-top: 40px;
}
.index1 ul li{
    display: inline-block;
    text-align: center;
    margin: 40px auto ;
}
.index1 ul li .imgs{
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    background-color: rgba(85, 97, 109, 0.1);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.index1 ul li .imgs span{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #de0000;
    margin-top: 20px;
}
.index1 ul li .font25{
    color: #333333;
    margin-top: 16px;
    font-size: 18px;

}
.index1 ul li .font20{
    color: #333333;
    margin-top: 16px;
}
.index1 ul{
    text-align: center;
    width: 100%;
    display: inline-block;
}
.index1 ul li{
    width: 11.111111%;
    float: left;
    position: relative;
    padding-bottom: 16px;
}

.index1 ul lianquan{
    width: 16.666666%;
    float: left;
    position: relative;
    padding-bottom: 16px;
}


.index1 ul .li1{
    position: absolute;
    top: 40%;
    right:-20px;
}
.index1 .ulLt{
    padding: 8rem 0;
    color: #fff;
    display: none;
    position: relative;
    top: -1px;
    height:492px;
}
.index1 .ulLt .font16{
    color: #fff;
    margin: 1rem 0 ;
}
.index1 .ulLt.active{
    display: block;
}
.index1 ul .li2{
    position: relative;
}
.index1 ul .li2.active .imgs{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.index1 ul .li2.active .font25{
    color: #de0000;
    font-size: 23px;
}
.index1 ul .li2.active:before{
    content: '';
    position: absolute;
    bottom:-6px;
    background: url("../images/index7_31.png11") no-repeat;
    width: 41px;
    height: 17px;
    left:50%;
    margin-left: -20px;
}
.index1_ul{
    overflow: hidden;
}

.backTop{
    position: fixed;
    z-index:11;
    right:0;
    bottom: 15%;
    cursor: pointer;
}
/*.head .container{*/
    /*position: relative;*/
/*}*/
.phone_a{
    display: inline-block;
    float: right;
    text-align: left;
}
.anquan .owl-item a {
    border: 1px solid #fff
}
.phone_a a{
    text-align: left;
    line-height: 56px;
    display: inline-block
}
.phone_a a:first-child{
    margin-right: 15px;
}
.phone_a a img:last-child{
    display: none;
}
.index_zhuanti #navsit li{
    width: 190px
}

.imgs img,.imgs div{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    margin-top: 15px;
}

.topheadfont{ color:#fff;}

.tuijian{ background-color:#f5f5f5; padding:20px;}
.yuedu{margin-top:15px;}
.yuedu ul li{ float:left; width:100%;  display: inline-block; line-height:20px; font-size:16px; padding-left:15px; background:url(http://www.topsec.com.cn/images/pattern-1-1.png) 0px center no-repeat;}
.yuedu ul li a{ color:#333;}
.yuedu ul li a:hover{ color:#ca303c;}
.yuedutitle{padding-left:20px; display:block; background:url(http://www.topsec.com.cn/images/line-title.png) 0px 8px no-repeat;}

.hot{ margin-top:15px;}
.hot ul li{ float:left; width:20%; height:30px; line-height:30px; font-size:16px;}
.hot ul li a{ color:#333;}
.hot ul li a:hover{ color:#ca303c;}



a.add:hover{background-color: #fff;color: #de0000;}
.backTop{
    position: fixed;
    z-index:11;
    right:0;
    bottom: 15%;
    cursor: pointer;
}
.dibu_01_01>p{line-height: 25px;font-size: 0.5rem;margin: 0;}
.index1 ul .li2:hover .imgs{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.index1 ul li a:hover .font25{color: #de0000;}
.index1 ul li a:hover .font20{color: #de0000;}