html{height: 100%;margin:0;}
body{width: 100%;height: 100%;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";margin:0;font-size:14px;color:#666;background:#fff;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input{margin:0;padding:0;font-weight: normal;font-size:14px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
table{width:auto;border-collapse: collapse;border-spacing: 0;}
li{list-style: none;vertical-align: bottom;}
em,i{font-style: normal;}
a{outline: none;text-decoration:none;transition: color .3s,opacity .3s,transform .3s;-webkit-transition: color .3s,opacity .3s,transform .3s;color:#525252;}
a:hover{outline: none;/*text-decoration: underline;*/}
img{border: 0;}
input:focus{outline:none;}
#top{position:fixed;height:192px;top:0;left:0;width:100%;z-index:100;}
#top1{height:40px;width:100%;background:#f8f5f2;}
#top1_main{width:1200px;margin:0px auto;clear:both;overflow:hidden;line-height:40px;}

#top2{height:100px;width:100%;background:#fff;border-bottom:#ececec solid 1px;box-sizing:border-box;}
#top2_main{width:1200px;margin:0px auto;clear:both;}
#top2_left{width:425px;height:100px;float:left;line-height:100px;}
#top2_left a{display:block;height:100px;line-height:100px;}
#top2_left a img{display:inline-block;line-height:100px;vertical-align: middle;}
#top2_right{width:700px;float:right;text-align:right;line-height:100px;height:100px;}
#top2_right span{text-align:right;line-height:100px;height:100px;display:inline-block;margin-left:50px;}
#top2_right span img{display:inline-block;line-height:100px;vertical-align: middle;}
#top2_rightmob{display:none;}
#mob_menu{height:45px;overflow:hidden;background:#122a88;text-align:center;}
#mob_menu span{line-height:45px;display:inline-block;background:url("../images/top_tel.png")/*tpa=http://www.qdklh.com/images/top_tel.png*/ no-repeat left center;color:#fff;font-size:18px;/*font-family:Arial;*/padding-left:28px;}
#menu{height:52px;width:100%;display:block;position: relative;background:#00a2ea;}
#menu_main{height:52px;width:1200px;margin:0px auto;}
/*#menu:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:#242859;transform: skew(-30deg)}*/
#nav{height:52px;width:100%;display:block;background:url("../images/menu_jg.png")/*tpa=http://www.qdklh.com/images/menu_jg.png*/ no-repeat left top;}
#nav li{height:52px;float:left;line-height:52px;position:relative;width:150px;background:url("../images/menu_jg.png")/*tpa=http://www.qdklh.com/images/menu_jg.png*/ no-repeat right top;}
#nav li a {display:block;}
a.menu1_nav{color:#fff;text-align:center;height:52px;line-height:52px;display:inline-block;font-size:15px;position: relative;background: transparent;transition:all 400ms ease-in-out;}
/*a.menu1_nav:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;transform: skew(-30deg);transition:all 400ms ease-in-out;}*/
/*a.menu1_nav{color:#fff;text-align:center;height:52px;line-height:52px;display:inline-block;font-size:15px;position: relative;background: transparent;transform: skew(-30deg);transition:all 400ms ease-in-out;}*/
/*a.menu1_nav:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;transform: skew(-30deg);}*/
a.menu1_nav:hover{text-decoration:none;background:#0f5094;}
/*a.menu1_nav:hover:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;transform: skew(-30deg);background:#ff7e00;}*/
a.menu1_navdq{color:#fff;text-align:center;height:52px;line-height:52px;display:inline-block;font-size:15px;position: relative;background:#0f5094;}
/*a.menu1_navdq:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;transform: skew(-30deg);background:#ff7e00;}*/
a.menu1_navdq:hover{text-decoration:none;}
#nav li ul {
  display: none;
  /*display: block;
  visibility:hidden;*/
  position: absolute;
  top:52px;
  left:0px;
  width:185px;
  background:#0f5094;
  z-index:999;
  /*transform:scale(1,0.1); */
  /*opacity:0;
  filter:alpha(opacity=0);
  transition:all 1200ms ease-in-out;*/
  }
#nav li:hover ul {
  display: block;
  /*opacity:1;
  filter:alpha(opacity=100);
  visibility: visible;*/
  /*transform:scale(1,1); */
  }
#nav li ul li {
  float: none;
  border-bottom:#0954a2 solid 1px;
  height:50px;
  text-align:left;
  width:185px;
  background:none;
  }
#nav li ul li:last-child {
  border-bottom:#0954a2 solid 0px;
  }
#nav li ul li a {
  display: block;
  color:#fff;
  font-size:14px;
  background:url("../images/icon4.gif") no-repeat 20px center;
  padding:0px 15px 0px 35px;
  line-height:50px;
  /*float: left;*/
  height:50px;
  transition:all 200ms ease-in-out;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  color: #fff;
  text-decoration:none;
  background:#246bb4 url("../images/icon4.gif")/*tpa=http://www.qdklh.com/images/icon4.gif*/ no-repeat 26px center;
  }
.bottom-inOutSpread:before,.bottom-inOutSpread:after,.bottom-inOutSpread>.ui-border-element:before,.bottom-inOutSpread>.ui-border-element:after {
    content:'';
    position:absolute
}
.bottom-inOutSpread:after {
    border-bottom:1px solid #ff6537;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:600ms;
    -moz-transition-duration:600ms;
    -o-transition-duration:600ms;
    transition-duration:600ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.bottom-inOutSpread:hover:after {
    left:0%;
    right:0%
}
.bottom-inOutSpread:not(:hover):after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}

#main{margin:168px 0px 0px 0px;}


#foot{margin:60px 0 0 0;}
#bom1{background:#373b3c;padding:40px 0px 40px 0px;}
#bom1_main{clear:both;overflow:hidden;width:1200px;margin:0px auto;}
#bom1_left{float:left;width:100%;color:#aeafb0;background:url("../images/bom_bg1.png") repeat-y right;}
#bom1_right{float:right;width:395px;color:#aeafb0; text-align:right;}
#bom1_menu {height:45px; border-bottom:#4d5051 solid 1px;color:#fff;line-height:24px;margin-bottom:20px;width:690px;}
#bom1_menu a{color:#fff}
#bom1_menu a:hover{color:#256bb3}
#bom1_menu span{color:#fff;display:inline-block;margin:0px 12px;}
#bom1_menu span:last-of-type{display:none;}
#bom1_left_con{line-height:32px;}
#bom1_left_con a{color:#aeafb0;}
#bom1_list{float:right;width:395px;color:#aeafb0; text-align:right;padding-top:10px;}
#bom1_list li{float:right;width:150px;text-align:center;margin-left:30px;}
#bom1_list li p{margin-bottom:10px;}
#bom2{background:#232524;padding:20px 0px 20px 0px;}


#link_main{clear:both;overflow:hidden;width:1200px;margin:0px auto;}
#link_left{float:left;width:80px;color:#666; font-weight:bold;line-height:22px;padding-left:20px;}
#link_right{float:right;width:1100px;color:#666;line-height:22px;}
#link_right a{display:inline-block;color:#666;margin:0px 10px 0px 0px;}
#link_right a:hover{color:#aaa;}
#link_right span{display:inline-block; }




/*main css*/
.main-im{position:fixed;right:10px;top:200px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url("../images/qq-icon-bg.png")/*tpa=http://www.qdklh.com/images/qq-icon-bg.png*/ no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:55px;border-bottom:1px solid #dddddd;padding-top:10px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:14px;margin-top:3px;}
.main-im .im_main .im-tel .tel-num{/*font-family:Arial;*/font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url("../images/weixing-icon.png")/*tpa=http://www.qdklh.com/images/weixing-icon.png*/ no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url("../images/totop-icon.png")/*tpa=http://www.qdklh.com/images/totop-icon.png*/ no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url("../images/close_im.png")/*tpa=http://www.qdklh.com/images/close_im.png*/ no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url("../images/open_im.png")/*tpa=http://www.qdklh.com/images/open_im.png*/ no-repeat left top;}


.side{position:fixed;width:78px;right:0;bottom:0;/*margin-top:-200px;*/z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#ff7e00;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url("../images/right_pic5.png")/*tpa=http://www.qdklh.com/images/right_pic5.png*/}
.side ul li i.bgs2{background-image:url("../images/right_pic7.png")/*tpa=http://www.qdklh.com/images/right_pic7.png*/}
.side ul li i.bgs3{background-image:url("../images/right_pic2.png")/*tpa=http://www.qdklh.com/images/right_pic2.png*/}
.side ul li i.bgs4{background-image:url("../images/right_pic1.png")/*tpa=http://www.qdklh.com/images/right_pic1.png*/}
.side ul li i.bgs5{background-image:url("../images/right_pic3.png")/*tpa=http://www.qdklh.com/images/right_pic3.png*/}
.side ul li i.bgs6{background-image:url("../images/right_pic6_on.png")/*tpa=http://www.qdklh.com/images/right_pic6_on.png*/}
.side ul li:hover i.bgs1{background-image:url("../images/right_pic5_on.png")/*tpa=http://www.qdklh.com/images/right_pic5_on.png*/}
.side ul li:hover i.bgs2{background-image:url("../images/right_pic7_on.png")/*tpa=http://www.qdklh.com/images/right_pic7_on.png*/}
.side ul li:hover i.bgs3{background-image:url("../images/right_pic2_on.png")/*tpa=http://www.qdklh.com/images/right_pic2_on.png*/}
.side ul li:hover i.bgs4{background-image:url("../images/right_pic1_on.png")/*tpa=http://www.qdklh.com/images/right_pic1_on.png*/}
.side ul li:hover i.bgs5{background-image:url("../images/right_pic3_on.png")/*tpa=http://www.qdklh.com/images/right_pic3_on.png*/}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#ff7e00;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{text-align:left;width:210px;height:118.5px;display:none;color:#fff;/*padding-top:235px;*/position:absolute;left:-240px;top:0;background:#ff7e00;font-size:18px;padding-left:30px;}
.side ul li.sideewm .ewBox.son span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url("../images/right_pic8.png")/*tpa=http://www.qdklh.com/images/right_pic8.png*/ 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url("../images/right_pic9.png")/*tpa=http://www.qdklh.com/images/right_pic9.png*/ 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



#floatingbar,#minibar{
 border:1px solid #F1F1F1;
 height:50px;
}

#floatingbar ul, #minibar ul{
 list-style-type:none;
 margin-top:-3px;
 margin-left:-37px;
 
}

#floatingbar ul li,#minibar ul li{
 float:left;
 padding:10px;

}

#floatingbar ul li a,#minibar ul li a{
 text-decoration:none;

}

#minibar { display:none;}


@media (max-width: 769px) {
body{width: 100%;height: 100%;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";margin:0;font-size:0.24rem;color:#666;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input{margin:0;padding:0;font-weight: normal;font-size:0.24rem;}
#top{position:fixed;height:2.06rem;top:0;left:0;width:100%;z-index:100;background:#fff;border-bottom:#e7e7e7 solid 1px;}
#top1{height:0.56rem;width:100%;background:#f8f5f2;}
#top1_main{width:calc(100% - 0.4rem);margin:0px auto;clear:both;overflow:hidden;line-height:0.56rem;padding:0 0.2rem;}
#top2{height:1.5rem;width:100%;background:#fff;border-bottom:#ececec solid 0px;box-sizing:border-box;}
#top2_main{width:calc(100% - 0.4rem);margin:0px auto;clear:both;padding:0 0.2rem;}
#top2_left{width:100%;height:1.5rem;float:none;line-height:1.5rem;}
#top2_left a{display:block;height:1.5rem;line-height:1.5rem;}
#top2_left a img{display:inline-block;line-height:1.5rem;vertical-align:middle;height:60%;width:auto;}
#top2_right{display:none;}
#top2_rightmob{display:block;}
#menu{display:none;}		
.side{display:none;}
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  
}
.nav__list {
  margin: 0;
  /*padding: 0.3rem 0rem;*/
  background-color: #246bb4;
}
.nav__list li{
  list-style-type: none;
  text-align: left;
  padding: 0rem 0.4rem;
  border-bottom:#0f5094 solid 1px;
}
.nav__list li a {
  font-size: 0.32rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  display:block;
  text-align:left;
  padding:0.35rem 0rem;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 0.6rem;
  height: 0.3rem;
  right: 0.25rem;
  top: 1.06rem;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 0.6rem;
  height:2px;
  background-color: #000;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 0.6rem;
  height:2px;
  position: absolute;
  background: #000000;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -0.2rem;
}
.nav__icon:after {
  margin-top: 0.2rem;
}
/**
* Style #1
*/
.nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
}
.nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.nav--active .nav__link {
  opacity: 1;
}
.nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#foot{margin:0.3rem 0 0 0;}
#bom1{background:#373b3c;padding:0.3rem 0 0.3rem 0;}
#bom1_main{clear:both;overflow:hidden;width:calc(100% - 0.4rem);margin:0px auto;padding:0 0.2rem;}
#bom1_left{float:none;width:100%;color:#aeafb0;background:none;}
#bom1_right{float:none;width:100%;color:#aeafb0; text-align:right;margin:0.3rem 0 0 0;}
#bom1_menu {height:0.75rem; border-bottom:#4d5051 solid 1px;color:#fff;line-height:2;margin-bottom:0.3rem;width:100%;display:none;}
#bom1_menu a{color:#fff}
#bom1_menu a:hover{color:#256bb3}
#bom1_menu span{color:#fff;display:inline-block;margin:0 0.25rem;}
#bom1_left_con{line-height:2;}
#bom1_left_con a{color:#aeafb0;}
#bom1_list{float:none;width:100%;color:#aeafb0; text-align:right;padding-top:0.2rem;}
#bom1_list li{float:right;width:45%;text-align:center;margin-left:0;margin-right:4%;}
#bom1_list li p{margin-bottom:10px;}
#bom2{background:#232524;padding:0;}


#link_main{clear:both;overflow:hidden;width:calc(100% - 0.4rem);margin:0px auto;padding:0 0.2rem;}
#link_left{float:left;width:auto;color:#666; font-weight:bold;line-height:1.5rem;background:url("../images/link_icon1.png")/*tpa=http://www.qdklh.com/images/link_icon1.png*/ no-repeat left center;padding-left:0.3rem;}
#link_right{float:left;width:auto;color:#666;line-height:1.5rem;/*margin-left:2.1rem;*/}
#link_right a{display:inline-block;color:#666;margin:0 0.15rem 0 0;}
#link_right a:hover{color:#aaa;}
#link_right span{display:inline-block; }
}