@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; overflow-y:auto!important;*overflow-y:scroll; height:100%; min-height:100%;}
body{margin:0; font-family:Arial,"微软雅黑"; height:100%; min-height:100%; background: #f1f5f8; font-size: 0.85em; width: 100%; margin: 0 auto;}
img{border:0}
ul,li,ol,dl,dt,dd{list-style:none;}.color-w{color:#fff;}
.clearfix:after,.clearfix:before{display:table;content:' '}.clearfix:after{clear:both}
a{text-decoration: none; color: #000; cursor: pointer;}
a:hover{text-decoration:none;color:#157cf2;}
.up-list{background: #fff; margin: -80px auto 60px; width: 90%; max-width: 1100px;  text-align: center;padding: 0 0 80px;}
.up-list-tit{width: 90%; margin: 0 5%; border-bottom: 1px solid #d9e3ea;}
.up-list-tit ul{text-align: center; margin:0 auto;}
.up-list-tit ul li{font-size: 1.5em; text-align: center; float: left; border-bottom: 3px solid #fff;}
.up-list-tit ul li.up-list-li, .up-list-tit ul li:hover{border-bottom: 3px solid #fcd133;}
.up-list-tit ul li a{display: inline-block; padding: 30px 0; width: 100%;}
.up-list-tit ul.ul1{width: 60%;}
.up-list-tit ul.ul1 li{width: 25%; display: inline-block;}
.up-top{background:#000; padding: 130px 0 200px; text-align: center;}
.up-top h1{color: #fff; font-weight: normal; font-size: 1.75em; color: #f0f0f0; letter-spacing: 2px;}
.up-top h1 b{font-size: 2.5em; display: block; font-weight: normal; padding: 20px 0;}
.up-top h1 b::before, .up-top h1 b::after{content: ''; width: 70px; height: 1px; background: #fff; display: inline-block;vertical-align: middle; opacity: 0.2;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.up-top h1:hover b::before, .up-top h1:hover b::after{opacity: 1; width: 100px;}
.up-box dl{margin: 0 8%;}
.up-box dl dt h2{font-family: Candara; text-transform: uppercase; font-size: 1.25em; text-align: right; padding: 120px; color: #888; font-weight: normal;}
.up-box dl dt h2 b{font-weight: normal; font-size: 2.5em; display: block; text-align: left; padding-bottom: 15px;font-weight: normal; color: #333;}
.up-box dl dt h3{font-family: Candara; text-transform: uppercase; font-size: 1.5em; padding:60px 10px 40px; font-weight: normal;}
.up-box dl dt h3 b{font-weight: normal; font-size: 2.25em; display: block;  padding-top: 10px;font-weight: normal; color: #333;}
.up-box dl dt p{padding:10px 0 20px; font-size: 1.35em; line-height: 2em; color: #333;}
.up-box dl dd{position: relative; margin: 20px 0; color: #fff; background:#000; height: 600px; padding:0 50px 0px 50%; text-align: left; border:1px solid #dedede;}
.up-box dl dd img{max-width: 100%; max-height: 100%; display: block; margin-top: 50px;}
.up-box dl dd .qk-lt{position: absolute; top:20px; left: 100px;width: 50%;}
.up-box dl dd .qk-lt img{width: 160px;}
.up-box dl dd .qk-lt h3{font-size: 1.75em; font-weight: normal;padding-top: 120px; letter-spacing: 2px;}
.up-box dl dd .qk-lt h3 b{display:block; font-size: 2.15em; padding: 10px 0; position: relative;}
.up-box dl dd .qk-lt h3 b:before{content:""; width: 180px; height: 1px; background: rgba(153, 153, 153, 0.3); position: absolute; left: 0; top: 10px;}
.up-box dl dd .qk-lt h4{padding-top:100px; color: rgba(255, 255, 255, 0.6); font-size: 1em; font-weight: normal; position: relative;}
.up-box dl dd .qk-lt h4 font{position: absolute; left: 0; color: rgba(255, 255, 255, 0.4); display:inline-block; border:1px solid rgba(255, 255, 255, 0.4); padding: 10px 20px;}
.up-box dl dd .qk-lt h4 font b{display: block; font-size: 3.5em;font-weight: normal;}
.up-box dl dd .qk-lt h5{padding-top: 80px; font-size: 1em; font-weight: normal; color: #999; padding-left: 80px;}
.up-box dl dd .qk-lt h5 b{color:#f0f0f0; display: block; padding: 10px 0; font-size: 1.25em;}
.up-box dl dd .qk-lt h5 img{position: absolute; left: 0; width: 64px; height: 64px; display: block; border-radius: 50%; }
.up-box dl dd.up-kh{background: #fff; color: #333; padding: 20px 50px 0 50%;}
.up-box dl dd.up-kh ul li{width: 27.33%; float:left; border-radius: 4px;  margin:40px 3% 0;}
.up-box dl dd.up-kh ul li img{border-radius: 50%; border: 1px solid #dedede; width: 82px; height: 82px; display:block; margin: 0 auto;}
.up-box dl dd.up-kh ul li p{height: 120px;}
.up-box dl dd.up-kh ul li p b{display: block; text-align: center; padding: 8px;}
.up-box dl dd.up-kh h6{font-weight: normal; position: relative; padding:100px 60px 20px 0; font-size: 2em; font-weight: normal;}
.up-box dl dd.up-kh h6:before{content:""; width: 80px; height: 5px; background: #fcd133; position: absolute; left: 0; right: 0;bottom: 13px;}
.up-box dl dd.up-kh ol li{color: #666; font-size: 1.15em; padding: 20px 8px 0;}
.up-box dl dd.up-kh ol li:before{content:"■"; padding-right: 8px; }
.up-box dl dd.up-js{padding-left: 46%;}
.up-box dl dd.up-js video{margin-top: 120px;}
.up-box dl dd a.more{margin: 60px 0 0; display: inline-block; padding: 10px 30px; border-radius: 40px; border: 1px solid #dedede; background: #ffa800; font-size: 1.25em; color: #fff;}
.up-box dl dd.up-contact{padding-right: 150px;}
.up-box dl dd.up-contact h6{padding: 140px 0 20px; border-bottom: 1px solid #403f3f; font-size: 1.5em; letter-spacing: 2px;}
.up-box dl dd.up-contact table{margin-top: 30px; color: #999;}
.up-box dl dd.up-contact table tr td img{border: 4px solid #fff; width: 120px;}
.up-box dl dd.up-contact table tr td b{display: block; padding-top: 8px; font-size: 2em; color: #fff;}
.up-box dl dd.up-contact table tr td p{padding: 15px 0;}
.up-box dl dd.up-contact table tr td a{color: #999; display: block; padding: 10px 0;}
.up-box dl dd.full{position: relative; padding: 0;}
.up-box dl dd.full .full-img{max-width:100%; margin: 100px auto 30px;}
/* 新闻 */
.up-news-list{margin: 15px 5% 0;}
.up-news-list dl{position: relative; height: 210px; border-bottom: 1px dashed #dedede; margin-top: 38px;}
.up-news-list dl dt{width: 300px; height: 170px; position: absolute; top: 0; left: 0;}
.up-news-list dl dt img{width: 100%; height: 100%;}
.up-news-list dl dd{padding: 10px 0px 10px 350px; text-align: left;}
.up-news-list dl dd h3{font-size: 1.5em;}
.up-news-list dl dd p{margin: 20px 0; color: #888;line-height: 24px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break:break-all;}
.up-news-list dl dd font{color: #999; display: block;}
.up-news-list a:hover dl{transition: all 0.5s; padding-left: 16px;}
.up-news{margin: 0 5%; text-align: left;}
.up-news dl dt{padding: 20px 0; border-bottom: 1px dashed #ababab}
.up-news dl dt h3{padding: 30px 0; font-size: 2.25em; text-align: center;}
.up-news dl dt h3 span{display: block; font-weight: normal; color: #999; font-size: 14px; padding-top: 14px; }
.up-news dl dt p{font-size: 1.25em; color: #999;  font-family:"微软雅黑";}
.up-news dl dt div{ width: 220px; margin: 0 auto;}
.up-news dl dd{line-height: 2.5em; color: #333; padding: 20px 0;}
.up-news dl dd p{padding: 20px; line-height: 2em; font-family:"微软雅黑";}
.up-news dl dd img{margin:0 auto; display: block; }
.up-news ul{border-bottom: 1px dashed #ababab; }
.up-news ul li{float: left; width: 50%; font-size: 1.5em;}
.up-news ul li a{display: inline-block; width: 100%; padding: 18px 5px; color: #666;}
@media (max-width:1440px){	
.up-list{width: 94%;}
.up-box dl{margin: 0 5%;}
}
@media (max-width:1366px){	
.up-box dl dd{height: 500px;}
.up-box dl dd img{max-width: 400px;}
.up-box dl dd .qk-lt h3{padding-top: 80px; font-size: 1.5em;}
.up-box dl dd .qk-lt h4{padding-top: 60px;}
.up-box dl dd.up-contact h6{padding-top: 100px;}
.up-box dl dd.up-contact table tr td img{width: 100px;}
}
@media (max-width:1025px){		
.up-top{padding: 180px 0;}
.up-top h1{font-size: 1.5em;}
.up-box dl dt h2{padding: 100px 40px;}	
.up-box dl dt h2 b{font-size: 2em;}
.up-box dl dd .qk-lt h3{font-size: 1.25em;}
.up-box dl dd.up-kh ul li img{width: 72px; height: 72px;}
.up-box dl dd.up-kh ul li p{font-size: 0.85em; height: 100px;}
.up-box dl dd.up-contact{padding-right: 100px;}
}
@media (max-width:769px){
.up-list{width: 98%;}
.up-box dl{margin: 0 3%}
.up-box dl dd{padding-right: 30px; padding-left: 45%; height: 450px;}
.up-box dl dd.up-kh{padding-left: 45%;}
.up-box dl dd .qk-lt{left: 50px;}
.up-box dl dd.up-contact{padding-right: 50px;}
.up-box dl dd img{max-width: 100%}
.up-box dl dd.up-kh ul li p{font-size: 0.75em; height: 80px; overflow: hidden;}
.up-box dl dd.up-kh ol li{padding: 10px 8px 0}
.up-box dl dd.up-contact table{font-size: 0.85em;}
.up-box dl dd.up-contact table tr td img{width: 88px;}
.up-box dl dd .qk-lt img{width: 120px;}
}
@media (max-width:700px){
.up-top h1 b::before, .up-top h1 b::after{width: 30px;}
.up-top h1:hover b::before, .up-top h1:hover b::after{width: 50px;}
	.up-top{padding: 80px 0 100px;}
	.up-top h1 b{font-size: 2em;}
	.up-list{margin-top: -60px; padding-bottom: 15px;}
	.up-box dl dt h2{padding: 50px 20px;}
	.up-box dl dt h3{padding: 30px 10px 20px;}
	.up-box dl dt h3 b{font-size: 1.75em;}
.up-box dl dd{padding: 0 0 20px; height: auto; margin: 5px 0;}
.up-box dl dd .qk-lt{position: static; padding: 20px; width: 100%;}
.up-box dl dd .qk-lt h3{padding-top: 20px; font-size: 1.5em;}
.up-box dl dd .qk-lt h3 b{font-size: 1.75em;}
.up-box dl dd .qk-lt img{width: 100px; padding-top: 20px; margin: 0}
.up-box dl dd .qk-lt h4{position: absolute; top: 15px; right: 80px;}
.up-box dl dd .qk-lt h4 font{padding:2px; top: 5px; width: 48px; text-align: center;}
.up-box dl dd img{width: 90%; margin:0 5%; }
.up-box dl dd.full .full-img{margin: 20px 0 40px; display: block;}
.up-list-tit ul.ul1{width: 100%;}
.up-list-tit ul.ul1 li a{padding:20px 0;}
.up-box dl dd.up-contact h6{padding-top: 20px;}
.up-box dl dd .qk-rt{padding: 20px; width: 100%;}
.up-news-list dl{height:auto; margin-top: 10px;}
.up-news-list a:first-child dl dt{position:static; width: 100%; height: 200px;}
.up-news-list dl dt{display: none;}
.up-news-list dl dd{padding: 10px;}
}