#lay-banner{text-align: center;position: relative}
#lay-banner .ban-text{position: absolute;top: 50%;left: 50%;transform: translate(-100%,-40%);z-index: 2;text-align: left;padding: 60px 40px;background: #bfbfbfa8;}
#lay-banner .ban-text img{display: block;margin: 15px 0 10px;width: 210px;height: 4px;}
#lay-banner .ban-text p{font-size: 40px;color: #000;line-height: 1}
#lay-banner .ban-text i{font-style: normal;font-size: 20px;color: #fff;line-height: 1;}
#sec-navigation{}
#sec-navigation{width: 100%; display: block; font-size: 0; background: #fff; text-align: center; box-shadow: 2px 2px 8px rgba(0,0,0,.1);}
#sec-navigation > ul.container > li{text-align: center; display: inline-block; font-size:0;}
#sec-navigation > ul.container > li > a{width: auto; padding-left: 30px; padding-right: 30px; font-size: 16px; line-height: 65px; display: block; color: #333333; position: relative;}
#sec-navigation > ul.container > li > a:before{content:''; width: 0; height: 4px; display: block; position: absolute; left: 50%; background: var(--main-color); bottom: 0;}
#sec-navigation > ul.container > li.active > a:before{width:100%; left: 0;}
.maintitle{text-align: center;padding-top: 20px;padding-bottom: 42px;}
.maintitle .p1{padding-top: 16px;padding-bottom: 14px;font-size: 34px;color: #333;line-height: 1}
.maintitle .mainline{margin-bottom: 18px}
.maintitle .mainline span{width: 92px;height: 3px;background: var(--main-color)}
.maintitle .mainline span:nth-of-type(1){background: var(--main-red)}
.maintitle .mainline span:nth-of-type(2){background: var(--main-gry-light)}
.maintitle .p2{font-size: 15px;line-height: 1;color: var(--main-gry-light);text-transform: uppercase}


/*----------------------------about------------------------*/
#introduction{background: url("../image/introduction_bg.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/introduction_bg.jpg*/ no-repeat center bottom;}
#introduction .container{background: #fff}
.about-cn{font-size: 24px;line-height: 1;font-weight: bold;color: var(--main-gry);text-align: center;margin-bottom: 16px}
.about-wz{font-size: 18px;line-height: 1.5;color: var(--main-gry);text-align: center;margin-bottom: 25px}
#change-state{display: block;margin: 0 auto 25px;width: 44px;height: 44px;border-radius: 100%;overflow: hidden;background: var(--main-red);padding: 10px}
#introduction-content{padding: 0 90px 90px}
#introduction-content p{font-size: 16px;line-height: 2;text-align: justify;padding-bottom: 5px;text-indent: 2em;color: var(--main-gry)}

.about2{background: #fbfbfb;padding: 30px 0 0}
.about2 .culture{text-align: right}
.about2 .culture:nth-of-type(even){text-align: left}
.about2 .box{width: 680px;padding: 80px 50px;text-align: left}
.about2 .culture p{font-size: 16px;line-height: 1.75;}
.about2 .culture p:nth-of-type(1){font-size: 18px;font-weight: bold;color: var(--main-color-dark)}
.about2 .culture1{background: rgba(198, 198, 198, 0.2)}
.about2 .culture-img{max-height: 331px;overflow: hidden}
.about2 .culture-img img{width: 100%;height: 100%;object-fit: cover}
.about2 .culture2{background: #ecddd6}
.about2 .culture3{background: rgba(198, 198, 198, 0.2)}

.about3{padding: 60px 0}
#certificate{}
#certify{margin-top:30px;position: relative;width: 100%}
#certify .swiper-container{padding-bottom:60px}
#certify .swiper-wrapper{display:flex}
#certify .swiper-slide{float:none;margin-top:0;width:520px;height:408px;background:#fff;box-shadow:0 8px 30px #ddd}
#certify .swiper-slide:nth-child(2n){margin-left:0}
#certify .swiper-slide img{width:520px;height:310px}
#certify .swiper-slide p{color:#636363;text-align:center;font-size:16px;line-height:98px}
#certify .swiper-pagination{bottom:20px;width:100%}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:10px;height:10px;border:3px solid #1b1e21;background-color:transparent;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #b81d20}
#certify .swiper-button-prev{left:-30px;width:45px;height:45px;background:url("../image/wm_button_icon.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/wm_button_icon.png*/ no-repeat;background-position:0 0;background-size:100%}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:-30px;width:45px;height:45px;background:url("../image/wm_button_icon.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/wm_button_icon.png*/ no-repeat;background-position:0 -93px;background-size:100%}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}
#certify .swiper-button-next:after,#certify .swiper-button-prev:after{content:none}

/*-------------------------------news-----------------------*/
.main_body{display:block;width:100%;}
.newslist li+li{margin-top:20px;}
.newslist li .item{display:block;padding:40px 45px;width:100%;border-radius:6px;background:#f1f1f1;box-shadow:1px 2px 5px 0 rgba(179,179,179,.45);}
.newslist li .item dl{float:left;display:block;padding-right:74px;width:calc(100% - 354px);}
.newslist li .item dt{position:relative;display:block;margin-top:6px;margin-bottom:15px;width:100%;max-height:75px;color:#333;font-size:28px;line-height:36px;transition:all .3s ease-in-out;}
.newslist li .item dt:before{position:absolute;top:15px;left:-45px;width:0;height:6px;background:var(--main-color);content:'';transition:all .3s ease-in-out;}
.newslist li .item:hover dt{padding-left:20px;color:var(--main-color);}
.newslist li .item:hover dt:before{width:45px;}
.newslist li dd{display:block;width:100%;color:#666;}
.newslist li .date{display:block;margin-bottom:30px;width:100%;font-size:12px;line-height:12px;}
.newslist li p{display:block;width:100%;font-size:14px;line-height:28px;}
.newslist li dd p{overflow:hidden;height:84px;text-align:justify;}
.newslist li .imgbox{float:left;display:block;overflow:hidden;width:354px;border-radius:5px;}
.newslist li .imgbox img{transition:all .3s ease-in-out;}
.newslist li .imgbox:hover img{transform:scale(1.05);}

.new{display:block;overflow:hidden;width:100%;border-radius:6px;background: #f1f1f1;box-shadow: 1px 2px 5px 0 rgba(179,179,179,.45);}
.new dt{position:relative;display:block;overflow:hidden;padding-left:49px;width:100%;background-color:#333;color:#fff;font-size:16px;line-height:50px;}
.new dd{display:block;padding:18px;width:100%;}
.new dt:before{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background-size:100%;background-repeat:no-repeat;content:'';}
.new dt:before{background-image:url("../image/icon-hot.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/icon-hot.png*/;}
.new{display:block;width:100%;}
.new dd a{display:block;width:100%;}
.new dd a:last-child .text{border-bottom:0;}
.new dd a+a{margin-top:15px;}
.new .text{display:block;width:100%;border-bottom:1px solid #ddd;text-transform:uppercase;font-size:14px;line-height:35px;}
.info-content{
    padding: 40px 55px 70px;
    border-radius: 6px;
    /*background: #f1f1f1;*/
    box-shadow: 1px 2px 5px 0 rgba(179,179,179,.45);
    position: relative;
}
.info-contentBox{
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 50px;
}
.info-content > h2{
    width: 100%;
    display: block;
    font-size: 32px;
    line-height: 40px;
    max-height: 81px;
    overflow: hidden;
    margin-bottom: 10px;
}
.info_times{
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 30px;
}
.info_times span + span{padding-left: 20px}
.qrcode{
    position: absolute;
    right: 0;
    top: 0;
    margin: 40px 55px 0 0;
}
#qrcode{
    padding: 10px;
    box-shadow: 1px 2px 5px 0 rgba(179,179,179,.45);
    background: #fff;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
    -ms-transition: all 0.5s ease-out;
}
.qrcode:hover #qrcode{opacity: 1;}
#Dpage{ margin-top: 60px;}
#Dpage .dpages{font-size: 0}
#Dpage .dpages a{font-size:14px;font-weight: bold;text-align: center;line-height: 48px;border-radius: 5px;background: #f5f5f5;overflow: hidden}
#Dpage .dpages a + a{margin-left: 10px}
#Dpage .dpages a[href]:hover{color: var(--main-color)}

/*---------------------------goods-------------------------*/
/*正方形图形*/
.square_item{display:inline-block;border:1px solid #e4e4e4;margin-top:30px;width:100%}
.square_item .img{display:block;width:100%;height:0;padding-top:100%;background:#f3f3f3;position:relative;overflow:hidden}
.square_item .img img{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);max-width:100%;max-height:100%;z-index:2}
.square_item .text{display:block;width:100%;padding:15px;color:#333;text-align:left;font-size:14px;background:#fff}
/*4:3图形*/
.square_item .img.four{padding-top:75%}
/*16:9图形*/
.square_item .img.goden{padding-top:56.25%;overflow:hidden}
.square_item .img.goden img{width:100%;height:100%;object-fit:cover}
.pbox{
    border-top: 2px solid var(--main-color-light);
    border-bottom: 2px solid var(--main-color-light);
    background: #fbfbfb;
}
.goodscat_list{display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; }
.goodscat_list li{font-size: 14px;padding: 12px;}
.goodscat_list li + li{margin-left: 50px}
.goodscat_list li a{color: #777;line-height: 30px}
.goodscat_list li.active a{color: var(--main-red)}

/*---------------------agent------------------------*/

#joinus_return_top{display: block;width: 50%;height: 55px;border: 1px solid #040000;color: #343434;font-size: 24px;line-height: 55px;margin: 63px auto 0;text-align: center}
#joinus_return_top:hover{background: var(--main-color);color: #fff;border-color: var(--main-color)}
.about-cn{font-size: 24px;line-height: 1;font-weight: bold;color: var(--main-gry);text-align: center;margin-bottom: 16px}
.about-wz{font-size: 18px;line-height: 1.75;color: var(--main-gry);text-align: center;margin-bottom: 25px}
.about-wz span{font-weight: 600;color: var(--main-red)}
.agent1,.agent3,.agent5{padding: 50px 0 70px}
.agent2{padding-top: 50px;background: #f7f7f7}
.agent4{padding: 50px 0 70px;background: #f7f7f7}
/*-------------------------------contact----------------------*/
#big_title{
    display: block;
    color: var(--main-color-dark);
    font-size: 71px;
    margin-top: 77px;
    margin-bottom: 80px;
}
#content{
    text-align: left;
    font-size: 0;
    padding-bottom: 60px;
}
#mainlogo{
    width: 166px;
    height: 40px;
    margin-bottom: 20px;
}
#detail{
    font-size: 15px;
    color: #6c6c6c;
    padding-bottom: 50px;
}
#company{
    font-size: 34px;
    color: var(--main-color-dark);
    font-weight: bold;
    margin-top: 72px;
    margin-bottom: 29px;
    display: block;
}
.icon{
    width: 24px;
    height: 24px;
}
.green{
    font-size: 15px;
    color: var(--main-color);
    font-weight: bold;
    min-width: 96px;
    display: inline-block;
    margin-left: 16px;
    margin-right: 11px;
}
.contact_details{
    font-size: 15px;
    color: #3b3b3b;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}
.list{
    margin-bottom: 13px;
}
#ewm1{
    width: 184px;
    height: 201px;
    display: inline-block;
    vertical-align: bottom;
}
#ewm2{
    width: 184px;
    height: 192px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 37px;
}
#ewm-div{
    margin-top: 112px;
}
#left{
    display: inline-block;
    width: 50%;
    padding-right: 30px;
    vertical-align: bottom;
}
#right{
    width: 50%;
    vertical-align: bottom;
    display: inline-block;
}

/*------------------------------dpage-------------------------*/
/*id == '17304'*/
.cd-slider-wrapper { width: 100%; height: 700px;}
.cd-slider .swiper-slide{
    height: 100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cd-slider .cd-half-block { width:50%;height: 100%; background-position: center center; background-repeat: no-repeat ;}
.cd-slider .image { background-size: cover;background-image: url("../image/Green1.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/Green1.jpg*/}
.cd-slider .content { padding: 30px 90px; color: #434343; font-size: 14px; background-color: #abd9ce; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px }
.cd-slider li:nth-of-type(2) .content { background-color:#B8E7B5 }
.cd-slider li:nth-of-type(3) .content { background-color: #E5CCBE }
.cd-slider li:nth-of-type(4) .content { background-color: #F2E0C2 }
.cd-slider li:nth-of-type(5) .content { background-color: #B8E7B5 }
.cd-slider li:nth-of-type(2) .image { background-image: url("../image/Green2.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/Green2.jpg*/}
.cd-slider li:nth-of-type(3) .image { background-image: url("../image/Green3.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/Green3.jpg*/ }
.cd-slider li:nth-of-type(4) .image { background-image: url("../image/Green4.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/Green4.jpg*/ }
.cd-slider li:nth-of-type(5) .image { background-image: url("../image/Green5.jpg")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/Green5.jpg*/ }

.cd-slider .PenRegular{ font-weight: bold; font-size: 45px; text-transform: uppercase; margin-bottom: .4em; line-height: 40px; padding-top: 20%; color: #fff }
.cd-slider .tit { font-size: 20px; color: #008b66; margin-bottom: 20px }
.cd-slider .content p{font-size: 16px;line-height: 2;text-align: justify}
.cd-slider .content p:nth-of-type(1){font-size: 15px}

.changeBtn .page { float: left; line-height: 65px; color: #fff; width: auto; background: 0; font-size: 26px }
.changeBtn .page .pageActive { font-size: 50px; margin-right: 5px }
.changeBtn .page .allPage { font-size: 28px; margin-left: 5px }

.changeBtn { position: absolute; bottom: 50px; padding: 0 140px; left: 0; z-index: 10 }
.changeBtn .btns { width: 20px; height: 31px; transition: .4s; -webkit-transition: .4s; cursor: pointer; float: left; background: url("../image/induBtn.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/induBtn.png*/ no-repeat;outline: none}
.changeBtn .btns.btnL { background-position: left center; margin-top: 20% }
.changeBtn .btns.btnL:hover { background-image: url("../image/induBtn2.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/induBtn2.png*/; transform: translateX(-5px) }
.changeBtn .btns.btnR { background-position: right center; margin-top: 20% }
.changeBtn .btns.btnR:hover { background-image: url("../image/induBtn2.png")/*tpa=http://www.cqyxmm.com/template/users/28/1494928/image/induBtn2.png*/; transform: translateX(5px) }



.liuyan{
    width: 970px;
    margin: 0 auto;
    text-align: center;
    background-color: #f7f7f7;
}
.liuyan ul{
    padding: 10px;
}
.liuyan ul li{
    margin: 10px;
}
.liuyan ul li input{
    width: 250px;
}