@charset "UTF-8";
body,input,button,select,textarea,table{font-family:"Microsoft YaHei", "微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
fieldset,img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a:link, a:visited,a:hover, a:active {text-decoration: none;}
/*重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
img {border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;max-width: 100%;}
/*==公用样式==*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}

/*新加荣誉*/
.clearfix1:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
/*新加资质*/
.clearfix2:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;}/*height:48px;*/

.clear{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.bl{display: inline-block}
.news1600{width: 1600px;margin: 0 auto;}
.news1450{width: 1450px;margin: 0 auto;}
.news1200{width: 1200px;margin: 0 auto;}
.news1000{width:1000px;margin: 0 auto;}
a{color: #333;}
*{box-sizing: border-box;}*{outline:none;}
.height40 {height: 40px;}


/*header*/
.header{  z-index: 999;  width: 100%;position: fixed;background-color: #fff;top:0; }
.logo{padding: 0.8% 5% 0 5%;}
.logo>div>a{float: left;}

.r_box{float: right;width: 65%;}
.search_input{border: 1px solid #c9c9c9;position: relative;display: inline-block;border-radius:5px;}
.search_input__input {  width: 250px;  height: 30px;  border: 0 none;  font-size: 14px;  background: 0 0;  line-height: 1.5;  transition: width .6s ease-out,visibility .6s 1ms ease-out;padding-left: 8px;  }
.search_input__btn {  width: 30px;  height: 30px;  border-top-right-radius: 3px;  border-bottom-right-radius: 3px;  position: absolute;  top: 0;  right: 0;  border: 0 none;  overflow: visible;  background: 0 0;cursor: pointer; z-index: 100; }
.icon_search {  position: absolute;  top: 39%;  right: 10px;  margin-top: -5px;  width:16px;  height: 16px;  background:url(../images/icon10.png) no-repeat center/cover;  }

.link{float: right;}
.link p{margin-bottom: 4px;}
.link span{float: left;}
.link a{color: #666;font-size: 14px;margin-right: 54px;float: left;display: inline-block;}
.link a:nth-of-type(2){margin-right: 0;}
.link a img{padding-right: 8px;}

.add{float: right;margin-right: 40px;}
.add p{color: #666;font-size: 14px;margin-bottom: 4px;}
.add p img{padding-right: 8px;}

.cp_search{/* margin-left: 16%; */margin-right:40px;float: right;}

.nav{padding: 0 5%;}
.nav>ul:nth-of-type(2)>li>a>img{padding-right: 4px;}
.nav>ul>li{float: left;line-height: 50px;}
.nav>ul>li:last-of-type a{margin-right: 0;}
.nav>ul>li>a {margin:5px 22px;color: #333;font-size: 16px;padding:10px 0;transition: all 0.5s ease 0s;}
.nav>ul>li:hover,.nav ul li.on{cursor: pointer;}
.nav>ul>li:hover>a,.nav ul li.on>a{color: #a82020;transition: all 0.3s ease-in-out 0s;}
.nav>ul>li:hover .cp-dropmenu{display: block;transition-delay: 0.5s;}
.cp-dropmenu{display: none;
    position: absolute;
    background: #eee;
    background: linear-gradient(#eee,#f5f5f5);
    left: 0;
    margin: 0 auto;
    box-shadow: 0 3px 3px #ccc;
    padding: 0 5%;
    width: 100%;
    min-height: 275px;
    transition: all 0.5s ease 0s;
}
.cp-box {
    padding-left: 13px;
    padding-right: 13px;
    width: 100%;

}


/*漂浮框*/
.qq {
    width: 74px;
    position: fixed;
    right: 0;
    bottom: 25%;
    text-align: center;
    font-size: 14px;
    opacity: 1;
    z-index: 1000;
}
.qq a {
    margin-bottom: 1px;
    display: block;
    position: relative;
    width: 110px;
    height: 74px;
    right: 0;
    background: #11345b;
    z-index: 10;
    transition: all 0.5s ease;
}
.qq a:nth-of-type(1) {width: 220px;}
.qq a:nth-of-type(2) {width: 250px;}
.qq a:hover {background-color:#353434;}
.qq a:nth-of-type(1):hover {right: 147px;}
.qq a:nth-of-type(2):hover {right: 176px;}
.qq a .QQ2>div{width: 74px;height: 74px;}
.qq a .QQ2>div img{padding-top: 15px;}
.qq a .QQ2>div p{color: #fff;margin-top: 5px;}
.qq a .QQ2>p {position: absolute;right: 20px;top: 15px;height: 45px;color: #fff;line-height: 48px;font-size: 16px;}
.qq .ma {position: relative;width: 74px;height: 74px;background-color: #11345b;margin-bottom: 1px;}
.qq .ma div:nth-of-type(1) img {padding-top: 15px;}
.qq .ma div:nth-of-type(1) p{color: #fff;margin-top: 5px;}
.qq .ma .right_sanjiao {position: relative;width: 150px;height: 150px;right: 160px;top: -145px;background:#fff;transition: all 0.5s ease;display:none;box-shadow: rgb(204, 204, 204) 0px 3px 3px;}
.qq .ma:hover .right_sanjiao{display:block;}
.qq .ma .right_sanjiao img {width: 140px;margin-top: 5px;}
		
.showy_4{ width:74px; height:74px; margin-bottom:1px;}
.showy_4 a{ display:block; width:74px!important; height:74px; background-color:#11345b;}
.showy_4 a:hover{ background-color:#353434;-webkit-transition:all 0.4s ease;right: 0!important;}



.showy_5{ width:74px; height:34px; }
.showy_5 a{ display:block; width:74px!important; height:34px; background-color:#11345b; text-align: center;}
.showy_5 a img{ padding-top:5px;}
.showy_5 a:hover{ background-color:#373737;-webkit-transition:all 0.4s ease;right: 0!important;}

.qq .fx {
    position: relative;
    width: 74px;
    height: 74px;
    background-color: #11345b;
    margin-bottom: 1px;
}
.qq .fx div:nth-of-type(1) img {
    padding-top: 15px;
}
.qq .fx div:nth-of-type(1) p {
    color: #fff;
    margin-top: 5px;
}
.bdshare-slide-button-box .bdshare-slide-button{width: 74px!important;height: 74px!important;top: 394px!important;background: none!important;}
.bdshare-slide-list-box {position: absolute;  left: -74px;  top:211px; }
/*about*/
.about{background: url(../images/ab_bg.jpg) no-repeat center/cover;height: 339px;width: 100%;padding: 30px 5% 50px 5%;}
.about ul{display: inline-block;vertical-align: top;width: 15%;margin: 0 2%;}
.about ul:last-of-type{margin-right: 0;float: right;}
.about ul:first-of-type{margin-left: 0;}
.about ul li{margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.about ul li:first-of-type{color: #a82020;font-size: 16px;margin-bottom: 20px;}
.about ul li input[type="text"]{width: 100%;border-radius: 5px;height: 40px;line-height: 40px;border: 1px solid #333;padding-left: 5px;}
.about ul li input[type="submit"]{width: 100%;border-radius: 5px;height: 40px;line-height: 40px;border: 0;background-color: #cc4b4c;color: #fff;}


.footer{background-color: #310303;}
.footer .bottom{border-top: 1px solid #272727;text-align: center;background-color: #000d1c;}
.footer .bottom p{font-size:12px;padding: 13px 0;color: #fff;margin-bottom: 0;opacity: 0.7}
.footer .top{padding: 30px 5%;}
.footer .top>div{width: 20%;text-align: left;float: left;margin-left: 3%;}
.footer .top>div:nth-of-type(1){margin-left: 0;}
.footer .top>div h3{font-weight: normal;color: #eee;font-size:16px;}
/*.footer .top>div ul{border-right: 1px solid #666;}*/
.footer .top>div:nth-of-type(4){width: 19%;}
.footer .top>div:nth-of-type(3){width: 14%;}
.footer .top>div:nth-of-type(2) ul{float: left;width: 50%;}

.footer .top ul>li{color: #fff;font-size: 14px;margin: 13px 0;}
.footer .top ul>li a{color: #999;}
.footer .top ul>li p{line-height: 22px;color: #999;}

.footer .top .fr p{font-size:14px;margin: 15px 4px;color: #fff}
.footer .top .fr{width: 6%;text-align: right;float: right;}
.footer a:hover{color: #fff!important;}
.footer .bottom .cp-box{padding-right: 0!important;padding-left: 0!important;}
.footer .bottom .container{padding: 0 5%;position: static;}
.footer .bottom .container p a{color: #999;}

@media only screen and (max-width: 1460px){
    .cp_search {
        margin-left: -10%;
        margin-right: 9%;
    }
    .link a{margin-right: 81px;}
    .bdshare-slide-button-box .bdshare-slide-button {top: 278px!important;}
}
@media only screen and (max-width: 1430px){
    .link a{margin-right: 51px;}

}
@media only screen and (max-width: 1366px){
    .link a {margin-right: 46px;}
    .bdshare-slide-button-box .bdshare-slide-button {top: 155px!important;}
}
@media only screen and (max-width: 1280px){
   .search_input__input {width: 200px;}
    .bdshare-slide-button-box .bdshare-slide-button {top: 408px!important;}

}