@charset "utf-8";
html{width:100%;height:100%;}
body {font-size:12px;font-family:"思源宋体 CN","宋体","微软雅黑",Arial, Helvetica, sans-serif;background:#fff;}
* {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:#333;text-decoration:none;}
a:hover {color:#082d64;}
.clearh {clear:both;height:50px;}
*:focus { outline: none; } 
@font-face {
      font-family: 'syHeavy';
    src: url('../fonts/sy-Heavy.eot');
    src: url('../fonts/sy-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sy-Heavy.woff') format('woff'),
         url('../fonts/sy-Heavy.ttf') format('truetype'),
         url('../fonts/sy-Heavy.svg#gautamiregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
@font-face {
  font-family: "sy-Medium";
  src: url("../fonts/sy-Medium.woff") format("woff"),
       url("../fonts/sy-Medium.ttf") format("truetype"),
       url("../fonts/sy-Medium.eot") format("embedded-opentype"),
       url("../fonts/sy-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.headerbg{position:relative;z-index:99;}
.logo {display:block;text-align:center;width:100%;max-width:200px;margin:10px auto;}
.logo img{height:90px;display:inline-block;}
.header {width:100%;background:#dfdfdf;}
.navbox {position:absolute;left:50%;top:118px;width:40px;margin:0 0 0 -20px;display:-none;cursor:pointer;}
.navbox tt {float:left;width:100%;height:4px;background:#323232;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{width:100%;max-width:1300px;margin:0 auto;position:relative;height:60px;}
.nav li{width:13.5%;float:left;padding:15px 0 15px;text-align:center;cursor:pointer;}
.nav li.navlia{margin-left:18%;}
.nav li.navlib{position:absolute;right:0;top:38px;width:45px;}
.nav li{font-size:16px;display:inline-block;font-weight:bold;}
.nav li a:hover,.nav li:hover ,.nav li.on {color:#fff;background:url(../images/bg01.jpg) no-repeat center center;}
.header.on {position:fixed;left:0;top:0;z-index:9999;}
.header.on .navbox {top:15px;}
.jh-a{width:95%;max-width:1200px;margin:50px auto 0;height:820px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%;position:relative;z-index:1;}
.jh-adla{width:100px;position:absolute;right:0;top:0;z-index:11;font-size:16px;color:#333;text-align:right;}
.jh-adla dt{font-size:32px;color:#333;width:40px;display:inline-block;font-weight:bold;font-family:"思源宋体 CN","syHeavy";}
.jh-adla dd{font-family:"思源黑体 CN","Times New Roman", Times, serif;font-size:18px;padding:10px 0 0;}
.jh-adlb{width:250px;height:580px;position:absolute;left:0;bottom:0;z-index:11;font-size:16px;color:#333;}
.jh-adlb dt{position:absolute;right:0;top:0;z-index:11;font-size:26px;color:#333;width:30px;font-weight:bold;}
.jh-adlb dd{font-size:16px;color:#333;word-wrap:break-word;writing-mode:vertical-rl;writing-mode:tb-rl;font-weight:bold;line-height:40px;letter-spacing:7px;font-family:"思源黑体 CN","宋体";}
.jh-adlc{width:300px;height:320px;margin:100px auto 0;font-size:16px;color:#333;position:relative;z-index:1;}
.jh-adlc dt{position:absolute;right:0;top:0;z-index:11;font-size:26px;color:#333;width:30px;font-weight:bold;}
.jh-adlc dd{font-size:16px;color:#333;word-wrap:break-word;writing-mode:vertical-rl;writing-mode:tb-rl;font-weight:bold;line-height:40px;letter-spacing:7px;font-family:"思源黑体 CN","宋体";}
.jh-adlc dd b{font-size:22px;}
.jh-ab,.jh-ac{width:100%;max-width:900px;margin:70px auto 0;text-align:center;}
.jh-ab span{display:inline-block;width:40%;font-size:18px;color:#333;font-family:"思源黑体 CN","宋体";}
.jh-ab span h2{font-size:60px;color:#333;font-family:"思源宋体 CN","宋体";}
.jh-ab{font-weight:bold;}
.jh-ac b{font-size:90px;color:#507032;display:inline-block;margin:0 0 -50px 0;}
.jh-ac h2{font-size:40px;color:#333;}
.jh-ad{width:100%;max-width:1200px;margin:50px auto 0;}
.jh-ad img{width:100%;}
.jh-adld{width:200px;height:370px;margin:100px auto 0;font-size:16px;color:#333;position:relative;z-index:1;}
.jh-adld dt{position:absolute;right:0;top:0;z-index:11;font-size:66px;color:#333;width:30px;font-weight:bold;font-family:"楷体";}
.jh-adld dd{font-size:18px;color:#333;word-wrap:break-word;writing-mode:vertical-rl;writing-mode:tb-rl;font-weight:bold;line-height:40px;letter-spacing:7px;font-family:"思源黑体 CN";}
.jh-b{width:100%;margin:100px 0 0;}
.jh-b img{width:100%;}
.jh-c{width:100%;margin:60px 0 0;position:relative;z-index:1;}
.jh-c img{width:100%;}
.jh-ca{width:100%;position:absolute;left:0;top:0;z-index:11;}
.jh-cam{width:95%;max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.jh-dbg{width:100%;background:#dedede;padding:30px 0;margin:150px auto 0;}
.jh-d{width:95%;max-width:1000px;margin:0 auto;position:relative;z-index:1;}
.jh-dm{width:70%;max-width:550px;margin:0 auto;font-size:16px;color:#333;line-height:40px;font-weight:bold;padding:30px 0;font-family:"思源黑体 CN","宋体";}
.jh-dspana{position:absolute;left:0;top:0;z-index:11;font-size:120px;color:#507032;font-family:"楷体";font-weight:bold;}
.jh-dspanb{position:absolute;right:0;bottom:-30px;z-index:11;font-size:90px;color:#333;font-family:"思源宋体 CN","宋体";font-weight:bold;}
.jh-dm span{color:#507032;}
.jh-e{width:100%;margin:60px 0 0;position:relative;z-index:1;}
.jh-ea{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.jh-ea img{width:100%;}
.jh-eam{width:95%;position:relative;z-index:1;}
.jh-eab{position:absolute;right:0;bottom:0px;z-index:11;width:50%;}
.jh-eab span{display:inline-block;width:20px;padding:30px 0 0;margin:0 5%;font-size:26px;color:#333;font-weight:bold;background:url(../images/ico02.jpg) no-repeat center 0;text-align:center;font-family:"思源黑体 CN";}
.jh-f{width:95%;max-width:1500px;background:#dedede;padding:100px 0 0;margin:-75px auto 0;}
.jh-fa{width:90%;margin:0 auto;height:280px;position:relative;z-index:1;background:url(../images/p06.jpg) no-repeat right bottom;}
.jh-fb{width:100%;margin:80px 0 0;}
.jh-fb li{width:25%;float:left;position:relative;z-index:1;margin:0 0 0 6%;}
.jh-fb li img{width:100%;}
.jh-fb li div{width:99%;height:99%;border:3px solid #507032;position:absolute;left:15px;top:-15px;z-index:11;}
.jh-fbbox{position:absolute;left:15%;bottom:15%;z-index:11;display:inline-block;width:70%;border:1px solid #fff;padding:10px 0;border-radius:5px;text-align:center;}
.jh-fbbox span{display:inline-block;font-size:14px;color:#fff;}
.jh-fbbox span tt{display:inline-block;width:10px;height:10px;background:#ad0e06;border-radius:3px; vertical-align:middle;margin:0 8px 0 0;}
.jh-fc{width:90%;margin:100px auto 0;}
.jh-fca{width:34.5%;float:left;}
.jh-fcb{width:27%;max-height:770px;float:left;margin:0 0 0 3%;font-size:18px;color:#333;word-wrap:break-word;writing-mode:tb-rl;font-weight:bold;line-height:45px;letter-spacing:5px;font-family:"思源黑体 CN";}
.jh-fcc{width:30%;float:right;}
.jh-fca img{width:100%;}
.jh-fcc img{width:100%;}
.jh-fd{width:100%;padding:100px 0 300px;background:url(../images/p12.jpg) no-repeat 0 40%;background-size:30% auto;}
.footerbg{width:100%;padding:120px 0;position:relative;z-index:1;background:#262626 url(../images/p03.png) no-repeat 95% 95%;background-size:20% auto;}
.footer-logo{width:350px;position:absolute;left:50%;top:-120px;;z-index:11;overflow:hidden;margin:0 0 0 -170px;}
.footer-logo img{display:inline-block;vertical-align:middle;width:100%;}
.footer{width:95%;max-width:1200px;margin:0 auto;font-size:14px;color:#fff;}
.footer p{text-align:right;font-weight:bold;padding:8px 0 10px 0;font-family:"思源黑体 CN";}
.footer p span{float:left;}
.footer p i{float:left;}
.footer p a{color:#fff;}
.footer-a{width:95%;max-width:1200px;margin:30px auto 0;position:relative;z-index:1;}
.footer-a dt{width:115px;height:115px;position:absolute;right:0;top:-18px;z-index:11;}
.footer-a dt img{width:100%;height:100%;}
.footer-a dd{margin:0 130px 0 0;border-top:2px solid #939393;border-bottom:2px solid #939393;padding:10px 0;font-size:14px;color:#fff;font-weight:bold;font-family:"思源黑体 CN";}
.footer-a dd a{display:inline-block;vertical-align:middle;color:#fff;}
.footer-b{margin:50px 0 0;text-align:center;font-size:14px;color:#fff;font-weight:bold;}



.vboxbg{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:-1;visibility:hidden;}
.vboxbg.on{z-index:999;visibility: visible;}
.vbox{width:90%;max-width:1150px;height:60%;max-height:550px;margin:5% auto 0;position:relative;z-index:11;}
.vxclose{font-size:30px;color:#fff;cursor:pointer;position:absolute;right:2%;top:2%;z-index:99;font-family:Arial, Helvetica, sans-serif;}
.vbox-txt{width:80%;padding:20px;position:absolute;left:10%;bottom:0;background:rgba(0,0,0,.7);z-index:99;font-size:12px;color:#fff;display:none;}
.vbox-txt h2{font-size:16px;color:#fff;padding-bottom:10px;}
.vboxlist{width:90%;max-width:1150px;height:150px;margin:3% auto 0;}


.pages{width:90%;text-align:center;padding:20px 0;position:relative;z-index:1;margin:0 auto;}
.pages a{font-size:18px;font-weight:bold;margin:0 1%;}
.pages a:hover,.pages a.on{color:#082d64;}
.pages a.p-l{display:inline-block;width:20px;height:15px;background:url(../images/ico07.png) no-repeat 0 0;background-size:100% 100%;position:absolute;left:10%;top:20px;z-index:999;}
.pages a.p-r{display:inline-block;width:20px;height:15px;background:url(../images/ico08.png) no-repeat 0 0;background-size:100% 100%;position:absolute;right:10%;top:20px;z-index:999;}
.pages a.p-l:hover{background:url(../images/ico07-on.png) no-repeat 0 0;background-size:100% 100%;}
.pages a.p-r:hover{background:url(../images/ico08-on.png) no-repeat 0 0;background-size:100% 100%;}


@media (min-width:1921px) {
.vbox{max-width:1750px;max-height:880px;}
.vboxlist{max-width:1750px;height:280px;}
}
@media (max-width:1280px) {
.jh-fcb{max-height:500px;line-height:30px;}
.vbox{height:450px;max-height:450px;}
.jh-fcb{max-height:600px;font-size:20px;line-height:36px;}
}
@media (max-width:1100px) {
.vbox{height:400px;max-height:400px;}
.jh-ac h2{font-size:30px;}
.jh-fcb{max-height:550px;font-size:16px;line-height:33px;}

}
@media (max-width:951px) {
.jh-fcb{max-height:400px;line-height:22px;}
.jh-fd{padding:80px 0 250px;background-size:30% auto;}
.vbox{height:350px;max-height:350px;}
.jh-fcb{max-height:450px;font-size:14px;line-height:28px;}

}
@media (max-width:850px) {
.navbox {top:20px;left:auto;right:2.5%;margin:0;}
.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;}
.nav li.navlia{margin-left:auto;}
.nav li {color:#fff;line-height:auto;display:block;}
.nav li.on,.nav li a:hover,.nav li:hover {color:#c00;background:none;}
.navclose {display:inline-block;}
.logo{position:absolute;left:2.5%;top:10px;width:auto;margin:0;}
.logo img{height:50px;}
.headerbg{height:70px;}
.jh-a{height:520px;}
.jh-adla{font-size:14px;}
.jh-adla dt{font-size:20px;width:20px;}
.jh-adla dd{font-size:14px;}
.jh-adlb{width:170px;height:380px;font-size:14px;}
.jh-adlb dt{font-size:18px;width:20px;}
.jh-adlb dd{font-size:14px;line-height:25px;letter-spacing:5px}
.jh-adlc{width:200px;height:220px;margin:50px auto 0;font-size:14px;}
.jh-adlc dt{font-size:20px;width:20px;}
.jh-adlc dd{font-size:14px;line-height:25px;letter-spacing:5px}
.jh-adlc dd b{font-size:18px;}
.jh-ab span{font-size:14px;}
.jh-ab span h2{font-size:40px;}
.jh-ac b{font-size:70px;margin:0 0 -50px 0;}
.jh-ac h2{font-size:20px;}
.jh-adld{width:130px;height:270px;margin:50px auto 0;}
.jh-adld dt{font-size:36px;}
.jh-adld dd{font-size:14px;line-height:25px;letter-spacing:5px}
.jh-b{margin:50px 0 0;}
.jh-eab span{width:20px;padding:15px 0 0;margin:0 5%;font-size:14px;background-size:8px auto;}
.jh-fa{height:200px;background-size:auto 50px;}
.jh-fb li{width:28%;margin:0 0 0 3%;}
.jh-fbbox span{font-size:12px;}
.footer-logo{width:250px;top:-100px;margin:0 0 0 -130px;}
.vbox{height:400px;max-height:400px;margin-top:10%;}
.header.on {position:relative;}
.jh-fcb{max-height:400px;font-size:14px;line-height:21px;}

}
@media (max-width:750px) {
.jh-fca{width:100%;float:none;}
.jh-fcb{width:100%;float:none;padding:30px 0;writing-mode:rl-tb;}
.jh-fcc{width:100%;float:none;}
.footer p{text-align:left;}
.footer p span{float:none;display:block;}
.footer p i{float:none;display:block;}
.jh-d{width:100%;}
.jh-dm{width:70%;font-size:14px;line-height:30px;padding:30px 0;}
.jh-dspana{font-size:90px;}
.jh-dspanb{font-size:70px;}

}
@media (max-width:650px) {
.jh-fb li div{width:99%;height:99%;border:2px solid #507032;position:absolute;left:5px;top:-5px;z-index:11;}
.jh-fbbox {width:90%;left:5%;}
.jh-ac h2{font-size:18px;}

}
@media (max-width:550px) {
.jh-adlb{width:125px;height:450px;font-size:14px;}
.jh-a{height:460px;}
.jh-adlb dd{font-size:14px;line-height:20px;letter-spacing:3px}
.jh-adla{font-size:12px;top:-30px;}
.jh-adla dt{font-size:16px;width:20px;}
.jh-adla dd{font-size:12px;}
.jh-eab{bottom:0px;width:80%;}
.jh-ea{padding:0 0 100px 0;}
.jh-fa{height:120px;background-size:auto 30px;}
.jh-fb li{width:90%;margin:0 auto 20px;float:none;}
.footer-logo{width:150px;top:-50px;margin:0 0 0 -70px;}
.jh-ac h2{font-size:16px;}
.jh-dm{width:80%;font-size:14px;line-height:27px;padding:25px 0;}
.jh-dspana{font-size:50px;}
.jh-dspanb{font-size:30px;}


}
@media (max-width:450px) {
.jh-ac h2{font-size:14px;}

}
@media (max-width:390px) {
.jh-ac h2{font-size:12px;}

}
@media (max-width:350px) {


}