@charset "utf-8";
html{width:100%;height:100%;}
body {font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;background:#fff;}
body.lbody {background:#f6faff;}
* {margin:0;padding:0;}
li {list-style:none;}
img {border:none;display:block;}
i,em {font-style:inherit;}
.clear {clear:both;}
.mtop10 {margin-top:10px;}
a {color:#000;text-decoration:none;}
a:hover {color:#0559cd;}
.clearh {clear:both;height:50px;}
*:focus { outline: none; } 

.headerbg{width:100%;background:#fff;position:relative;z-index:999;box-shadow:0 5px 9px 4px rgba(0,0,0,.07);}
.headerbg.on{position:fixed;left:0;top:0;z-index:999;}
.header {width:95%;max-width:1150px;margin:0 auto;position:relative;z-index:999;}
.logo {display:inline-block;width:180px;position:absolute;left:0;top:16px;z-index:11;}
.logo img{width:100%;}
.navbox {position:absolute;right:0%;top:10px;width:30px;margin:0;display:none;cursor:pointer;}
.navbox tt {float:left;width:30px;height:4px;background:#0077c8;margin-top:5px;}
.navclose {display:inline-block;font-size:26px;color:#fff;position:fixed;right:5%;top:10px;z-index:999;display:none;cursor:pointer;}
.nav{margin:0 0 0 400px;text-align:right;}
.nav li{display:inline-block;position:relative;z-index:11;padding:30px 0;margin:0 0 0 7%;}
.nav li a{font-size:22px;display:block;color:#021b4e;font-weight:bold;}
.nav li:hover a,.nav li.on a{color:#3268c6;}
.nav li dl{width:150px;background:#fff;position:absolute;left:-50%;top:89px;z-index:99;border-top:1px solid #eee;display:none;box-shadow:0 5px 9px 4px rgba(0,0,0,.07);}
.nav li dl dd{padding:10px 0 10px 20px;text-align:left;}
.nav li dl dd a{color:#021b4e;font-size:16px;font-weight:300;}
.nav li:hover dl dd a,.nav li.on dl dd a{color:#021b4e;}
.nav li:hover dl dd a:hover,.nav li.on dl dd a:hover{color:#3268c6;}
.nav.ennav li{margin:0 0 0 5%;}
.nav.ennav li a{font-size:18px;}
.nav.ennav li dl dd a{font-size:14px;}
.nav.ennav li dl{top:83px;}
.mbanner{width:100%;height:700px;background:url(../images/banner.jpg) no-repeat center 0;background-size:auto 100%;}
.yn-abg{width:100%;background:#f6faff;}
.yn-a{width:100%;padding:60px 0;text-align:center;}
.yn-a h2{font-size:40px;color:#021b4e;}
.yn-a p{font-size:20px;color:#3268c6;}
.yn-a tt{display:inline-block;width:140px;height:5px;background:#3268c6;margin:15px 0 10px;}
.yn-b{width:100%;max-width:1200px;margin:0 auto;}
.yn-b li{width:33.33%;float:left;height:270px;text-align:center;}
.yn-b li dt{width:170px;height:170px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;}
.yn-b li dt.yn-bdta{background-image:url(../images/p01.png);}
.yn-b li dt.yn-bdtb{background-image:url(../images/p02.png);}
.yn-b li dt.yn-bdtc{background-image:url(../images/p03.png);}
.yn-b li dt.yn-bdtd{background-image:url(../images/p04.png);}
.yn-b li dt.yn-bdte{background-image:url(../images/p05.png);}
.yn-b li dt.yn-bdtf{background-image:url(../images/p06.png);}
.yn-b li dd{font-size:22px;color:#021b4e;max-width:125px;margin:0 auto;}
.yn-cbg{width:100%;background:url(../images/bg01.jpg) no-repeat center 0;background-size:auto 100%;padding-bottom:80px;}
.yn-cbg .yn-a h2{color:#fff;}
.yn-cbg .yn-a p{color:#fff;}
.yn-cbg .yn-a tt{background:#fff;}
.yn-c{width:100%;max-width:1200px;margin:0 auto;}
.yn-c li{width:30%;float:left;height:400px;text-align:center;margin:0 1.5%;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;position:relative;}
.yn-c li.yn-cli1{background-image:url(../images/h01.jpg);}
.yn-c li.yn-cli2{background-image:url(../images/h02.jpg);}
.yn-c li.yn-cli3{background-image:url(../images/h03.jpg);}
.yn-c li h2{position:absolute;left:5%;bottom:38px;width:90%;text-align:center;font-size:35px;color:#021b4e;}
.yn-d{width:100%;max-width:1200px;margin:0 auto 50px;overflow:hidden;}
.yn-d ul{width:105%;}
.yn-d ul li{width:13.8%;height:115px;float:left;background:#fff;box-shadow:0 0 5px 3px rgba(0,0,0,.05);margin:5px 1.5% 20px .6%;line-height:115px;}
.yn-d ul li img{width:100%;max-height:90%;display:inline-block;vertical-align:middle;}
.footer{padding:25px 0;background:#3268c6;text-align:center;font-size:16px;color:#fff;}
.lbanner{width:100%;height:400px;background:url(../images/lbanner.jpg) no-repeat center 0;background-size:auto 100%;}
.lbannern{width:100%;height:300px;background:url(../images/lbannern.jpg) no-repeat center 0;background-size:auto 100%;}
.yn-e{width:95%;max-width:1200px;margin:35px auto 0;border-bottom:1px solid #3e70c9;padding-bottom:25px;position:relative;font-size:26px;color:#021b4e;}
.lsearch{position:absolute;right:0;top:-10px;display:inline-block;border:1px solid #3e70c9;}
.lsearch input[type="text"]{width:240px;height:44px;border:none;background:#fff;text-indent:10px;font-size:14px;color:#333;vertical-align:middle;}
.lsearch input[type="submit"]{width:60px;height:45px;border:none;background:url(../images/s.png) no-repeat 0 0;cursor:pointer;vertical-align:middle;}
.yn-f{width:95%;max-width:1200px;margin:35px auto 0;}
.yn-f ul{width:105%;}
.yn-f ul li{width:21.5%;height:290px;float:left;margin:0 2.9% 30px 0;border:1px solid #e1eeff;background:#fff;transition:.5s;}
.yn-f ul li dt{width:100%;height:170px;overflow:hidden;border-bottom:1px solid #e1eeff;text-align:center;line-height:170px;}
.yn-f ul li dt img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle;}
.yn-f ul li dd{text-align:center;padding-top:20px;}
.yn-f ul li dd p{width:90%;margin:0 auto;font-size:18px;color:#021b4e;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.yn-f ul li dd span{display:inline-block;padding:9px 0;width:80%;border:1px solid #e1eeff;font-size:14px;color:#3e70c9;transition:.5s;}
.yn-f ul li:hover{box-shadow:0 0 9px 4px rgba(0,0,0,.07);}
.yn-f ul li:hover dd span{background:#3e70c9;color:#fff;}
.lmore{text-align:center;margin:0 0 40px;}
.lmore a{display:inline-block;padding:9px 30px;background:#3e70c9;color:#fff;font-size:14px;}
.yn-g{width:95%;max-width:1200px;margin:35px auto 0;position:relative;min-height:700px;}
.yn-ga{width:280px;position:absolute;left:0;top:0;}
.yn-gb{margin-left:340px;}
.yn-gb .yn-e{width:100%;}
.yn-ga dt{font-size:26px;color:#021b4e;margin:0 0 10px 0;}
.yn-ga dd{width:100%;height:140px;margin:15px 0;text-align:center;}
.yn-ga dd.yn-ga-dd1{background:url(../images/bg02.jpg) no-repeat 0 0;background-size:100% 100%;}
.yn-ga dd.yn-ga-dd2{background:url(../images/bg03.jpg) no-repeat 0 0;background-size:100% 100%;}
.yn-ga dd.yn-ga-dd3{background:url(../images/bg04.jpg) no-repeat 0 0;background-size:100% 100%;}
.yn-ga dd a{display:block;width:100%;line-height:140px;font-size:22px;color:#fff;font-weight:bold;}
.yn-ga p{font-size:18px;color:#021b4e;margin:0 0 10px 0;}
.yn-fbg{width:100%;overflow:hidden;min-height:400px;}
.yn-gb-a{margin:30px auto;position:relative;min-height:170px;}
.yn-gb-a dt{width:270px;position:absolute;left:0;top:0;height:170px;overflow:hidden;border:1px solid #e1eeff;text-align:center;line-height:170px;}
.yn-gb-a dt img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle;}
.yn-gb-a dd{margin-left:290px;}
.yn-gb-a dd h1{font-size:26px;color:#021b4e;}
.yn-gb-a dd li{font-size:16px;color:#021b4e;margin-top:15px;position:relative;}
.yn-gb-a dd li b{position:absolute;left:0;top:0;}
.yn-gb-a dd li h2{margin:0 0 0 90px;word-wrap:break-word;font-size:16px;font-weight:300;}
.yn-gb-b dt{background:#e4efff;padding:15px 0;}
.yn-gb-b dt h2{font-size:18px;color:#021b4e;display:inline-block;padding-left:20px;font-weight:bold;}
.yn-gb-b dd{font-size:18px;color:#021b4e;padding:10px 0;}
.yn-gb-b dd p{padding:10px 0;}
.yn-gb-c{background:#fff0f0;padding:15px;display:inline-block;font-size:16px;color:#fd374e;font-weight:bold;}
.yn-h{width:100%;}
.yn-ha{width:95%;max-width:1200px;margin:35px auto 0;padding-bottom:20px;border-bottom:1px solid #3e70c9;font-size:26px;color:#021b4e;font-weight:bold;}
.yn-hb{width:95%;max-width:1200px;margin:35px auto 60px;position:relative;}
.yn-hb dl{width:255px;height:290px;margin:0 auto;border:1px solid #e1eeff;background:#fff;transition:.5s;}
.yn-hb dl dt{width:100%;height:170px;overflow:hidden;border-bottom:1px solid #e1eeff;text-align:center;line-height:170px;}
.yn-hb dl dt img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle;}
.yn-hb dl dd{text-align:center;padding-top:20px;}
.yn-hb dl dd p{width:90%;margin:0 auto;font-size:18px;color:#021b4e;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.yn-hb dl dd span{display:inline-block;padding:9px 0;width:80%;border:1px solid #e1eeff;font-size:14px;color:#3e70c9;transition:.5s;}
.yn-hb dl:hover{box-shadow:0 0 9px 4px rgba(0,0,0,.07);}
.yn-hb dl:hover dd span{background:#3e70c9;color:#fff;}
.swiper-ka{width:100%;height:290px;padding:10px 0;overflow:hidden;margin:0 auto;}
.swiper-ka .swiper-slide{width:298px;}
a.arrow-kal{display:inline-block;background:url(../images/pre.png) no-repeat center center;background-size:100% auto;position:absolute;z-index:99;left:-60px;top:37%;width:50px;height:80px;}
a.arrow-kar{display:inline-block;background:url(../images/net.png) no-repeat center center;background-size:100% auto;position:absolute;z-index:99;right:-60px;top:37%;width:50px;height:80px;}
.yn-ia{width:95%;max-width:1200px;margin:-35px auto 35px;font-size:18px;color:#021b4e;}
.yn-ia p{margin:20px auto 0;}
.yn-ib{text-align:center;}
.yn-ib span{display:inline-block;font-size:26px;color:#fff;font-weight:bold;background:#3268c6;padding:15px 30px;}
.yn-ic{width:95%;max-width:1200px;margin:35px auto;font-size:18px;color:#021b4e;}
.yn-ic dl{margin:50px auto;}
.yn-ic dl dt{width:40%;float:right;}
.yn-ic dl dt img{width:100%;}
.yn-ic dl dd{width:53%;float:left;font-size:18px;color:#021b4e;padding:60px 0 0;}
.yn-ic dl dd h2{font-size:26px;padding-bottom:30px;}
.yn-ic dl dd p{padding-bottom:30px;}
.yn-ic dl dd tt{display:inline-block;width:80px;height:5px;background:#3268c6;margin:15px 0 10px;}
.yn-ic dl.odd dt{float:left;}
.yn-ic dl.odd dd{float:right;text-align:right;}
.yn-ic dl.odd dd p{text-align:left;}



.close{position:absolute;right:10px;top:5px;font-size:20px;color:#333;cursor:pointer;}

.phone{display:none;}
.reduce{display:inline-block;width:40px;height:40px;background:#fff;border:1px solid #ddd;vertical-align:middle;cursor:pointer;font-size:18px;color:#999;}
.add{display:inline-block;width:40px;height:40px;background:#fff;border:1px solid #ddd;vertical-align:middle;cursor:pointer;font-size:18px;color:#999;}
.num{display:inline-block;width:120px;height:38px;border:1px solid #0077c8;background:none;vertical-align:middle;text-align:center;font-size:18px;}

.hc-hk img:nth-child(1){width:70%;height:445px;float:left;border-radius:5px;}
.hc-hk img:nth-child(2){width:29%;height:445px;float:right;border-radius:5px;}

.pages{font-size:14px;width:95%;max-width:1200px;margin:0 auto;text-align:center;padding:30px 0;}
.pages li{display:inline-block;}
.pages a{color:#333;display:inline-block;font-size:18px;vertical-align:middle;margin:0 5px;}
.pages a.pre,.pages a.next{width:35px;height:35px;background:#f7f7f7 url(../images/ico09.png) no-repeat center center;background-size:auto 15px;border:1px solid #ddd;}
.pages a.next{background:#1d69d2 url(../images/ico11.png) no-repeat center center;background-size:auto 15px;}
.pages a.on{color:#1d69d2;}
.pages .c{color:#1d69d2;vertical-align:middle;}
.pages span{padding:0 20px}
.pages input{border:1px solid #dedede;background:#fff;width:10px;color:#818183;padding:8px 14px;height:20px;margin:-4px 5px 0 5px;display:inline-block}
.pages .sub{margin-left:10px}

@media (max-width:1400px) {
.yn-hb{width:90%;}
.swiper-ka{width:90%;}
a.arrow-kal{background-size:100% auto;position:absolute;z-index:99;left:-15px;top:37%;width:30px;height:50px;}
a.arrow-kar{background-size:100% auto;position:absolute;z-index:99;right:-15px;top:37%;width:30px;height:50px;}

}
@media (max-width:1300px) {
.mbanner{height:600px;}

}
@media (max-width:1100px) {
.mbanner{height:500px;}
.nav{margin:0 0 0 200px;}
.yn-c li{height:350px;}
.yn-c li h2{bottom:35px;font-size:30px;}
.yn-d ul li{height:95px;line-height:95px;}

}
@media (max-width:980px) {
.mbanner{height:400px;}
.yn-c li{height:300px;}
.yn-c li h2{bottom:30px;font-size:30px;}
.yn-f ul li{height:270px;}
.yn-f ul li dt{height:150px;line-height:150px;}

}
@media (max-width:900px) {
.headerbg{height:70px;}
.logo{width:150px;top:10px;}
.navbox {display:block;top:20px;right:10px;}
.nav {position:fixed;top:0px;right:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.8);padding:50px 0 0;margin:0;display:none;}
.nav li{display:block;width:90%;margin:0 auto;border:none;border-bottom:1px solid #555;float:none;transition:.5s;text-align:center;padding:0;}
.nav li tt{display:none;}
.nav li a{color:#fff;height:auto;line-height:auto;display:block;margin:0;padding:15px 0;border:none;font-size:16px;}
.nav li dl{width:100%;background:rgba(0,0,0,.3);position:static;}
.nav li dl dd{padding:0;text-align:center;}
.nav li dl dd a{color:#fff;}
.nav li:hover dl dd a,.nav li.on dl dd a{color:#fff;}
.navclose {display:inline-block;}
.phone{display:block;}
.yn-c li{height:250px;}
.yn-c li h2{bottom:25px;font-size:25px;}
.lbanner{height:350px;}
.yn-f ul li{height:250px;}
.yn-f ul li dt{height:130px;line-height:130px;}
.yn-f ul li dd p{font-size:16px;}
.yn-gb{margin-left:300px;}

}
@media (max-width:900px) {
.yn-ga{position:static;width:100%;}
.yn-gb{margin-left:0;}
.yn-gb .yn-e{width:100%;}
.yn-ga dd{float:left;width:30%;margin:0 3% 20px 0;}

}
@media (max-width:750px) {
.mbanner{height:300px;}
.yn-b li{height:210px;}
.yn-b li dt{width:130px;height:130px;}
.yn-b li dd{font-size:18px;}
.yn-abg{padding-bottom:10px;}
.yn-a{padding:30px 0;}
.yn-a h2{font-size:20px;}
.yn-a p{font-size:14px;}
.yn-a tt{width:50px;height:3px;margin:7px auto 3px;}
.yn-c li{height:200px;}
.yn-c li h2{bottom:20px;font-size:20px;}
.yn-cbg{padding-bottom:60px;}
.yn-d ul li{width:21%;height:80px;line-height:80px;margin:5px 1.3% 20px;}
.yn-d{margin:0 auto 20px;}
.lbanner{height:300px;}
.yn-f ul li{height:250px;width:29.5%;}
.yn-ic dl{text-align:center;}
.yn-ic dl dt{width:100%;float:none;}
.yn-ic dl dd{width:100%;float:none;padding:20px 0 0;font-size:16px;}
.yn-ic dl dd h2{font-size:22px;padding-bottom:20px;}
.yn-ic dl dd p{padding-bottom:20px;}
.yn-ia{font-size:16px;}
.yn-ib span{font-size:18px;}

}
@media (max-width:650px) {
.lbanner{height:250px;}
.yn-f ul li{height:280px;width:45%;margin:0 4% 20px 0;}
.yn-f ul li dt{height:160px;line-height:160px;}
.yn-gb-a dt{width:100%;max-width:270px;position:static;height:170px;margin:0 auto;}
.yn-gb-a dd{margin:20px 0 0;}
.yn-hb dl{width:225px;}
.swiper-ka .swiper-slide{width:258px;}

}
@media (max-width:550px) {
.mbanner{height:200px;}
.yn-b li{height:150px;}
.yn-b li dt{width:90px;height:90px;}
.yn-b li dd{font-size:16px;max-width:90px;}
.yn-c li{height:150px;}
.yn-c li h2{bottom:15px;font-size:16px;}
.yn-cbg{padding-bottom:50px;}
.yn-d ul li{height:70px;line-height:70px;}
.footer{font-size:14px;padding:20px 10px;}
.lbanner{height:200px;}
.yn-e{padding-bottom:15px;font-size:22px;text-align:center;}
.lsearch{position:relative;top:0;display:block;margin:10px 0 0;}
.lsearch input[type="text"]{width:100%;}
.lsearch input[type="submit"]{position:absolute;right:0;}


}
@media (max-width:450px) {
.yn-c li{height:120px;}
.yn-c li h2{bottom:10px;font-size:14px;}
.yn-d ul li{width:29%;height:60px;line-height:60px;margin:5px 1.3% 10px;}
.footer{font-size:12px;padding:15px 10px;}
.lbanner{height:150px;}
.yn-f ul li{height:250px;}
.yn-f ul li dt{height:130px;line-height:130px;}
.yn-ga dd{float:none;width:100%;margin:0 0 10px 0;}


}
@media (max-width:390px) {
.mbanner{height:150px;}
.yn-b li{height:130px;}
.yn-b li dt{width:70px;height:70px;}
.yn-b li dd{font-size:14px;max-width:80px;}
.yn-c li{height:100px;}
.yn-c li h2{bottom:7px;}
.lbanner{height:120px;}
.yn-f ul li{height:230px;}
.yn-f ul li dt{height:110px;line-height:110px;}

}
@media (max-width:350px) {
.cy-h ul li{width:41%;height:250px;margin:0 7% 20px 0;}
.cy-h ul li dt{height:170px;}
.cy-h ul li dt div{height:170px;}


}