body,
html {
	margin: 0 auto;
	background: #fff;
	font-family: "微软雅黑", Arial, Helvetica, Geneva, sans-serif;
}
/* * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
} */
img{
	max-width: 100%;
}
.width{width:100%;max-width: 1500px;margin: 0 auto;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7);
	background: rgba(0,0,0,0.3);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-track-piece {background: rgba(0,0,0,0.3);}
.word {font-size: 2vh;color: #444;margin: 4vh 0 5vh 0;text-align: center; padding: 0 10vw;}
/*pc导航*/
.pcmenu{position: fixed;top:0;left: 0;z-index: 999;background: rgba(0,0,0,0.6);width: 100%;}
.logo{height: 2.7em;}
.pc_menu {text-align: right;}
.pc_menu li{text-align: center;display: inline-block;	*display: inline;	*zoom: 1;	vertical-align: middle;height: 2.7em;overflow: hidden;}
.pc_menu li a{color: #f0f0f0;  padding: 0 15px; display: inline-block;position: relative;}
.pc_menu li a:hover{ color: #a9a9a9;}
.pc_menu li h3{height: 2.7em;line-height: 2.7em;display: block}
.pc_menu li h3 i{font-size: 1.7rem;vertical-align: middle; margin-right: 5px;padding-bottom: 5px;color: #505050;}
.pc_menu li span{height: 2.7em;line-height: 2.7em;display: block}

/*移动端导航*/
.wap_menu_box{color: #f0f0f0;text-align: right;font-size: 1.75rem}
.wap_menu{background:#222;width: 100vw; height: 100vh; position: fixed;top: 0;right:-100vw;z-index: 998;color: #ccc;padding: 90px 20px 0 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: auto;}
.wap_menu a{color: #ccc;width: 100%; height: 100%; display: block;}
.wap_menu ul dl{border-bottom: 1px solid #555;font-size: 5vw;padding: 8px 10px;font-weight: bold; }
.wap_menu ul dl a{color: #aaa;}
.wap_menu ul dl i{width: 7vw;font-size: 5.4vw;}
.wap_menu ul li{border-bottom: 1px solid #555;font-size: 4.5vw;padding: 10px 0 10px 10.2vw;}
.wap_menu ul li a{color: #999;}
#wapmenu_close{display: none;}


/*视频播放*/
.video-wrap{position: relative;height: 100vh;overflow: hidden;}
.video-b{position: absolute;left: 0;right: 0; width: 100%; height: 100vh;background: rgba(0,0,0,0.6);z-index: 2;}
.video-content{position: absolute; left:50%; top: 45%; z-index: 3; width: 90%; margin-left: -45%; margin-top: -20vh}
@media screen and (max-width:768px) {
	.video-content{top: 35%;}
}
.video-content p:nth-child(1){ font-size: 4.1vh; font-weight: bold; text-align: center; color: #008ad3;}
.video-content p:nth-child(1) span{vertical-align: bottom;font-size: 0.5em;margin-left: 5px;}
.video-content p:nth-child(2){ font-size: 3vh; text-align: center; color: #fff; margin-top: 2vh;}
.video-content p:nth-child(2) span{ margin: 0 8px;display: inline-block;}
.video-content p:nth-child(3){ text-align: center; margin-top: 20px;}
.video-content p:nth-child(4){ font-size: 2.6vh; text-align: center; color: #777; margin-top: 20px;}
.video-content p:nth-child(5){ font-size: 2.2vh; text-align: center; color: #777; margin-top: 10px;}
.video-content p:nth-child(6){ margin-top: 30px; text-align: center;}
.video-content p:nth-child(6) img{max-width: 200px;}
.video-content p:nth-child(7){ text-align: center;color: #F6F6F6;}



.video-item{position: absolute; left:0; top:0; width: 100%; z-index: 1;}
.video-item video{vertical-align: middle;min-height: 100vh;min-width: 100vw;object-fit: fill;}
.video-down {	position: absolute;	bottom: 40px;	width: 200px;	margin: auto;	display: block;	cursor: pointer;	padding-bottom: 40px;	left: 0;	right: 0;	text-transform: uppercase;	z-index: 3;}


/*向下跳动的箭头*/
.chevron {margin-top: 20px;display: block;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;color: #008ad3;text-align: center;}.chevron::before {border-style: solid;border-width: .25em .25em 0 0;content: '';display: inline-block;height: 20px;position: relative;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: top;width: 20px}.chevron.right:before {left: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}.chevron.bottom:before {top: 0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg)}.chevron.left:before {left: .25em;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)}@-webkit-keyframes pulse {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px)}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}}@keyframes pulse {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px)}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}}

/* F1 */
/* .F1{background-image: linear-gradient(to top right, #f1f1f1, #999); height: 100vh;overflow: hidden;} */
.F1{background: url(../images/f1_bigbg.jpg) no-repeat center; min-height: 100vh;background-size: 100% 100%;width: 100%;overflow: hidden;}
.F1 .layui-row{background: url(../images/f1_bg.png) no-repeat center 8vh;padding-top: 20vh;}
@media screen and (max-width:768px) {.F1 .layui-row{background-size: 90%;}}
.F1_title{text-align: center;}
.F1_title h3{font-size: 5vh;color: #444;margin:0.5vh auto;font-weight: bold;}
.F1_title p{font-size: 3vh;color: #777; margin-bottom: 1vh;}
.WhatWeDo{text-align: center;}
.WhatWeDo .box{position: relative; margin-bottom: 3vh;}
.WhatWeDo .box i{position: absolute; left: 50%; margin-left: -6.5vh; top: 0;width: 13vh;height: 13vh; line-height: 13vh; text-align: center; z-index: 1; font-size: 6vh; color: #333;}
.WhatWeDo .box span {background-position: 50% 50%;background-repeat: no-repeat;background-origin: border-box;display: inline-block;width: 13vh;height: 13vh;border-color: rgba(0, 0, 0, 0);border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;border: 6.5vh dashed rgba(255, 87, 34, 0.7);position: absolute;left: 50%;margin-left: -6.5vh;top: 0;z-index: 2;}
.WhatWeDo .box:hover span{border: 3px dashed #008ad3;}
.WhatWeDo .box:hover i{color: #008ad3;}
.WhatWeDo .box .p1{margin-top: 15vh;font-size: 2vh;color: #555;}
.WhatWeDo .box:hover .p1{color: #008ad3;}
.WhatWeDo .box .p2{margin-top: 5px;font-size: 1.7vh;color: #999;}


/* F2 */
.F2{background: #242424 url(../images/f2_bg.jpg) no-repeat center bottom; background-size:auto 100%;min-height: 100vh;padding: 20vh 0 20vh 0;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.F2_title{text-align: center; max-width: 1000px; margin:0 auto;}
.F2_title h3{font-size: 5vh;color: #ccc;font-weight: bold;}
.F2_title p{font-size: 3vh;color: #444; margin-bottom: 2vh;margin-top: 0.5vh;}
.case{color: #ababab; margin: 0 auto;}
@media screen and (min-width:1170px) {.case{max-width: 1500px;}}
@media screen and (min-width:2400px) {.case{max-width: 2000px;}}
.case .box .content{width: 0; height: 0;overflow: hidden;}
.case .box img{/* opacity:0.6;filter:alpha(opacity=60); */width: 100%;transition: all 0.8s;-moz-transition: all 0.8s;	/* Firefox 4 */-webkit-transition: all 0.8s;	/* Safari 和 Chrome */-o-transition: all 0.8s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.case .box:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}


/* F3 */
.F3{background: #F8F6EA url(../images/f3_bg.jpg) no-repeat center bottom; background-size:auto 100%;min-height: 100vh;padding: 20vh 0 10vh 0;width: 100%;overflow: hidden;}
.F3_title{text-align: center; max-width: 1000px; margin:0 auto;}
.F3_title h3{font-size: 5vh;color: #555;font-weight: bold;}
.F3_title p{font-size: 3vh;color: #888; margin-bottom: 2vh;margin-top: 0.5vh;}
.news{color: #ababab; margin: 0 auto;}
@media screen and (min-width:1170px) {.news{max-width: 1500px;}}
@media screen and (min-width:2400px) {.news{max-width: 2000px;}}
.news .box{background: rgba(0,1,10,0.1); border-radius: 5px;overflow: hidden;padding: 0 6px;}
.news .box img{/* opacity:0.6;filter:alpha(opacity=60); */width: 100%;transition: all 0.8s;-moz-transition: all 0.8s;	/* Firefox 4 */-webkit-transition: all 0.8s;	/* Safari 和 Chrome */-o-transition: all 0.8s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.news .box:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.news .box .time{line-height: 40px; padding:0 15px;color: #555;}
.news .box .time span{float: right;color: #999;}
.news .box .time i{margin-right: 5px;}
.news .box h2{color: #444; line-height: 50px; padding:0 10px;height: 60px;width: 100%; overflow: hidden;font-size: 15px;font-weight: bold;box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;}
.news .box .content{width: 0; height: 0;overflow: hidden;}
.news .box:hover h2{color: #BE0E29;}
/* footer */
.footer_menu{background: #111111;border-bottom: 1px solid #000; color: #999; height: 50px; line-height: 50px;}
.footer_menu ul li{margin-right: 25px;float: left;}
.footer_menu a{color: #999;}
#gotop{text-align: center;background: #f5f5f5; color: #333; width: 40px;height: 40px;border-radius: 0 0 5px 5px;line-height: 0;cursor: pointer;}
#gotop i{font-size: 26px }
#gotop p{font-size: 9px; line-height: 10px;}
.footer{background: #181818;border-top: 1px solid #292929;}
.foot_title h4{font-size: 26px; color: #666666;}
.foot_title p{font-size: 22px; color: #333333;font-weight: bold;}
.links{color: #444;}
.links a{color: #555;margin:10px;}
.company,.company a{color: #555;}
.wapfoot{text-align: center;background: #181818;padding: 10px 0;color: #555}

/* 内页 */

/* banner */
.banner{background:#101216 url(/home/images/bbg.png) no-repeat center; height: 300px;position: relative;}
.banner .page_title{position: absolute;text-align: center; width: 100%;color: #ddd;font-weight: bold;font-size: 36px;bottom:110px;}
.banner .position{position: absolute;text-align: center; width: 100%;color: #888;font-size: 16px;bottom:50px;}
.banner .position a{color: #888; margin: 0 5px;}
@media screen and (max-width:768px) {
	.banner{height: 30vh;}
	.banner .page_title{font-size: 4vh;bottom:8vh;}
	.banner .position {font-size: 1.5vh;bottom:4vh;}
}
.main{background: #f9f9f9;padding: 50px 15px;min-height: 300px;}
.info{font-size: 16px;line-height:32px; color: #454545;}
.page{width:100%;max-width: 1000px;margin: 0 auto;}
.page h2{font-weight: bold; color:#555;}
.page p{color: #666666;}


/* 文章列表及内页 */
.article-list li .box img{width: 100%;}
.article-list li .box h3{font-size: 1.2em;padding: 20px 10px 5px 10px;background: #fff; overflow: hidden;height: 20px;}
.article-list li .box dd{font-size: 1em;padding: 0 10px 20px 10px;color: #666;background: #fff;}
.article-list li .box dd i{margin-right: 5px; color: #000;}
.article-list li .box dd span{margin-right: 20px;}

.article-list .box img{/* opacity:0.6;filter:alpha(opacity=60); */width: 100%;transition: all 0.8s;-moz-transition: all 0.8s;	/* Firefox 4 */-webkit-transition: all 0.8s;	/* Safari 和 Chrome */-o-transition: all 0.8s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;border-radius: 5px;}
.article-list .box:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.show_title{text-align: center; font-size: 32px;font-weight: bold;}
.show_date{text-align: center; font-size: 14px; color: #999;margin: 10px 0;}
.show_date i{margin-right:5px;}
.show_date span{margin-right:30px;}

.morelink{ background: #2F4056; border-color: #00A0E9; color: #999;}
.morelink a{ color: #999;}