/*css 初始化 */
fieldset,
img,
input,
button {
border: none;
padding: 0;
margin: 0;
outline-style: none;
}
ul,
ol {
list-style: none;
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
margin: 0;
padding: 0;
}
input {
padding-top: 0;
padding-bottom: 0;
font-family: "微软雅黑";
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0 12px;
}
select,
input {
vertical-align: middle;
}
select,
input,
textarea {
font-size: 12px;
margin: 0;
}
textarea {
resize: none;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*防止拖动*/
img {
border: 0;
vertical-align: middle;
/*width:100%;*/
max-width: 100%;
}
/*  去掉图片低测默认的3像素空白缝隙*/
table {
border-collapse: collapse;
}
body {
font: 12px/150% "微软雅黑", verdana, "\5b8b\4f53";
color: #666;
background: #fff;
width: 100%;
}
.p_show{ display: block;}
.sjj_nav, .w_show{ display:none;}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
/*ie/7/6*/
}
a {
color: inherit;
text-decoration: none! important;
}
a:hover {}
h1,
h2,
h3,
h4,
h5,
h6 {
text-decoration: none;
font-weight: normal;
/* 	font-size: 100%; */
}
s,
i,
em {
font-style: normal;
text-decoration: none;
}
.col-red {
color: #c81623!important;
}
/*公共类*/
.fl {
float: left
}
.fr {
float: right
}
.al {
text-align: left
}
.ac {
text-align: center
}
.ar {
text-align: right
}
.hide {
display: none;
}
.show {
display: block;
}
.inner {
width: 1200px;
margin: 0 auto;
}
/*main*/
.qbt-banner {
width: 100%;
overflow: hidden;
}
.qbt-banner .qbt-banner-pic {
overflow: hidden;
}
/*main end*/
.page{ text-align: center; display:block;margin-top:50px;}
.page a, .page li {
display: inline-block;
list-style: none;
text-decoration: none;
color: #58a0d3;
}
.page a, .page span {
display: inline-block;
padding: 12px 18px;
margin: 0 7px;
border: 1px solid #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.current{ background:#c01920; color:#fff;}
/*header*/
.qbt-header {
width: 100%;
}
.qbt-header-top {
width: 100%;
height: 117px;
border-bottom: 1px solid #e3e3e3;
background-color: #f6f6f6;
}
.qbt-header-top .qbt-logo {
/*width: 22.75%;*/
margin-top: 25px;
}
.logo-brand {
margin-top: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
padding-left: 20px;
border-left: 1px dotted #000;
margin-left: 20px;
}
.logo-brand p{line-height: 26px; color:#666;}
.logo-brand p span{color:#c01920; font-size: 24px;}
.touch-t{
margin-left: 10px;
}
.touch-t p{
font-size: 16px;
color: #999;
}
.touch-t b{
font-size: 22px;
display: block;
margin-top: 4px;
color: #2d4c9c;
}
.qbt-header-top .firm {
position: relative;
height: 12px;
line-height: 12px;
padding: 0 12px;
color: #999;
margin-top: 13px;
border-right: 1px solid #d1d1d1;
}
.firm a:hover {
color: #ff4242;
}
.firm-hover {
display: none;
position: absolute;
top: 0px;
left: 0;
right: 0;
padding-top: 20px;
width: 250px;
}
.firm-hover ul {
background-color: #f6f6f6;
padding: 5px
}
.firm-hover li {
margin-right: 10px;
}
.firm:hover>a{
color: #ff4242;
}
.firm:hover .firm-hover {
display: block;
}
.qbt-header-top .touch {
padding-top: 12px;
}
.qbt-header .navbar_toggle {
margin: 35px -20px 0 0;
float: right;
cursor: pointer;
display: none;
}
.qbt-header .navbar_toggle .icon_bar {
width: 30px;
height: 3px;
background-color: #2d4c9c;
display: block;
border-radius: 1px;
margin-bottom: 6px;
}
.qbt-header-nav {
width: 100%;
background: #fff;
}
.qbt-header .nav-box {
position: fixed;
z-index: 1000;
top: -1000px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.qbt-header-nav ul {
/*padding: 0 5px 0 3px;*/
}
.qbt-header-nav ul li {
height: 47px;
line-height: 47px;
float: left;
color: #000;
font-size: 16px;
margin-right: 40px;
border-bottom: 3px solid transparent;
}
.qbt-header-nav ul li a {
width: 100%;
height: 100%;
display: block;
}
.qbt-header-nav ul .nav-ac {
color: #2d4c9c;
border-bottom-color: #2d4c9c;
}
.qbt-header-nav ul li:hover {
color: #2d4c9c;
border-bottom-color: #2d4c9c;
}
.qbt-header-nav ul a:hover {
color: #2d4c9c;
}
/*header  end*/
/*footer*/
.qbt-footer {
width: 100%;
background-color: #282828;
padding-top: 8px;
}
.qbt-footer .qbt-footer-top {
padding: 35px 0;
border-bottom: 1px solid #000;
}
.qbt-footer .qbt-footer-top li {
display:inline-block;
/*width: 10.5%;*/
float: left;
padding:0 10px;
border-right:1px solid #3e3e3e;
}
.qbt-footer .qbt-footer-top li:last-child  {border-right:0;}
.qbt-footer .qbt-footer-top li .txt {
height: 18px;
text-align: center;
line-height:18px;
}
.qbt-footer .qbt-footer-top li .txt a {
line-height: 18px;
font-size: 16px;
color: #999;
}
.qbt-footer .qbt-footer-top li .txt p {
height: 18px;
line-height: 18px;
font-size: 12px;
font-family: "宋体";
}
.qbt-footer .qbt-footer-content {
padding-top: 34px;
padding-bottom: 18px;
border-top: 1px solid #333333;
border-bottom: 1px solid #000;
}
.qbt-footer .qbt-footer-content .pic {
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 22%;
padding-right: 4%;
}
.qbt-footer .qbt-footer-content .contact {
width: 76%;
}
.qbt-footer .qbt-footer-content .pic-left {
width: 63%;
}
.qbt-footer .qbt-footer-content .dhua {
width: 33%;
}
.qbt-footer .qbt-footer-content .dhua dl {
display:inline-block; margin-right:6px; vertical-align: middle;
}
.qbt-footer .qbt-footer-content .dhua dl p{
font-size: 12px; color:#fff;
}
.qbt-footer .qbt-footer-content .dhua dl h2{
font-size: 18px; font-weight: 700; color:#fff;
}
.qbt-footer .qbt-footer-content .contact .txt-box {
padding-top: 19px;
}
.qbt-footer .qbt-footer-content .contact .txt {
margin-right: 4%;
}
.qbt-footer .qbt-footer-content .contact .txt p {
line-height: 20px;
}
.qbt-footer .qbt-footer-content span {
color: #999;
}
.qbt-footer .qbt-footer-content .pic-right {
width: 31.75%;
padding-top: 20px;
}
.qbt-footer .qbt-footer-content .content-bot {
padding-top: 47px; margin-bottom:70px;
}
.qbt-footer .qbt-footer-content .content-bot a {
margin: 0 0.4%;
}
.qbt-footer .qbt-footer-bot {
border-top: 1px solid #333333;
}
.qbt-footer .qbt-footer-bot .text {
width: 100%;
height: 62px;
line-height: 62px;
text-align: center;
background-color: #282828;
border: 0;
}
.qbt-footer .qbt-footer-bot .guanzhu {
height: 24px;
line-height: 24px;
padding-top: 14px;
}
.qbt-footer .qbt-footer-bot span {
height: 24px;
line-height: 24px;
float: left;
display: inline-block;
}
.qbt-footer .qbt-footer-bot a {
/*width: 24px;
height: 24px;
display: inline-block;
background:  no-repeat center;*/
}
.qbt-footer .qbt-footer-bot .w2 {
background:  no-repeat center;
}
.qbt-footer .qbt-footer-bot .qq {
background:  no-repeat center;
}
.qbt-footer .footer-box {
position: relative;
}
.qbt-footer .footer-but {
width: 56px;
height: 56px;
border: 1px solid #3e3e3e;
border-radius: 50%;
overflow: hidden;
position: fixed;
right: 5%;
bottom: 5%;
}
.qbt-footer .footer-but a {
width: 100%;
height: 100%;
display: block;
}
/*tilte*/
.qbt-title {
text-align: center;
padding-top: 66px;
}
.qbt-title h2 {
font-size: 48px;
color: #000;
line-height: 60px;
font-weight: bolder;
}
.qbt-title h2 span {
color: #2d4c9c;
}
.qbt-title p {
font-size: 20px;
color: #999;
line-height: 30px;
text-transform: uppercase;
}
/*end tilte*/
/*tilte end*/
/**/
.pic-heid {
display: none;
}
/**/
/**/
.case-xiala {
text-align: center;
display: none;
}
.case-xiala select {
border: none;
font-size: 14px;
}
/**/
/*手机版导航*/
/*底部导航*/
.social_nav5 {
display: none;
height: 50px;
background: #777;
line-height: 50px;
position: fixed;
bottom: 0;
max-width: 640px;
min-width: 320px;
width: 100%;
z-index: 999;
}
.social_nav5 ul li {
float: left;
width: 20%;
position: relative;
border-right: 1px solid #555;
}
.social_nav5 ul li.cur {
background: #f08300;
}
.social_nav5 ul li a {
color: #fff;
display: block;
font-size: 12px;
text-align: center;
}
.social_nav5 .erji {
position: absolute;
bottom: 50px;
left: -20px;
background: #f3f3f3;
padding: 0 8%;
width: 100px;
border: 1px solid #e4e4e4;
display: none;
}
.social_nav5 .erji a {
display: block;
height: 3em;
line-height: 3em;
font-size: 12px;
text-shadow: none;
color: #7d7d7d;
border-bottom: 1px solid #e4e4e4;
}
.social_nav5:before {
position: absolute;
content: "";
top: 25%;
right: 5.5%;
width: 0;
height;
0;
border-bottom: 0.5em solid #fff;
border-right: 0.5em solid transparent;
border-left: 0.5em solid transparent
}
.social_nav5 .span1 span {
color: #fff;
line-height: 1em;
font-size: 12px;
line-height: 1em;
display: block;
}
.social_nav5 .span1 {
display: block;
width: 13%;
text-align: center;
position: absolute;
top: 0;
right: 0%;
height: 20px;
padding-top: 30px;
}
.online{ text-align: center; margin-bottom:20px;}
.onlineindex{
background: #c01920;
color:#fff;
display:  inline-block;
padding:10px 50px;
font-size: 16px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
behavior: 
}
.onlineindex:hover{ background: #f93240;}
@media (max-width: 1050px) {
.qbt-header-top .qbt-logo a{
/*width: 200px;*/
}
.logo-brand{
display: none;
}
}
@media (max-width: 767px) {
.social_nav5 {
display: block;
}
}
/*20171219 新增*/
/*增加下拉*/
.has-dropdown{
position: relative;
}
.has-dropdown .subnav {
display: none;
position: absolute;
top: 100%;
left: -10px;
z-index: 1000;
min-width: 170px;
font-size: 14px;
list-style: none;
background: rgba(255, 255, 255, .9);
-webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, .175);
box-shadow: 0 6px 12px rgba(255, 255, 255, .175);
}
.has-dropdown:hover .subnav {
display: block;
}
.qbt-header-nav ul.subnav li{
display: block;
float: none;
margin-right: 0;
padding: 0 19px;
}
/*底部广告*/
.mask {
position: fixed;
bottom: 0;
left:100%;
width: 100%;
height: 128px;
background:   no-repeat scroll center;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.90;
z-index: 1001;
}
.closeee{
background:   no-repeat center center;
}
.mask .gotocenter {
display: block;
width: 1000px;
height: 140px;
margin: 0 auto;
}
.mask .closeee {
position: absolute;
top: 30px;
right: 40px;
margin-left: 0px;
width: 40px;
height: 100%;
cursor: pointer;
}
.clickarea{
position: absolute;
top: 0;
right: 200px;
margin-left: 0px;
width: 100%;
height: 100%;
cursor: pointer;
}
.thumbnail {
position: fixed;
right: 0px;
bottom: 0px;
width: 184px;
height: 124px;
cursor: pointer;
/*display: none;*/
}
.fotpic {
border:0; background-color:inherit;
}
@-webkit-keyframes rotate {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
.new_list{margin-top:30px;}
.ly-new h3{font-size:14px; font-weight:700; line-height:20px; padding:10px 0;}
.ly-new p{color:#666}
.ly-new span{color:#999}
.ly-pic-img{height:200px; width:100%; border:1px solid #f7f7f7;}
.ly-pic-img img{
width:100%;
height: 100%;
/*object-position: calc(100% - 20px) calc(100% - 10px);*/
object-position: 50% 50%;
object-fit: contain;
}

  /*a{color:darkgreen}*/
  .hovertreecontent{width:1200px;text-indent:2em;margin:5px auto;height:200px;overflow:hidden;position:relative;border:0px solid silver;}
  .hewenqitoggle{height:20px;background-color:#f0f0f0;border-top:1px solid silver;position:absolute;bottom:0px;width:100%; display:none;}
  .triangle-down-hovertree { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #999;position:absolute;right:0px;left:0px;margin:0px auto; top:2px;cursor:pointer;}
  .triangle-up-hovertree { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #999; position:absolute;right:0px;left:0px;margin:0px auto;top:2px; }

.hovertreecontent0{width:1200px;text-indent:2em;margin:5px auto;height:200px;overflow:hidden;position:relative;border:0px solid silver;}
  .hewenqitoggle0{height:20px;background-color:#f0f0f0;border-top:1px solid silver;position:absolute;bottom:0px;width:100%; display:none;}
  .triangle-down-hovertree0{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #999;position:absolute;right:0px;left:0px;margin:0px auto; top:2px;cursor:pointer;}
  .triangle-up-hovertree0 { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #999; position:absolute;right:0px;left:0px;margin:0px auto;top:2px; }



  .other-part {padding-top: 20px;box-sizing: border-box;width: 100%;position: relative;}
  .container {width: 1200px!important;margin: 0 auto;position: relative;}
  .other-part .part-title {width: 100%;height: 50px;}
  

  .index-title .tit {
    font-size: 32px;
    color: #333;    
    position: relative;
  }
  .other-part .down_box {
    height: auto;
    display: flex;
    align-items: flex-end;
    margin-bottom: 50px;
  }
  .other-part .ohter-list {
    margin-top: 10px;
    justify-content: flex-start;
    width: 96%;
    float: left;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    /* height: 124px; */
    overflow: hidden;
  }
  .other-part .ohter-list a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #555555;
    margin-right: 34px;
  }