.main{ max-width:1200px; margin:0 auto;}
.main .logo{ float:left; margin:30px 0px;}
.banner{max-width:1200px; width:100%; overflow:hidden;}
.dhl{float:right; margin-top:59px; cursor:pointer; display:none;}
.grtb{float:right; margin-top:62px;}
.nav{float:right; margin-right:10px;}
.nav li{float:left; margin-left:22px; height:140px; position:relative;}
.nav li a{font-size:20px; color:#424242;
    line-height: 40px;
    display: inline-block;
    padding: 0px;
    margin: 51px 20px 0px 20px;
    }
.card-image img{width:100%;}
.nav li a.on{border-bottom:2px solid #e70012;}
.about{overflow:hidden;}
.about h2{font-size:30px; color:#000000; display:block; margin-top:36px;}
.about p{font-size:18px; color:#666666; margin-top:30px; line-height:33px;}
.about a.jyb,.gdlb a.jyb{ color:#e70012; border:1px solid #e70012; width:308px; height:55px; line-height:55px; display:block; text-align:center; font-size:18px; margin:0 auto; margin-top:50px; margin-bottom:86px;}
.gylist{margin-top:44px;}
.gylist li{float:left; width:382px; margin-right:26px;}
.gylist li.on{margin-right:0px;}
.gylist li h3{ margin-top:28px; font-size:24px; color:#000000; margin-bottom:15px; display:block;}
.gylist li p{font-size:16px; line-height:30px; margin-top:14px; color:#666666;}
.gylist li p a{ color:#e70012; margin-left:15px;}
.clear{clear:both; padding:0px; margin:0px;}
.banner2{margin-top:75px;}
.djlist{ padding-top:75px;}
.djlist li{width:382px; float:left; margin-right:26px;}
.djlist li.on{margin-right:0px;}
.djlist li span{font-size:20px; color:#000; float:left; margin-top:26px;}
.djlist li a{ float:right; width:146px; height:35px; line-height:35px; text-align:center; font-size:18px; color:#e70012; border:1px solid #e70012; margin-top:20px;}
.djlist li a.lb{border:0px;}
.djlist li a.lb img{vertical-align:middle; margin-right:15px; margin-bottom:2px;}
.gdlb{margin-top:90px;}
.gdlb li{float:left; width:382px; margin-right:26px;}
.gdlb li:last-child{margin-right:0;}
.gdlb li span{font-size:20px; margin-top:25px; display:block; margin-bottom:75px;}
.swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 100%;
    background:#dcdcdc;  opacity:1;}
.swiper-pagination-bullet-active{background:#e70012;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 19px;}
.cxlist{padding-top:73px; overflow:hidden;}
.cxlist li{float:left; width:48%;}
.cxlist li.on{float:right;}
.cxlist li span{ font-size:20px; margin-top:32px; display:block;}
.dnav{background:#e5e5e5; height:225px;}
.dbnav{max-width:1200px; margin:0 auto; overflow:hidden;}
.dtop{overflow:hidden; border-bottom:1px solid #bfbfbf;}
.dtop .dlogo{margin-top:56px; margin-bottom:28px; float:left;}
.dtop .dlogo img{float:left; width:70px; }
.dtop .ytp .sj{float:right; margin-top:55px; margin-left:15px; width:70px; height:70px; cursor:pointer;}
.ddh{float:left;}
.ddh li{float:left; font-size:18px;}
.ddh li a{padding:25px 26px; display:inline-block; background:url(../img/sx.jpg) right center no-repeat; color:#333; font-size:16px;}
.ddh li a.on{padding-left:0px;}
.ddh li a.last{background:none;}
.dbnav .ybq{float:right; font-size:16px; color:#333; margin-top:27px;}
.banner .swiper-pagination-bullet{width:20px; height:20px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 6px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:21px;}
.gdlb .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left_btn.png); width:75px; height:75px; background-size:auto;}
.gdlb .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(../images/right_btn.png);  width:75px; height:75px; background-size:auto;}
.gdlb .swiper-button-next, .swiper-button-prev{margin-top:-115px;}
.sjico{ background:url(../img/sj.jpg) top center no-repeat;}
.sjico:hover{ background:url(../img/sjico.jpg) top center no-repeat;}
.wbico{ background:url(../img/wb.jpg) top center no-repeat;}
.wbico:hover{ background:url(../img/wbico.jpg) top center no-repeat;}
.wxico{ background:url(../img/wx.jpg) top center no-repeat;}
.wxico:hover{ background:url(../img/wxico.jpg) top center no-repeat;}
.sjico{ background:url(../img/sj.jpg) top center no-repeat;}
.sjico:hover{ background:url(../img/sjico.jpg) top center no-repeat;}
.wbico{ background:url(../img/wb.jpg) top center no-repeat;}
.wbico:hover{ background:url(../img/wbico.jpg) top center no-repeat;}
.wxico{ background:url(../img/wx.jpg) top center no-repeat;}
.wxico:hover{ background:url(../img/wxico.jpg) top center no-repeat;}




.fico{ background:url(../images/f.jpg) top center no-repeat;}
.fico:hover{ background:url(../images/fon.jpg) top center no-repeat;}
.inico{ background:url(../images/in.jpg) top center no-repeat;}
.inico:hover{ background:url(../images/inon.jpg) top center no-repeat;}
.niaoico{ background:url(../images/niao.jpg) top center no-repeat;}
.niaoico:hover{ background:url(../images/niaoon.jpg) top center no-repeat;}

.spico{ background:url(../images/shipin.jpg) top center no-repeat;}
.spico:hover{ background:url(../images/shipinon.jpg) top center no-repeat;}
.xjico{ background:url(../images/xiangkuang.jpg) top center no-repeat;}
.xjico:hover{ background:url(../images/xiangkuangon.jpg) top center no-repeat;}
#qh1{display:block;}
#qh2{ display:none;}
.djlist li:hover img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.djlist li img{
    transition: -webkit-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    /* transition: transform .2s ease; */
    /* transition: transform .2s ease,-webkit-transform .2s ease,-o-transform .2s ease; */
}
.djlist li .card-img{ overflow:hidden;}
.anchor-link-group{max-width:1200px; margin:0 auto; padding-top:25px;}
	.anchor-link {
    display: inline-block;
    border: 1px solid #d8d8d8;
    color: #000;
    padding: 12px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
	    padding: 12px 20px; margin: 0 16px 16px 0;
}
	.cxlist li{margin-bottom:45px;}
	.djlist li{margin-bottom:45px;}
.row{max-width:1230px; overflow:hidden; margin:0 auto; margin-top:50px;}
.col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    width: 25%;
	float:left;
	padding:0px 15px;
	    box-sizing: border-box;
}
.card {
    margin-bottom: 50px;
	text-align:center;
}
.card-content p{ font-size:16px; text-align:left;}
.card .card-image {
    overflow: hidden;
}
.card .card-content {
    padding-top: 20px;
	font-size:20px;
}

.anchor-link-group a:hover{color:#e70012;}
.anchor-link-group a.on{color:#e70012; border:1px solid #e70012;}
.djlist li .card-img{ overflow:hidden;}
.top{position:relative; z-index:9999;}
.main-navigation-flyout {
    position:absolute;
	top:140px;
	left:-65px;
    background-color: #fff;
    box-shadow: 0 6px 10px -2px rgba(0,0,0,.16);
    display: block;
    overflow: hidden;
    width: 230px; 
	box-shadow:0 6px 10px -2px rgba(0,0,0,.16);
	min-height:200px;
	z-index:9999px;
	border-top:1px solid #CCCCCC;
	padding:15px 0px;
	display:none;
}
.main-navigation-flyout dd{
    width:100%;
    float: left;
    padding-right: .5rem;
    padding-left: .5rem;
}
.main-navigation-flyout dd{height:45px;}
.main-navigation-flyout dd a{line-height:45px; margin-left:0px; font-size:18px;
    text-align: center;
    display: block; margin:0px 20px;}
.nav li a:hover{ background:#FF0000; color:#fff;}
.nav li:hover .main-navigation-flyout{display:block;}
#btnClose img{float:right; margin-top:15px; margin-right:15px; height:18px;}
.nav.cbl{display:block;}
.nav.cbl li{width:100%; height:auto; min-height:40px;}
.nav.cbl li a{margin-left:0px; font-size:16px; line-height:40px;}
.nav.cbl li .main-navigation-flyout{position:inherit; top:0px; border:0px; box-shadow: inherit; padding:0px;}
.nav.cbl li:hover .main-navigation-flyout{display:none;}
.nav.cbl li a:hover{background:none; color:#424242}
.nav.cbl li .main-navigation-flyout.on{display:block;}
.mSlider-main{overflow-x: auto!important;}
.nav.cbl .main-navigation-flyout dd a{ text-align:left; padding-left:25px;}
html.on,body.on{height:100%;overflow:hidden;}
.banner2.yi{ display:block;}
.banner2.er{ display:none;}
.cxlist li label{font-size:16px; display:block; margin-top:10px; color:#e70012;}
.cxlist li:nth-child(3n){ clear:both;}
.about.py label{ color:#7e7e7e;}
.about p{margin-top:13px;}
.aboutleft{width:70%; padding-right:20px; box-sizing: border-box; float:left;}
.aboutright{width:30%; padding-right:10px; box-sizing: border-box; float:right;}
.xiangguanglist {
    float: left;
    width: 100%;
    padding: 30px 20px;
    background-color: #fafafa;
    margin-top: 60px;
}
.xiangguanglist li a {
    float: left;
    width: 100%;
    line-height: 35px;
    font-size: 16px;
}
.ddh li:nth-child(4n) { display:none;}
@media (max-width: 1060px){
.grtb{ margin-right:35px;}
.nav{display:none;}
.dhl{display:block;}
.nav.cbl li a{ margin-top:10px;}
.nav.cbl li .main-navigation-flyout{left:0px;}
.top{padding:0px 15px;}
}
@media (max-width: 765px){
.ltmain-right-banner.mt60{text-align:center;}
.aboutleft,.aboutright{width:100%; padding-right:0px;}
.aboutright img{width:auto!important;}
.dhl {
    display: block;
}
.main{padding:0px 15px;}
.nav{ display:none}
.banner{width:100%;}
.gylist li,.djlist li{width:50%; margin-right:0px; padding:0px 10px; box-sizing:border-box; margin-bottom:25px;}
.gylist li img,.banner2 img,.djlist li img{width:100%;}
.djlist li a.lb img{width:20px;}
.dtop{padding:0px 15px;}
.dbnav .ybq,.ddh{float:left; margin-left:10px;}
.cxlist li{width:50%; padding:0px 10px;}
.cxlist li img{width:100%;}
.djlist li span{font-size:24px;}
.djlist li a{font-size:15px; width:45%; height:30px; line-height:30px; margin-top:27px;}
.about h2{ font-size:32px; margin-top:50px;}
.about p{font-size:16px;}
.banner2{margin-top:55px;}
.about a.jyb, .gdlb a.jyb{font-size:16px; width:50%; height:45px; line-height:45px;}
#qh1{display:none;}
#qh2{ display:block;}
.gdlb li{width:100%;}
.gdlb li span{font-size:24px; text-align:center;}
.gdlb li img{width:100%;}
.swiper-pagination-bullet{width:20px; height:20px;}
.gdlb li span{margin-bottom:55px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 10px;}
.cxlist li span{font-size:20px;}
.banner img{width:100%;}
.banner .swiper-pagination-bullet{width:17px; height:17px;}
.col-md-4 {
    width:50%;

}
.banner2.yi{ display:none;}
.banner2.er{ display:block;}
.dnav{min-height:225px; height:auto;}
.ytp{ width:100%; float:left;}
.dtop .ytp .sj{ float:left; margin:20px 8px 10px 8px;}
.dtop {
    padding: 0px 15px 35px 0px!important;
}
.dtop .dlogo{margin-left:8px;}
.top{padding:0px;}
}
.textC {
		 position:absolute;
		 width:500px;
		 overflow:hidden;
		 margin-top: 100px;
		 line-height:30px;
		 margin-left: 300px;
		 height:30px;
}
		.textC span {
		 color: #13BEEC;
		 font-size: 28px;
		 font-weight: bold;
		 font-family: Georgia, "Times New Roman", Times, serif;
		 position: absolute;
		}
@media (max-width:500px){
.dhl {
    display: block;
}
.main{padding:0px 15px;}
.nav{ display:none}
.banner{width:100%;}
.gylist li,.djlist li{width:100%; margin-right:0px; padding:0px 10px; box-sizing:border-box; margin-bottom:25px;}
.gylist li img,.banner2 img,.djlist li img{width:100%;}
.djlist li a.lb img{width:20px;}
.dtop{padding:0px 15px;}
.dbnav .ybq,.ddh{float:left; margin-left:10px; width:100%; margin-right:10px;}
.cxlist li{width:100%; padding:0px 10px; margin-bottom:35px;}
.cxlist li img{width:100%;}
.djlist li span{font-size:18px;}
.djlist li a{font-size:15px; width:45%; height:33px; line-height:33px; margin-top:20px;}
.about h2{ font-size:24px; margin-top:50px;}
.about p{font-size:16px;}
.banner2{margin-top:55px;}
.about a.jyb, .gdlb a.jyb{font-size:16px; width:50%; height:45px; line-height:45px;}
#qh1{display:none;}
#qh2{ display:block;}
.gdlb li{width:100%;}
.gdlb li span{font-size:24px; text-align:center;}
.gdlb li img{width:100%;}
.swiper-pagination-bullet{width:20px; height:20px;}
.gdlb li span{margin-bottom:55px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 10px;}
.cxlist li span{font-size:20px; margin-top:23px;}
.cxlist{padding-bottom:50px;}
.banner .swiper-pagination-bullet{width:14px; height:14px;}
.logo img{width:60px;}
.grtb img{ margin-top:6px;}
.main .logo{margin:15px 0px;}
.dhl img{height:18px;}
.dhl{margin-top:50px; margin-top:35px;}	
.grtb{margin-right:25px; margin-top:30px;}
.dnav{min-height:285px; height:auto;}
.ddh li{ border-bottom:1px solid #ccc; width:100%;}
.ddh li a{padding:10px 0px!important; background:none;}
.ybq{margin-bottom:35px;}
.dbnav .ybq,.ddh li a{font-size:14px;}
.col-md-4 {
    width:100%;

}
.banner2.yi{ display:none;}
.banner2.er{ display:block;}
}