@charset "utf-8";
/* CSS Document */

body { background:#fff; font-size:14px; font-family:"Microsoft Yahei"; color:#000; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei";  -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#d00602; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:94%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button],select{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#656565; }
textarea::-webkit-input-placeholder { color:#656565; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.jjhHead{ background:#d00602; width:100%; position:relative; padding:30px 0; z-index:99;}
.jjhHead-logo{ font-size:40px; font-weight:bold; color:#fff !important; line-height:93px;}
.jjhHead-logo img{ margin-right:30px; float:left;}
.jjhHead-tools{ padding-top:40px;}
.jjhHead-tools a{ font-size:16px; color:#fff; margin-left:50px;}


.jjhNav{ background:rgba(255,255,255,.7); width:100%; position:absolute; left:0; top:153px; z-index:99;}
.jjhNav li{ width:10%; text-align:center; float:left; position:relative; }
.jjhNav li a.far{ display:block; font-size:22px; line-height:90px;}
.jjhNav li:before{ content:''; background:#d00602; width:0; height:7px; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.jjhNav li .subNav{ background:#d00602; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none;}
.jjhNav li .subNav a{ display:block; font-size:16px; color:#fff; padding:8px 0; line-height:24px;}
.jjhNav li .subNav a:hover{ background:#fff; color:#d00602;}
.jjhNav li.active:before, .jjhNav li:hover:before{ width:100%; left:0;}
.jjhNav li.active a.far{ color:#d00602;}


.menuBtn { display: none; width:38px; height: 30px; position:absolute; right:10px; top:17px; cursor: pointer; z-index:98; }
.menuBtn .burger { display: block; width: 100%; height:4px; position: absolute; left: 0; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 13px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 13px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background:#ff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background:#fff }
.menuBtn.active .burger-3 { top: 13px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background:#fff; }
.menu-mark { width: 100%; height:calc(100% - 53px); position: fixed; background: rgba(0,0,0,0.6); left: 0; top:53px; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 200px; position: fixed; display: none; right:0; top:64px; background:#d00602; z-index: 97; }
.menu-list { padding:20px 0 20px 30px; }
.menu-list li { margin-bottom:15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:17px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}


.jjhBanner{ overflow:hidden; position:relative;}
.jjhBanner li{ position:relative;}
.jjhBanner li img{ width:100%; display:block;}
.jjhBanner .swiper-pagination{ bottom:25px !important;}
.jjhBanner .swiper-pagination-bullet{ background:#b0caca; width:60px; height:5px; margin:0 8px !important; opacity:1; border-radius:0;}
.jjhBanner .swiper-pagination-bullet-active{ background:#d00602;}


.jjhNews{ width:67%; padding-top:80px;}
.jjhNews-title{ padding-bottom:13px; line-height:34px; margin-bottom:25px; border-bottom:4px #eee solid;}
.jjhNews-title .cn{ background:url(../images/news-title.png) no-repeat left center; font-size:30px; font-weight:bold; padding-left:45px;}
.jjhNews-title .mo{ font-size:16px; color:#666;}
.jjhNews-title .mo:hover{ color:#d00602;}

.jjhNews-item{ width:46.5%;}
.jjhNews-item-first .pic{ height:355px; overflow:hidden;}
.jjhNews-item-first .pic span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.jjhNews-item-first .tit{ font-size:18px; line-height:36px; height:72px; overflow:hidden; margin-top:30px;}
.jjhNews-item-first:hover .pic span{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.jjhNews-item-list{ margin-top:20px; padding-top:15px; border-top:2px #e3e3e3 solid;}
.jjhNews-item-list li{ font-size:18px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:25px;}
.jjhNews-item-list li span{ min-width:95px; display:inline-block; font-size:21px; color:#ff4754;}


.jjhLove{ width:28%;}
.jjhLove-list{ background:#eee; padding:80px 30px 30px 30px;}
.jjhLove-listTit{ font-size:30px; font-weight:bold; padding-bottom:45px;}
.jjhLove-listRoll{  height:441px; overflow:hidden;}
.jjhLove-listRoll .bd li{ font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:25px;}
.jjhLove-listRoll .bd li span{ float:right;}
.jjhLove-donate{ background-image:url(../images/donate-bg.jpg); background-size:cover; line-height:179px; text-align:center; display:block; font-size:48px; font-weight:bold; margin-top:35px; color:#fff; font-style:italic;}


.jjhProject{ margin-top:90px;}
.jjhProject-list{ margin-left:-50px; position:relative;}
.jjhProject-list li{ width:calc(20% - 50px); float:left; margin-left:50px; overflow:hidden; display:inline-block; height:354px; position:relative;}
.jjhProject-list li .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.jjhProject-list li .tit{ background:rgba(0,0,0,.46); width:100%; position:absolute; left:0; bottom:0; z-index:2; font-size:18px; color:#fff; padding:30px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jjhProject-list li:hover .pic{ transform:scale(1.05); -webkit-transform:scale(1.05);}


.jjhPartners{ background-image:url(../images/jjhPartners-bg.jpg); background-position:center; background-size:cover; margin-top:100px; padding:80px 0 70px 0;}
.jjhPartners-list{ position:relative; overflow:hidden; padding:0 43px;}
.jjhPartners-list li{ text-align:center;}
.jjhPartners-list li .icon{ display:inline-block; vertical-align:top;}
.jjhPartners-list li .tit{ font-size:20px; color:#fff; margin-top:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jjhPartners-list .swiper-button-next, .jjhPartners-list .swiper-button-prev{ background:rgba(255,255,255,.5); width:42px; height:120px; line-height:120px; margin-top:-60px; text-align:center; color:#fff; font-size:33px;}
.jjhPartners-list .swiper-button-next{ right:0;}
.jjhPartners-list .swiper-button-prev{  left:0;}


.jjhSystem-floor{ background:#ededed url(../images/jjhSystem-bg.jpg) no-repeat left bottom; padding:80px 0 110px 0;}
.jjhSystem-box{ margin-left:-24px; position:relative;}
.jjhSystem{ background:#fff; width:calc(33.333% - 24px); margin-left:24px; display:inline-block; padding:60px 30px 70px 30px; min-height:644px;}
.jjhSystem-title .cn{ font-size:30px; font-weight:bold;}
.jjhSystem-title .mo{ font-size:16px; color:#666; line-height:40px;}
.jjhSystem-list{ padding-top:10px;}
.jjhSystem-list li{ line-height:24px; font-size:18px; position:relative; padding-left:15px; margin-top:34px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jjhSystem-list li:before{ content:''; background:#d61509; width:8px; height:8px; position:absolute; left:0; top:50%; margin-top:-4px; border-radius:50px;}
.jjhSystem-list li span{ min-width:129px; display:inline-block; vertical-align:top; font-size:16px; color:#999;}
.jjhSystem-list li a{ color:#666;}
.jjhSystem-list li a:hover{  color:#d00602; }


.jjhEnterprise{ padding:65px 0 70px 0;}
.jjhEnterprise-title .cn{ font-size:36px; font-weight:bold;}
.jjhEnterprise-title .mo{ font-size:21px; color:#666; line-height:47px;}
.jjhEnterprise-list{ margin-left:-15px; margin-top:35px; position:relative;}
.jjhEnterprise-list li{ width:calc(20% - 15px); position:relative; margin-left:15px; float:left; display:inline-block;}
.jjhEnterprise-list li .pic{ border:3px #e5e5e5 solid; position:relative; height:150px;}
.jjhEnterprise-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.jjhEnterprise-list li .tit{ text-align:center; font-size:16px; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.jjhFooter{ background:#333; padding:75px 0;}
.jjhFooter-menu dl{ float:left; margin-right:14vh; display:inline-block;}
.jjhFooter-menu dl dt{ font-size:21px; padding-bottom:10px;}
.jjhFooter-menu dl dt a{ color:#fff;}
.jjhFooter-menu dl dd a{ display:block; text-align:center; font-size:16px; color:#999; margin-top:30px;}
.jjhFooter-menu dl dd a:hover{ color:#fff;}
.jjhFooter-code{ max-width:202px; text-align:center; font-size:21px; color:#999;}
.jjhFooter-code img{ margin-bottom:20px;}
.jjhFooter-copy{ background:#000; text-align:center; font-size:16px; color:#ccc; padding:20px 0;}
.jjhFooter-copy a{ color:#ccc;}

/**新闻资讯**/
.pbanner{ background-position:center; background-size:cover; width:100%; height:400px; position:relative;}
.pbanner .title{ font-size:36px; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff;}


.plcNav { background:#d00602; line-height:60px;}
.plcNav-menu a{ font-size:16px; color:#fff; display:block; float:left; padding:0 40px;}
.plcNav-menu a.cur, .plcNav-menu a:hover{ background:#fff; color:#d00602;}
.plcNav-add{ color:rgba(255,255,255,.7);}
.plcNav-add a{color:rgba(255,255,255,.7)}
.plcNav-add a:hover{ color:#fff; }
.plcNav-add span{ padding:0 5px;}


.pmain{ padding:60px 0;}
.pabout-word{ font-size:16px; line-height:30px; color:#666; text-align:justify;}

.pnews-list{ margin-left:-2%; margin-top:-25px; position:relative;}
.pnews-list li{ width:23%; height:315px; margin:30px 0 0 2%; float:left; display:inline-block; position:relative; overflow:hidden;}
.pnews-list li .bgs{ background-position:center; background-size:cover; width:100%; height:100%; transition:all 0.4s;}
.pnews-list li .nBox { background:rgba(0,0,0,.5); width:100%; padding:10px; color:#fff; position:absolute; left:0; bottom:0; }
.pnews-list li .nBox .t{ width:100%; line-height:24px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .nBox .d { width:100%; line-height:20px; font-size:12px; opacity:.5; }
.pnews-list li:hover .bgs{ -webkit-transform:scale(1.05); transform:scale(1.05);}


.pnews-detaTop{ padding-bottom:20px; border-bottom:1px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; padding-bottom:20px; }
.pnews-detaTop .c{ display:block; color:#999; }
.pnews-detaInfo{ font-size:16px; line-height:30px; text-align:justify; color:#666; padding:30px 0;}
.pnews-detaPage a{ display:block; padding:25px 0; font-size:16px; border-top:1px #e5e5e5 solid;}
.pnews-detaPage a span{ padding-right:40px; color:#999;}
.pnews-detaPage a:hover{ color:#d00602;}
.pnews-detaPage a:hover span{ color:#d00602;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#d00602;}


.ppage{ padding-top:60px; font-size:0; text-align:center;}
.ppage a{ background:#d2d2d2; line-height:38px; margin:0 7px; vertical-align:top; padding:0 15px; display:inline-block; font-size:16px; color:#fff;}
.ppage .nowpage{ background:#d00602; line-height:38px; margin:0 7px; vertical-align:top; font-size:16px; padding:0 15px; display:inline-block; color:#fff;}
.ppage a:hover{ background:#d00602; color:#fff;}


.presults-list li{ padding:25px 0; overflow:hidden; border-bottom:1px #e6e6e6 solid;}
.presults-list li .date{ width:82px; text-align:center;}
.presults-list li .date .d{ background:#d00602; line-height:70px; font-size:36px; font-weight:bold; color:#fff; display:block;}
.presults-list li .date .y{ background:#ccc; line-height:25px; color:#fff; margin-top:1px;}
.presults-list li .word{ width:calc(100% - 82px); padding-left:30px;}
.presults-list li .word .t{ font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.presults-list li .word .c{ font-size:16px; line-height:30px; max-height:60px; color:#848484; margin-top:15px; overflow:hidden;}


.pcontact-title .cn{ font-size:30px; font-weight:bold;}
.pcontact-title .en{ font-family:"Times New Roman"; font-size:13px; color:#979696; text-transform:uppercase; margin-top:10px; letter-spacing:1px;}
.pcontact-word{ margin-top:35px;}
.pcontact-word li{ width:30%; float:left; font-size:0;}
.pcontact-word li .icon{ width:66px; display:inline-block; vertical-align:middle;}
.pcontact-word li .text{ font-size:14px; display:inline-block; vertical-align:middle; padding-left:20px; font-size:16px;}
.pcontact-word li .text .c{ font-size:21px; margin-top:5px; display:block;}


.phonor-list{ margin-left:-30px; position:relative;}
.phonor-list li{ background:#f2f2f2; text-align:center; width:calc(25% - 30px); margin:30px 0 0 30px; float:left; display:inline-block;}
.phonor-list li .pic{ padding:10px 0; height:260px;}
.phonor-list li .pic img{ max-height:100%;}
.phonor-list li .tit{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:56px;}
.phonor-list li:hover .tit{ background:#c8000a; color:#fff;}


.penterprise-list{ margin-left:-15px; position:relative;}
.penterprise-list li{ width:calc(20% - 15px); position:relative; margin:15px 0 0 15px; float:left; display:inline-block;}
.penterprise-list li .pic{ border:3px #e5e5e5 solid; position:relative; height:150px;}
.penterprise-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.penterprise-list li .tit{ text-align:center; font-size:16px; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }