@charset "utf-8";
/* initialization ver.qcw */

.lt,.left {float:left;}
.rt,.right {float:right;}
.clr,.clear {clear:both;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;display: flex;justify-content: center;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.h10 {height: 10px;}
.h20 {height: 20px;}
.Center {width: 1000px;margin: 0 auto;}
.Title {width: 100%;height: 45px;margin: 0 auto;}
a {text-decoration:none !important;}
a:hover {text-decoration:none;}
a:link {text-decoration:none;}
h2,h3,h4,h5,h6,li {
  display:block;
}
p {
  display:block;
  overflow:hidden;
}



/* nav */
.nav {    width: 1120px;
    height: 58px;
    margin: 0 auto;}
.nav li {width: 152px;height: 58px;float: left;margin: 0 5px;cursor: pointer;}
.nav li:hover {opacity: 0.9;transform: scale(0.9,0.9);transition: all .3s cubic-bezier(.55,0,.1,1);}
.nav_1 {background: url("xs_nav1.png") center center no-repeat;width: 182px !important;margin-left: -31px !important;}
.nav_2 {background: url("xs_nav2.png") center center no-repeat;}
.nav_3 {background: url("xs_nav3.png") center center no-repeat;}
.nav_4 {background: url("xs_nav4.png") center center no-repeat;}
.nav_5 {background: url("xs_nav5.png") center center no-repeat;}
.nav_7 {background: url("xs_nav7.png") center center no-repeat;}
.nav_6 {background: url("xs_nav6.png") center center no-repeat;margin: 0 !important;}
/* html */



.part1{height:1083px;background:url(part1_bg.jpg) center top no-repeat;overflow: hidden;}
.th2 {width: 100%;height: 745px;background:url(step.jpg) center top no-repeat;}



#qnfc {width: 100%;background:url(blue.jpg) center top no-repeat;height:1027px;overflow: hidden;}
.title_qnfc {width: 465px;height: 155px;margin: 45px auto;background: url("t6.png") center center no-repeat;}
.title_qnfc_bg {width: 1143px;height: 11px;margin: 0 auto;background: url("xs_b1.png") center center no-repeat;}


.qnfc_tit {width: 1000px;height: 93px;margin: 0 auto;overflow: hidden;display: none;}
.qnfc_tit div {opacity: 0.7;width: 317px;height: 93px;float: left;margin: 0 4px;overflow: hidden;}
.qnfc_o {background: url("o1.png") center center no-repeat;}
.qnfc_u {background: url("u1.png") center center no-repeat;}
.qnfc_i {background: url("i1.png") center center no-repeat;}
.qnfc_lv {background: url("lv.png") center center no-repeat;}


.qnfc_main {width: 100%;height: 710px;overflow: hidden;}
.qnfc_main>li {overflow: visible;display: none;width: 1000px;height: 710px;margin: 0 auto;}

.qns {float: left;width: 178px;height: 385px;overflow: hidden;margin: 0 11px;}
.qns h3 {height: 84px;line-height: 27px;opacity: 0.8;font-size: 15px;padding: 30px 10px 0;text-align: center;color: #fff;display: block;background: url("xs_w1.jpg") center center no-repeat;}
.qns_img {width: 240px;height: 368px;overflow: hidden;margin: 0 auto;}
.qns img {width: 240px;height: 368px;display: block;}
.qns:hover h3 {opacity: 1;transition: all .3s cubic-bezier(.55,0,.1,1);}
.qns:hover img {transform: scale(1.1,1.1);transition: all .3s cubic-bezier(.55,0,.1,1);}

.hqn {float: left;width: 324px;height: 237px;overflow: hidden;margin: 0 4.5px 20px;}
.hqn_img {width: 320px;height: 180px;margin-bottom: 5px;padding: 2px;overflow: hidden;border-radius: 17px;-webkit-border-radius: 17px;}
.hqn img {width: 320px;height: 180px;display: block;border-radius: 17px;-webkit-border-radius: 17px;}
.hqn_h3 {width: 320px;height: 44px;background: #fff;padding: 2px;}
.hqn h3 {width: 320px;height: 44px;background: #fff;display: block;line-height: 44px;font-size: 16px;color: #2b2b2b;text-align: center;}
.hqn:hover .hqn_img {background: url("xs_qn1.png") center center no-repeat;transition: all .3s cubic-bezier(.55,0,.1,1);}
.hqn:hover h3 {color: #c83858;transition: all .3s cubic-bezier(.55,0,.1,1);}
.hqn:hover .hqn_h3 {background: url("xs_qn2.png") center center no-repeat;transition: all .3s cubic-bezier(.55,0,.1,1);}
/*.hqn:hover img {transform: scale(1.1,1.1);transition: all .3s cubic-bezier(.55,0,.1,1);}*/



.xs_more {width: 189px;height: 64px;margin: 0 auto;background: url("xs_more.png") center center no-repeat;}
.xs_more:hover {opacity: 0.9;transform: scale(0.9,0.9);transition: all .3s cubic-bezier(.55,0,.1,1);}



.hg {width: 1360px;margin: 0 auto;}

@media screen and (max-width:980px ) {
  .hg {width: 700px;}
  .nav {padding: 0;}
}