﻿.linkmap {
 display: none;
}

.main {
 border-top: 1px solid #a5a5a559;
 margin: 30px 0;
 padding-top: 30px;
}
.siteName {}

.des_img {
 float: left;
 overflow: hidden;
}

.des_img a img {
 transition: all 0.3s;
}

.des_img:hover a img {
 transform: scale(1.1);
}

.des {
 width: 50%;
 float: right;
}

.des h2 a {
 color: #0095e3;
 font-size: 24px;
}

.des p {
 font-size: 18px;
 color: #666;
 line-height: 38px;
 margin-top: 20px;
}

.des .details {
 width: 118px;
 height: 30px;
 border: 1px solid #0095e3;
 line-height: 30px;
 text-align: center;
 display: block;
 color: #0095e3;
 transition: all 0.3s;
 margin-top: 30px;
 font-size: 16px;
}

.des .details:hover {
 border: 1px solid #fff;
 line-height: 30px;
 text-align: center;
 display: block;
 color: #fff;
 background: #0095e3;
}

.main_mid {
 background: #f2f2f2;
}

.midIn {
 width: 1074px;
 margin: 0 auto;
 padding: 40px 0;
}

.midIn ul li a {
 float: left;
 width: 238px;
 height: 138px;
 border: 1px solid #0095e3;
 padding-top: 90px;
 box-sizing: border-box;
 color: #0095e3;
 text-align: center;
 font-size: 18px;
 margin: 0 60px;
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127152107.png) no-repeat center 28px;
 transition: all 0.3s;
}

.midIn ul li a:hover {
 font-size: 20px;
}

.midIn ul li a.bg2 {
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127153238.png) no-repeat center 28px;
}

.midIn ul li a.bg3 {
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127153251.png) no-repeat center 28px;
}

.ywgk,
.xxcx {
 width: 600px;
 height: 340px;
 background: #2b7eaa;
 padding-top: 30px;
 box-sizing: border-box;
}

.ywgk ul,
.xxcx ul {
 padding: 0 70px;
}

.ywgk ul {
 margin-top: 40px;
}

.xxcx ul {
 margin-top: 10px;
}

.xxcx {
 background: #016093;
}

.ywgk ul li a,
.xxcx ul li a {
 float: left;
 width: 188px;
 height: 38px;
 border: 1px solid #fff;
 border-radius: 5px;
 color: #fff;
 line-height: 38px;
 text-align: center;
 transition: all 0.3s;
 margin: 8px 15px;
}

.ywgk ul li a:hover,
.xxcx ul li a:hover {
 background: #fff;
 color: #0095e3;
}

@media (min-width:1024px) and (max-width:1440px) {
 .des_img a img {
 transition: all 0.3s;
 width: 465px;
 }
 .des p {
 font-size: 13px;
 }
 .ywgk,
 .xxcx {
 width: 480px;
 }
 .ywgk ul {
 margin-top: 0px;
 }
 .ywgk ul li a,
 .xxcx ul li a {
 width: 137px;
 }
}

@media screen and (max-width:768px) {
 .des_img {
 float: none;
 }
 .des_img a img {
 width: 100%;
 }
 .des {
 width: 100%;
 float: none;
 margin-top: 0.2rem;
 }
 .des h2 a {
 color: #0095e3;
 font-size: 0.24rem;
 }
 .des p {
 font-size: 0.18rem;
 color: #666;
 line-height: 0.38rem;
 margin-top: 0.2rem;
 }
 .des .details {
 width: 1.18rem;
 height: 0.3rem;
 border: 0.01rem solid #0095e3;
 line-height: 0.3rem;
 text-align: center;
 display: block;
 color: #0095e3;
 transition: all 0.3s;
 margin-top: 0.3rem;
 font-size: 0.16rem;
 }
 .midIn {
 width: 100%;
 margin: 0 auto;
 padding: 0.4rem 0;
 }
 .midIn ul li a {
 float: left;
 width: 30%;
 height: 1.38rem;
 border: 0.01rem solid #0095e3;
 padding-top: 0.9rem;
 box-sizing: border-box;
 color: #0095e3;
 text-align: center;
 font-size: 0.18rem;
 margin: 0 0.1rem;
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127152107.png) no-repeat center 0.28rem;
 transition: all 0.3s;
 }
 .midIn ul li a.bg2 {
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127153238.png) no-repeat center 0.28rem;
 }
 .midIn ul li a.bg3 {
 background: #f2f2f2 url(/Sites/Uploaded/UserUpLoad/20181127/20181127153251.png) no-repeat center 0.28rem;
 }
 .ywgk,
 .xxcx {
 width: 100%;
 height: 3.4rem;
 background: #2b7eaa;
 padding-top: 0.3rem;
 box-sizing: border-box;
 }
 .ywgk ul {
 margin-top: 0.4rem;
 }
 .xxcx ul {
 margin-top: 0.1rem;
 }
 .ywgk ul,
 .xxcx ul {
 padding: 0 0.7rem;
 }
 .ywgk ul li a,
 .xxcx ul li a {
 float: left;
 width: 1.88rem;
 height: 0.38rem;
 border: 0.01rem solid #fff;
 border-radius: 0.05rem;
 color: #fff;
 line-height: 0.38rem;
 text-align: center;
 transition: all 0.3s;
 margin: 0.15rem;
 }
}

@media screen and (max-width:640px) {
 .midIn ul li a {
 background-size: 30px;
 }
 .midIn ul li a.bg2 {
 background-size: 30px;
 }
 .midIn ul li a.bg3 {
 background-size: 30px;
 }
} 