@charset "UTF-8";
/*-----default model-----*/
body{
   background:#fff !important; 
}
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 

a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
	p{font-size: 18px !important;}
	.copyright{font-size: 12px !important;}
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.nomr{margin-right: 0 !important;}

/*banner*/
.banner-box{width: 100%;height:686px;position: relative;background: url(/uploads/qytbimg/banner_bg.jpg) no-repeat top / 100%;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: 40px; width: 170px;}
.banner-box a img{width: 100%;}

/*公共title*/
.section{padding-top: 90px;    background: #fff;}
.title{ padding-top: 20px; padding-bottom: 60px; }
.title h2{font-size: 55px; color: #000000; padding-bottom: 10px;}
.title p{
        text-transform: uppercase;
    color: #b0b0b0;
    padding: 15px;
    font-size: 16px !important;
}
.title2{}
.title2 h2{ color: #fff;}

/*sec01*/
.sec01 .title{padding-bottom: 20px;}
.sec01-main{position: relative;}
.sec01-i01{position: absolute; top: 20px;left: 150px;margin-top: 30px;}
.sec01-i02{position: absolute; top: 159px; left: 30px;}
.sec01-i03{position: absolute; top: 290px; left: 140px;}
.sec01-i04{position: absolute; top: 20px; right: 150px ;left: auto;}
.sec01-i05{position: absolute; top: 159px; right: 30px; left: auto;}
.sec01-i06{position: absolute; top: 290px; right: 140px; left: auto;}
.sec01-i01 .showAfter{display: none; position: absolute; top:-25px; left: 60px; width: 354px; height: 112px ;background: url(/uploads/qytbimg/sec01_pbg.png) no-repeat top;}
.sec01-i01:hover .showAfter{display: block;}
.sec01-i01:hover .showBefore img{animation: none;}
.sec01-p{    color: #ffffff;
    background: #fecc51;
    height: 54px;
    line-height: 54px;
    font-size: 18px !important;
    margin-top: 20px;
    border-radius: 5px;}
.showAfter p{text-align: left; padding-left: 34px; padding-top: 15px; padding-right: 15px; color: #3b3b3b; font-size: 15px !important;line-height: normal;}
.sec01-i02 .showAfter p{padding-top: 20px;}
.sec01-i03 .showAfter p{padding-top: .08rem;}
.showBefore p{color: #616161; padding-top: 10px;}
.sec01-i01 .showBefore img{animation: 1.5s scale1 ease-in-out infinite;}
.sec01-i02 .showBefore img{animation: 1.5s scale2 ease-in-out infinite;}
.sec01-i03 .showBefore img{animation: 1.5s scale1 ease-in-out infinite;}
.sec01-i04 .showBefore img{animation: 1.5s scale2 ease-in-out infinite;}
.sec01-i05 .showBefore img{animation: 1.5s scale1 ease-in-out infinite;}
.sec01-i06 .showBefore img{animation: 1.5s scale2 ease-in-out infinite;}
@keyframes scale1{
	0%{transform: scale(1);}
	50%{transform: scale(.85);}
	100%{transform: scale(1);}
}
@keyframes scale2{
	0%{transform: scale(.85);}
	50%{transform: scale(1);}
	100%{transform: scale(.85);}
}

/*sec02*/
.sec02 .title{padding-bottom: 50px;}
.publicUl li{    display: inline-block;
    vertical-align: top;
    width: 29%;
    margin-right: 6%;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    box-sizing: border-box;
    padding-bottom: 20px;
    background: #f5f5f5;
}
.publicUl li img{margin-top: 40px; margin-bottom: 30px; width: 100%;}
.publicUl li h3{    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background: url(/uploads/qytbimg/sec02_imgbg.png) no-repeat top;
    /* width: 148px; */
    height: 48px;
    padding-top: 12px;
    background-size: contain;}
/*.publicUl li i{width: 100%; height: 15px; background: #525bb4; border-radius: 50px; display: inline-block; margin-top: -.14rem; position: relative; z-index: 0;}*/
.publicUl li p{    color: #000;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;
    font-size: 15px !important;
    padding-bottom: 10px;}
.sec02 a{height: 68px; line-height: 68px; width: 374px; font-size: 24px; color: #fff; border-radius: 14px; display: inline-block; margin-top: 50px; /*box-shadow: 0 6px 11px #f24c3963;*/
background:#fecc51; /* 标准的语法 */
}

/*sec03*/
.sec03{background: url(/uploads/qytbimg/sec03_bg1.jpg) no-repeat top / 100% 100%; padding-top: 80px; padding-bottom: 60px;margin-top: 80px;}
.sec03 ul li{width: 60%; margin-bottom: 40px;    float: right;}
.sec03 ul li h3{font-size: 30px;
    color: #fff;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    border-radius: 10px 10px 10px 0;
    width: 255px;
    position: relative;
    z-index: 2;
    background: #3c90ce;
    background: -webkit-linear-gradient(right, #68aee0, #066bb6);
    background: -o-linear-gradient(right, #68aee0, #066bb6);
    background: -moz-linear-gradient(right, #68aee0, #066bb6);
    background: linear-gradient(to right, #68aee0, #066bb6);
}
.sec03 ul li p{ color: #fff;
    line-height: 30px;
    text-align: justify;
    background: #f1a31d;
    border-radius: 10px;
    padding: 65px 45px 36px 45px;
    margin-top: -35px;
    font-size: 14px !important;}

/*sec04*/
.sec04 .title{padding-bottom: 30px;}
.sec04-tips{font-size: 25px !important;
    color: #616161;
    margin-bottom: 70px;}
.sec04-item{display: inline-block; vertical-align: top; width: 30%; height: 530px; margin-right: 4%; background: url(/uploads/qytbimg/sec04_tbg.png) no-repeat top;/*box-shadow: 0 0 20px #cf9a7a65; border-radius: 10px;*/}
.sec04-item h3{font-size: 26px; line-height: 70px; height: 85px; font-weight: bold; color: #fff; /*background: url(../images/sec04_tbg.png) no-repeat top;*/ margin-bottom: 20px;}
.sec04-item ul li{margin-top: 15px; position: relative;}
.sec04-item ul li p{display: none; font-size: 15px !important; line-height: 26px; color: #1f0000; background: url(/uploads/qytbimg/sec04_sbg.png) no-repeat top / 100% 100%; position: absolute; top: 55px; left: 46px; width: 270px; padding-top: 20px; padding-bottom: 10px; z-index: 9;} 
.sec04-item ul li.dfbg p{ background: url(/uploads/qytbimg/sec05_sbg.png) no-repeat top / 100% 100%; position: absolute; top: -160px;     left: 46px; padding-bottom: 20px; padding-top: 10px;} 
.sec04-item ul li h4{font-size: 20px; cursor: pointer; color: #fff; /*border: 1px solid #ae704c;*/ height: 54px; line-height: 54px; width: 64%; display: inline-block; background: url(/uploads/qytbimg/sec04bgtip.png) no-repeat top;}
.sec04-item ul li:hover p{display: block;}
.sec04 span{font-size:15px; color: #1f0000; text-align: right; display: block; padding: 30px 20px 0 0; }
.sec04 a{height: 68px; line-height: 68px; width: 374px; font-size: 24px; color: #fff; border-radius: 14px; display: inline-block; margin-top: 50px; /*box-shadow: 0 6px 11px #f24c3963;*/
background: #fecc51; /* 标准的语法 */
}
.mt40{margin-top: 40px !important;}


/*sec05*/
.sec05-jt1{position: absolute; left: 126px; top: 2.07rem; animation: move1 1.5s infinite ease-in-out;}
.sec05-jt2{position: absolute; left: 1.08rem; top: 4.58rem; animation: move2 1.5s infinite ease-in-out;}
.sec05-form{background: url(/uploads/qytbimg/sec03_bg.jpg) no-repeat top / 100% 100%; margin-top: 50px; padding: 80px 0;    text-align: center;}
.sec05-form h2{
        font-size: 55px;
    color: #fff;
    padding-bottom: 9px;
}
.sec05-form p{    text-transform: uppercase;
    color: #f5f5f5e8;

    padding: 15px;
    font-size: 16px !important;}
.form1-item{width: 30%; height: 50px; background: #fff url(/uploads/qytbimg/sec05-f01.png) no-repeat center left 20px; border-radius: 10px; font-size: 18px; color: #444444; padding-left: 50px; box-sizing: border-box; margin:0 10px;}
.form1-item2{ background: #fff url(/uploads/qytbimg/sec05-f02.png) no-repeat center left 20px;}
.form1-item3{ background: #fff url(/uploads/qytbimg/sec05-f03.png) no-repeat center left 20px;}
.sec05 .form1-btn{display: block;height: 50px; line-height: 50px; width: 272px ;font-size: 24px; color: #fff; border-radius: 14px; display: inline-block; margin-top: 50px; box-shadow: 0 6px 11px #f24c3963; border: none; cursor: pointer;
background: #fecc51; /* 标准的语法 */
}

@keyframes move1{
	0%{left: 1.16rem;}
	100%{left: 126px;}
}
@keyframes move2{
	0%{left: 1.08rem;}
	100%{left: .98rem;}
}

/*sec06*/
.sec06 .title{padding-bottom: 70px;}
.sec06 ul li p{height: 90px;}
.sec06-bottom{background: #f7f7f7; padding: 34px 26px; box-sizing: border-box; margin-top: 36px;}
.sec06-bottom h3{margin-bottom: 15px;}
.sec06-bottom h3 span{font-size: .28rem; color: #616161; padding: 0 20px; vertical-align: middle;}
.sec06-bottom h3 img{width: 37%;}
.sec06-bottom ul li{display: inline-block; margin: .14rem;}
.sec06-main .publicUl li{
    
}
/*sec07*/
.sec07-ul01{margin-bottom: .46rem;}
.sec07-ul01 li{display: inline-block; vertical-align: top; margin: 0 5%; width: 40%;background: url(/uploads/qytbimg/sec07_t2bg.png) no-repeat left;    background-size: cover;}
.sec07-ul01 li:first-child{
    background: url(/uploads/qytbimg/sec07_t1bg.png) no-repeat left;    background-size: cover;
}
.sec07-ul01 li h3{font-size: 25px;
    /* color: #7d4325; */
    font-weight: bold;
    height: 68px;
    padding-top: 55px;
    box-sizing: border-box;
    text-align: left;
    padding-left: 38px;}
.sec07-ul01 li p{      color: #616161;
    line-height: 30px;
    height: 260px;
    /* height: 440px; */
    padding: 40px;
    padding-bottom: 100px;
    box-sizing: border-box;
    text-align: justify;
    margin-top: -10px;
    font-size: 14px !important;}
.sec07-ul02{ padding: 30px 0;}
.sec07-ul02 li{display: inline-block;     margin: 0 3%; background: url(/uploads/qytbimg/sec07_img03.png) no-repeat left;        background-size: 100% 100%;       padding: 40px 45px;}
.sec07-ul02 li:first-child{
    background: url(/uploads/qytbimg/sec07_img01.png) no-repeat left;         background-size: 100% 100%;
    padding: 40px 90px 40px 20px;
}
.sec07-ul02 li:nth-child(2){
    background: url(/uploads/qytbimg/sec07_img02.png) no-repeat left;     background-size: cover !important;
}
.sec07-ul02 li div{display: inline-block; vertical-align: middle;    margin-left: 20px;}
.sec07-ul02 li div h3{font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 5px; text-align: left;}
.sec07-ul02 li div p{color: #fff; line-height: 30px; text-align: left;}

/*sec08*/
.sec08{background: url(/uploads/qytbimg/sec03_bg.jpg) no-repeat top / 100% 100%; margin-top: 80px; padding-bottom: 70px; text-align: center;}
.sec08-main{    width: 1165px;
    margin: 0 auto;
    line-height: 230px;}
.sec08-main img{width: 183px; display: inline-block;}
.sec08-img01{ }
.sec08-img11{ }
.sec08-img03{}
.sec08-img05{}
.sec08-img07{ }
.sec08-img09{}
.sec08-main p{    font-size: 14px !important;
    color: #fff;
    margin-top: 50px;
    line-height: normal;}
.sec08-title h2{
    color: #fff;
}
.sec08-title p{
    color: #f5f5f5e8;
}

/*sec09*/
.sec09-main{/*padding: 0 130px;*/}
.sec09-main .prev,.sec09-main .next{
        position: absolute;
    left: 0;
    top: 60%;
    margin-top: -25px;
    display: block;
    width: 43px;
    height: 72px;
    background: url(/uploads/qytbimg/slider-arrow.png) no-repeat;
    filter: alpha(opacity=50);
    /* opacity: 0.5; */
    z-index: 9999999;
}
.sec09-main .prev
{
    transform:rotateY(180deg);
}
.sec09-main .next{
        left: auto;
       right: 51%;
    background-position:0;
}
.slideBox{float: left;
    background: url(/uploads/qytbimg/sec09_mbg.jpg) no-repeat;
    background-size: cover;
    /* display: inline-block; */
    width: 638px;
    height: 405px;
    /* margin-right: 66px;*/}
.sec09-right{display: inline-block;     width: 370px; text-align: left;margin-top: 40px;}
.sec09-right>h3{
    font-size: 35px;
    color: #4b8bc2;
    padding: 18px 0;
}
.sec09-right>p{
        font-size: 16px !important;
    line-height: 22px;
}
.sec09-right ul{
    margin-top: 40px;
}
.sec09-right ul li{float:left;
    width: 185px;
}
.sec09-right ul li h3{
       font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 0 50px 50px 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 14px;
    background: url(/uploads/qytbimg/sec09_mrbg.png) no-repeat;
    background-size: cover;
}
.sec09-right ul li p{    color: #000;
    padding-top: 4px;
    padding-bottom: 28px;
    font-size: 15px !important;}

/*sec10*/
.sec10-main ul li{background: url(/uploads/qytbimg/sec10_bg.png) no-repeat;
    background-size: cover; display: inline-block; vertical-align: top; width: 30%; margin-right: 5%; border-radius: 14px; padding: 40px; box-sizing: border-box;}
.sec10-main ul li h3{    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
}
.sec10-main ul li p{    color: #5a5a5a;
    text-align: justify;
    line-height: 26px;
    padding: 70px 60px 35px;
    font-size: 16px !important;}

/*sec11*/
.sec11{background: url(/uploads/qytbimg/sec03_bg.jpg) no-repeat top / 100% 100%; margin-top: 80px; padding-bottom: 80px;}
.sec11-left{display: inline-block; width: 889px; vertical-align: top;}
.mt08{margin-top: .08rem;}
.sec11-right{display: inline-block; width: 203px; margin-left: .08rem;}

/* 底部通用 */
.sec17{width: 100%; display: block; clear: both; padding-bottom: 0; background: #fff; padding-top: 0;    margin-top: 60px;}
.sec17 h2{font-size: .4200px font-weight: bold; padding-top: 60px; padding-bottom: 40px; color: #333; text-align: center;}
.s14-cont{  width: 100%;}
.s14-cont ul{width: 1100px; margin: 0 auto;}
.s14-cont ul li{background: url(/uploads/qytbimg/sec17_bg1.png) no-repeat;
       background-size: 100%;width: 29%;
    margin-right: 6%; float:left; display: block; position: relative; height: 451px;}
    .s14-cont ul li:nth-child(2){
        background: url(/uploads/qytbimg/sec17_bg2.png) no-repeat;
       background-size: 100%;
    }
.s14-cont ul li.item1{}
.s14-cont ul li.item2{}
.s14-cont ul li.item3{    margin-right: 0;}
.s14-cont ul li .item-show{width: 100%; padding: 150px 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 80px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 50% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight: bold;
    background: #fecc51;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}


/*侧边导航*/
.lfNav{position: fixed;width: 188px;background: url(../images/fixedNavBg.png) no-repeat center / 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:29px; right:0; height:32px; width:32px; }
.mt185{margin-top: 146px;}
.nav-bg{width: 161px;display: block;float:left;clear:both;margin-left: 7px;margin-bottom: 0px;}
.nav-bg a{width: 60%;display: block;margin:auto;font: 16px/36px "微软雅黑";color: #fff;text-align: center;border-bottom: 1px dashed #9a6447;}
.left_top{width:150px; height:100px;display: block;float:left;margin-left:0;}

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-grow-shadow2{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow2:hover, .hvr-grow-shadow2:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
