@charset "utf-8";
/*public start*/
html, body{position: relative;height: 100%;}
.main{position: relative;height: 100%;overflow: hidden;}
html{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}
body{font: normal 12px/180% 'Microsoft YaHei', 'pingfang SC', 'helvetica neue';color: #333;background:#fff;}
*, *::after, *::before{
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
html,body{height: 100%;}
body{max-height: 100%;}
::-webkit-scrollbar{width: 0;}
*{margin: 0;padding: 0;outline: 0;border: 0;}
a:link, a:visited{color: #333;text-decoration: none;}
a:hover{color: #c00;text-decoration: underline;}
a, img{-webkit-touch-callout: none;}
ol, ul, li{list-style: none;}
em, i{font-style: normal;}
input, select, textarea{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;font-size: 100%;}
button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0;}
button, input[type=button], input[type=reset], input[type=submit]{cursor: pointer;}
table{border-collapse: collapse;border-spacing: 0;}
/*clear*/
.cf:before, .cf:after{content: "";display: table;}
.cf:after{clear: both;overflow: hidden;}
.cf{zoom: 1;}
/*=====public end=====*/
/*public*/
.swiper-container-p1{width: 100%;height: 100%;}
.swiper-slide{height: 100%;position: relative;overflow: hidden;}
/*main*/
.main_content{position:relative;width:100%;height:100%;overflow:hidden;background:url(images/bg.jpg) center no-repeat;background-size:cover;text-align:center;}
.content_box{position:absolute;left:50%;top:66%;width:560px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform: translate(-50%, -50%); font-size:22px;color:#fff; line-height:190%;}
.pageBox{position: fixed;right:0;top:0;width:11%;background:#013a4a;height:100vh;display:none;align-items: center;justify-content: center;z-index:100;}
.pagination1{width:28px;height:auto;background:url(images/dian.png) repeat-y top center;position: absolute;}
.pagination1 .swiper-pagination-bullet{display: block;width:13px;height:14px;cursor: pointer;opacity:1;margin-left:7.5px;margin-bottom:58px;background:#fff;}
.pagination1 .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.pagination1 .swiper-pagination-bullet-active{background:url(images/dot1.png) no-repeat;width:28px;height:28px;margin-left:0;margin-top:-7px;}
.pages:last-child .arrow2{display: none;}
/*cover*/
.page_cover{background:url(images/fm1.jpg) center no-repeat;background-size:cover;}
.arrow{position:absolute; bottom:8%;left:0;right:0;text-align: center;-webkit-animation: up 1.6s infinite;animation: up 1.6s infinite;}
.arrow img.mob{ display:none;}
.arrow img.pc{ display:inline-block;}
.content_box2,.content_box3{width:930px;margin:0 auto;overflow: hidden}
.title{margin-top:3%;text-align:left;}
.title h1{ margin:1% auto 2% auto; font-size:36px;color:#02232d; line-height:180%;}
.title h1 a:link,.title h1 a:visited{color:#02232d;}
.title p{font-size:18px;color:#013a4a; text-indent:2em;line-height:180%;/*background:url(images/icon2.png) no-repeat left top;*/}
.title p a:link,.title p a:visited{color:#013a4a; }
.title img{cursor:pointer;}
.video{background:url(images/picbg.png) no-repeat top center;width:833px;height:499px;margin:3% auto 0 auto;}
.video video,.video img{ width:795px; height:457px;margin:20px 33px 18px 9px;}

.picBox{position: relative;width:441px;}
.picBox span{display: block;margin-top:8px;border-left:6px solid #b6260a;height:35px;text-align: left;font-size:16px;padding-left:9px;}
.picBox span,.picBox span a{color:#b6260a}
.picBox span b{font-size:18px;display: block;}
.navList{position:fixed;top:0px;right:0px;display:none; width:11%;align-items: center;justify-content: center;z-index:1000;height:100vh;}
.navList ul li{font-size:16px;width:100%;height:70px;text-align:center;line-height:70px;color:#fff;cursor:pointer; font-weight:normal;}
.navList ul li.active{color:#cab268; font-weight:bold; font-size:18px; overflow:hidden;}
.pagination1{ display:none;}
@media all and (min-device-width: 0px) and (max-device-width: 666px) {
.page_cover{background:url(images/sjfm.jpg) center no-repeat;background-size:cover;}
.main_content{background:url(images/sjbg.jpg) center no-repeat;background-size:cover;}
.content_box{ top:58%; font-size:34px; width:85%; display:none;}
.arrow img.pc{ display:none;}
.arrow img.mob{ display:inline-block;}
.arrow{ bottom:12%;}
.content_box2,.content_box3{width:80%; margin-left:5%;}
.title{margin-top:20%;}
.title h1{ margin:3% auto 4% auto;font-size:50px;}
.title p{ font-size:36px; line-height:180%}
.pagination1{ display:block;}
.navList{ display:none !important;}
@keyframes up{
    0% {
      opacity:0;
	  -webkit-transform:scale(.8);
    }
    100% {
     opacity: 1;
	 -webkit-transform:scale(1);
    }
}
@-webkit-keyframes up{
    0% {
      opacity:0;
	  -webkit-transform:scale(.8);
    }
    100% {
     opacity: 1;
	 -webkit-transform:scale(1);
    }
}
}
/*up*/
@keyframes up{
    0% {
      opacity:0;
	  -webkit-transform:scale(.7);
    }
    100% {
     opacity: 1;
	 -webkit-transform:scale(.8);
    }
}
@-webkit-keyframes up{
    0% {
      opacity:0;
	  -webkit-transform:scale(.7);
    }
    100% {
     opacity: 1;
	 -webkit-transform:scale(.8);
    }
}
html {
  overflow: hidden;
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}