@media only screen and (min-width: 320px) and (max-width: 740px) {
    .banner .wenzi{position: absolute;top: 10%;left: 15.6%;}
	.content .univer .lbt,.content .univer .text,.hot ul li{width: 100% !important;}
	.lbt .swiper-button-prev{left: 0.68rem;bottom: 0.55rem;top: auto;}
	.lbt .swiper-button-next{right: 0.88rem;bottom: 0.55rem;top: auto;}
	.content .univer .text ul {margin: 0.49rem 0 0.29rem 0;}
	.content .univer .send a{margin-top: 0.2rem;text-align: center;}
	.content .univer .lbt .swiper-slide iframe{width: 100%;height: 4.24rem;}
	.contactus{width: 70%;}
	.neirong iframe {width: 100% !important;}
    			}					
    @media only screen and (min-width: 741px) and (max-width:1200px) {	
    .banner .wenzi{position: absolute;top: 25%;left: 15.6%;}
	.content .univer .lbt{width: 45%;}
	.content .univer .text{width: 48.08%;}
	.content .univer p{font-size:18px; line-height:15px;}
	.lbt .swiper-button-prev{left: 0.58rem;bottom: auto;top: 4.2rem;}
	.lbt .swiper-button-next{right: 0.78rem;bottom: auto;top: 4.2rem;}
	.content .univer .text ul {margin: 0rem 0 0.14rem 0;}
	.content .univer .send{display: flex;margin-top: 0.22rem;}
		.content .univer .lbt .swiper-slide iframe{width: 100%;height: 3.79rem;}
			.contactus{width: 3.64rem;}
    			}
    @media only screen and (min-width: 1200px)  {					
    .banner .wenzi{position: absolute;top: 37%;left: 15.6%;}
    .content .univer .lbt{width: 45%;}
	.content .univer .text{width: 48.08%;}
	.lbt .swiper-button-prev{left: 0.78rem;bottom: 0.6rem;top: auto;}
	.lbt .swiper-button-next{right: 0.98rem;bottom: 0.6rem;top: auto;}
	.content .univer .text ul {margin: 0rem 0 0.14rem 0;}
	.content .univer .send{display: flex;margin-top: 0.22rem;}
		.content .univer .lbt .swiper-slide iframe{width: 100%;height: 3.95rem;border:none;}
			.contactus{width: 3.64rem;}
    			}	
	.banner {position: relative;}
	.banner img{width: 100%;height: auto;}
	.banner h1{font-size: 0.43rem;color: #fff;}
	.banner .crumbs{font-size: 0.2rem;color: #fff;}
	.banner .crumbs a{font-size: 0.2rem;color: #fff;}
	.content{padding: 0.4rem 0 0.16rem 0;}
	.content h2{font-size: 0.3rem;font-weight: bold;color: #1A2640;text-align: center;}
	.content .slide{display: flex;flex-wrap: wrap;align-items: center;margin: 0.13rem 0 0.65rem 0;}
	.content .slide h3{font-size: 0.2rem;color: #333333;font-weight: bold;margin-right: 0.13rem;}
	.content .slide li {margin-right: 0.21rem;}
	.content .slide li a{font-size: 0.15rem;color: #686767;}
	.content .slide li a:hover{color: #1A2640;}
	.content .univer{display: flex;flex-wrap: wrap;justify-content: space-between;background: #FFFFFF;padding:0.47rem 0.14rem;margin-bottom: 0.28rem;}
	.content .univer .lbt{position: relative;}
	.content .univer .lbt .swiper-slide img{width: 100%;height: auto;}
	 .gallery-thumbs .swiper-slide {
        opacity: 0.4;
      }
      .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
      }
      .gallery-thumbs .swiper-slide .playbtn{
    height: 20px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>') ;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
      }
	.swiper-container.gallery-thumbs.swiper-container-horizontal { width: 64.85%;margin-top: 0.2rem;}
	.content .univer .lbt .swiper-button-next,.content .univer .lbt .swiper-button-prev{width: 0;height: 0;margin-top: 0;background-image: none;font-size: 0.2rem;color: #A0A0A0;}
	.content .univer .text h1{font-size: 0.4rem;font-weight: bold;color: #333333;margin-bottom: 20px;line-height: 50px;}
	.content .univer .text ul li i{display: inline-block;vertical-align: baseline;width: 0;height: 0;
	border-top: 0.06rem solid transparent;
	border-right: 0.06rem solid transparent;
	border-bottom: 0.06rem solid transparent;
	border-left:0.12rem solid #1A2640;}
	.content .univer .text ul li{font-size: 0.17rem;color: #333333;line-height: 30px;}
	.content .univer .text p{font-size: 0.18rem;color: #333333;padding-left: 0.18rem;}
	.content .univer .send a{display: block;margin-right: 0.18rem;border: 1px solid #1A2640;padding: 0rem 0.15rem;color: #1A2640;font-size: 0.18rem;font-weight: bold;border-radius: 5px;}
	.content .univer .send a i{font-size: 0.36rem;font-weight: 400;vertical-align: sub;margin-right: 0.16rem;}
	.content .univer .send a:hover{color: #fff;background: #1A2640;}
	.hot h1{font-size: 0.45rem;font-weight: bold;color: #1A2640;text-align: center;margin-bottom: 0.09rem;}
	.hot .heng{background: #c4c4c4;width: 3.63rem;height: 1px;margin: 0 auto;position: relative;}
	.hot .heng .heng2{background:#1A2640;width: 1.32rem;height: 5px;position: absolute;top:-2px;left: 50%;transform: translateX(-50%);}
	.hot ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0.1rem;margin: 0.56rem 0 0.63rem 0}
	.hot ul li img{width: 100%;height: auto;margin-bottom: -5px;}
	.hot ul li h5{font-size: 0.2rem;font-weight: bold;color: #333333;text-align: center;border: 1px solid #BFBFBF;padding: 0.08rem 0 0.07rem 0;}
    .hot ul li{width: 23.73%;background: #fff;margin-bottom: 0.33rem;}
    .hot ul li:hover h5{color:#1A2640;}
    .neirong iframe{width:5.6rem; height:3.15rem;margin:0 auto;}
    .neirong iframe {display: block; margin: 0 auto;}
	 .neirong  img{max-width:100%;height:auto;}
	 .neirong a{color: #F19E00;font-style: italic;border-bottom: 1px solid #333333;}
	 .wp-block-image .aligncenter{margin:0;}
	 	.neirong .contactus{display: block;margin: 0.3rem auto;color: #fff;font-size: 0.21rem;font-weight: 600;font-style: italic;
background: #143680;border-radius: 21px;height: 0.43rem;line-height: 0.43rem;text-align: center;}
.neirong .contactus i{padding: 0.05rem;font-size: 0.25rem;background: rgba(0, 0, 0, 0.23);border-radius: 50%;font-weight: 400;margin-left: 0.2rem;}

#main .mailbody {
    background: #18457c;
    padding: 25px 25px 5px;
    margin-top: 20px;
    color: #fff
}

#main .mailtit {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}

#main .mailbody p {
    line-height: 20px;
    margin-bottom: 20px
}

#main .mailbody p a {
    color: #ec2723
}

#main .mailbody .form-group {
    margin-bottom: 15px;
    border: none
}

#main .mailbody .form-control {
    background: #fff;
    color: #333;
    font-size: 16px;
    border: none;
    box-shadow: none;
    font-size: 14px;
    background: #f6f6f6
}

#main .mailbody input.form-control {
    height: 50px
}

#main .mailbody .mailbtn {
    border: none;
    background: #e60012;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 7px 50px;
    margin: 20px auto 0;
    display: block
}

#main .mailbody .mailbtn:hover {
    background: #313131
}

#main .mailbody input::-webkit-input-placeholder,#main .mailbody textarea::-webkit-input-placeholder {
    color: #333
}

#main .mailbody input::-moz-placeholder,#main .mailbody textarea::-moz-placeholder {
    color: #333
}

#main .mailbody span {
    color: #868585
}

#main table {
    border-collapse: collapse;
    text-align: center;
    border-color: #dcdbd5
}

#main table td {
    border-color: #dcdbd5;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle
}

@media (min-width: 1200px) {
    address p {
        font-weight:bold
    }
}

#main .contact {
    margin-top: 20px
}

.complete {
    font-size: 16px;
    font-weight: bold;
    color: #18457c;
    margin-bottom: 20px
}

.headquarter {
    border: 1px solid #d3d3d3;
    text-align: center;
    max-width: 275px;
    padding-bottom: 5px;
    margin-bottom: 35px
}

.headquarter img {
    width: 122px
}

.headquarter .header {
    background: #18457c;
    color: #fff;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px
}

address p {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px
}

address p.tel::after,address p.add::after,address p.email::after,address p.fax::after {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px
}

address p.add::after {
    content: "\f041"
}

address p.tel::after {
    content: "\f095"
}

address p.email::after {
    content: "\f0e0"
}

address p.fax::after {
    content: "\f02f"
}

address p.email a {
    color: #dc3e4b
}