.banner{background:url(../15441.files/1353453.jpg) center top no-repeat;background-size:cover;height:350px}.banner h2{color:#fff;margin-top:56px;font-size:60px;font-weight:700;margin-bottom:0}@media (max-width:767px){.banner{height:240px}.banner h2{font-size:30px;margin-top:26px}}.banner p{color:#fff;font-size:22px; line-height:1.5em}@media (max-width:767px){.banner p{font-size:14px;}}.about{margin-top:60px}.about h3 span{font-size:30px;color:#666;border:2px solid #666;padding:6px 30px 2px;position:relative}.about h3 span::before{content:'';background:url(../15441.files/tu-7.png) no-repeat;position:absolute;width:80px;height:30px;top:-16px;left:56px;box-shadow:0 -20px 5px 8px #fff}@media (max-width:767px){.about{margin-top:20px}.about h3 span{font-size:22px;padding-bottom:0}.about h3 span::before{box-shadow:0 0 0 0 #fff;left:38px}}.about p{color:#999;font-size:22px;margin-top:66px}@media (max-width:767px){.about p{font-size:16px;margin-top:20px;margin-bottom:0}}

.graybg { padding: 80px 0 30px 0; }

@media (max-width: 767px) { .graybg { padding: 30px 0; } }

.card-box {background: linear-gradient(#2196F3, #41a876 100%); transition: all 0.3s linear; padding: 20px 25px; margin-bottom: 30px; height: 330px; background-color:#d1d1d1 \9;border-radius: 3px;}

@media (max-width: 1200px) { .card-box { height: 270px; } }

@media (max-width: 960px) { .card-box { height: 330px; } }

@media (max-width: 768px) { .card-box { height: 330px; padding-bottom: 3em; } }

.card-box:hover .card-img img { -ms-transform: scale(1.2); transform: scale(1.2); }

.card-box:hover .card-title h3 { color: #4a4a4a; }

.card-box .card-img { padding: 36px; text-align: center; }

@media (max-width: 1200px) { .card-box .card-img { padding: 22px; } }

@media (max-width: 768px) { .card-box .card-img { padding: 36px; } }

.card-box .card-img img { transition: all .3s; }

.card-box .card-title h3 { text-align: center; margin-top: 1em; margin-bottom: 4em;font-size:18px; font-weight: bold; color: #ffffff; transition: all 0.2s linear;}

@media (max-width: 1200px) { .card-box .card-title h3 { margin-bottom: 2em; } }

@media (max-width: 768px) { .card-box .card-title h3 { font-size: 28px; margin-bottom: 3em; } }

@media (max-width: 414px) { .card-box .card-title h3 { font-size: 22px; margin-bottom: 1em; } }

.card-box .link { display: block; position: absolute; width: 100%; height: auto; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }