@import url("normalize.css");
/*@import url("swiper-4.1.0.min.css");*/
/*全局样式*/
*{ margin:0; padding:0; color:#5F5F5F; transition:all 0.5s; outline:none}
ul{ list-style:none;}
a{text-decoration:none;}
img{ border:none;}
/*@font-face{
	font-family:nav;
	src:url(../font/fzhcjt.ttf);
	}
@font-face{
	font-family:ft;
	src:url(../font/ywsfxsft.ttf);
	}*/
	
.full{ width:100%;}
.fuller{ width:1200px; margin:0 auto;display: flex;flex-flow: row wrap;}

.clear{ clear:both}
.clear:before,
.clear:after{ display:block; content:""; clear:both;}

body{ background:url(../images/bg.jpg)}

.top{ position:relative; width:1284px;}
.logo{ font-size:0; height:auto; display:block; position:absolute; top:0; left:calc((100% - 300px) /2)}
nav{ width:100%; float:left; margin:27px 0; height:62px}
nav ul{ float:left; width:100%; text-align:center; font-size:0; height:62px}
nav ul li{ display:inline-block}
nav ul li a{ display:block; color:#f3e8b1; font-size:22px; font-family:nav; background:no-repeat center; width:123px; height:52px; line-height:52px; text-indent:-0.5em; margin:6px 0}
nav ul li:nth-child(-n+5) a{ background-image:url(../images/nav-bg-left.png)}
nav ul li:nth-child(n+5) a{ background-image:url(../images/nav-bg-right.png); text-indent:1em}
nav ul li:nth-child(4){ margin-right:300px}
nav ul li a:hover,
nav ul li a.active{ background:url(../images/nav-active-bg.png) no-repeat center top; color:#000; margin:0; height:64px; line-height:64px; text-indent:0; text-shadow:1px 1px 10px rgba(255,255,255,1.00); font-weight:bold; font-size:18}
#banner{ width:100%;}
#banner img{ width:100%}

div.main > *{ width:100%;display: flex;flex-flow: row wrap;}
div.main > *:before,
div.main > *:after{ clear:both; content:' '; display:block;}

h3.title{ text-align:center; background:url(../images/title-bg.png) no-repeat center; height:103px; line-height:103px; margin:50px 0; width:100%; float:left}
h3.title b{ font-size:50px; font-family:ft; font-weight:normal;-webkit-text-stroke:1px #fff; color:#f31813; text-shadow:1px 1px 3px rgba(71,71,71,0.5); line-height:103px}

.about{ background:url(../images/about-bg-big.jpg) no-repeat top left; background-size:100% auto}
.about-box{ background:url(../images/about-bg-small.png) left top no-repeat,url(../images/about-bg.png) no-repeat bottom right;/*padding-bottom:200px;*/ box-sizing:border-box; padding-left:200px}
.about-vd{position: relative; float: right; width: 520px;}
.about-vd img{ width: 100%; float: left}
.about-vd embed{background: #000; height: 260px !important; position:absolute; z-index: 1; left: 10%; top:260px; display: block; width: 80%; height: auto}
.about-text{ float:left;}
.about-text p{ width:100%; line-height:2; font-family:'微软雅黑'; letter-spacing:0.5px; font-size:14px;}
.about-text p span{ font-family:ft; font-size:50px;-webkit-text-stroke:1px #fff; color:#000; text-shadow:1px 1px 5px rgba(78,78,78,0.5)}
.about-text p span b{ color:#f31813; font-weight:normal}

.service{ min-height:100%; background:url(../images/service-bg.jpg) no-repeat center fixed; background-size:100% auto; padding-bottom:100px;}
.service-box a{ display:block; float:left; width:calc((100% - 200px) / 3); display:block; margin-right:66px}
.service-box a:last-child{ margin-right:0;}
.service-box a img{ width:100%; float:left; border-radius:100%; border:2px solid #fff; box-sizing:border-box;}
.service-box a span{ display:block; width:100%; text-align:center; line-height:2;float:left; color:#fff;font-family:nav; font-size:30px; text-shadow:1px 1px 3px rgba(0,0,0,0.4)}

.team{ background:url(../images/team-bg.jpg) no-repeat bottom center; padding-bottom:100px; background-size:100% 100%}

.team-box a{ width:calc((100% / 3) - 20px); display:block; margin:10px; float:left; position:relative; overflow:hidden}
.team-box a img{ width:100%; border-radius:4px; float:left}
.team-box a span{ display:block; height:60px; line-height:60px; /*font-family:nav;*/ font-size:30px; font-weight:bold;text-align:center; float:left; width:100%}
.team-box a p{ position:absolute; width:100%; box-sizing:border-box; height:calc(100% - 60px); left:0; top:-100%; background:rgba(255,255,255,0.8); opacity:1; border-radius:4px; padding:20px; line-height:1.5; font-size:14px;}
.team-box a p:before{ display:block; content:" "; width:100%; height:100%; position:absolute; box-sizing:border-box; border:1px solid #5A5A5A; opacity:0; top:0; left:0;}
.team-box a:hover p{ top:0; opacity:1}
.team-box a:hover p:before{width:calc(100% - 20px); height:calc(100% - 20px); top:10px; left:10px; opacity:1}
footer{ background:#6A6A6A; width:100%; padding:20px 0}
.copyright{ width:100%; text-align:center; float:left; font-size:0}
.copyright p,
.copyright p *{ font-size:14px; line-height:2; color:#fff}

.news{ padding-bottom:100px}
.news-box a{ width:100%; display:block; padding:0 0 10px; margin:0 0 10px; border-bottom:1px dashed #ADADAD; float:left}
.news-box a:last-child{ border:none}
.news-box a > *{ float:left}
.news-box a img{ float:right; height:80px; width:auto; border-radius:4px;}
.news-box a span.time{ border-radius:4px; background:#b11b22; height:80px; width:80px; padding:10px 0; box-sizing:border-box;}
.news-box a span.time *{ display:block; width:100%; text-align:center; float:left; color:#fff}
.news-box a span.time b{ font-size:30px; line-height:40px; height:40px}
.news-box a span.time span{ height:20px; line-height:20px; font-size:12px}
.news-box a div.text{ margin-left:10px}
.news-box a div.text h3{ margin-bottom:10px}
.news-box a div.text p{ font-size:14px;}

.em{ display:none; width: 100%; /*margin: 30px 10%;*/ height: 200px; float: left;}
.m{ display:none}

.nav-switch{ display:none}
.loc{ height:60px; line-height:60px; font-size:14px; background:url(../images/loc-bg.png) no-repeat left center; background-size:auto 100%; padding-left:70px; margin:20px 0}

.page{ text-align:right; margin:20px 0; padding:20px; box-sizing:border-box;float:left; width:100%}
.page *{ display:inline-block;text-align:center; height:28px; line-height:28px; font-size:12px; margin:0 3px; padding:0 10px; border:1px solid #D5D5D5; background:#fff}
.page span{ color:#aaaaaa; background:#E5E5E5; border-color:#FFFFFF}
.page a{ color:#969696;}
.page a:hover{ background:#5B3B22; color:#FFFFFF; border-color:#fff}
.page span.active{ background:#624630; color:#FFFFFF; border-color:#fff}

.det-page{ display:none}


.list-pro-box a{ width:calc((100% - 90px) / 4); margin-right:30px}
.list-pro-box a:nth-child(4n+0){ margin:0}
.list-pro-box a span{ color:#2A2A2A; }

.cont-text{ box-sizing:border-box; padding:0 10px;}
.cont-title{ float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #ddd; /*height:60px;*/ line-height:60px;}
.cont-title b{ /*height:60px;*/ line-height:60px; display:block; float:left; border-bottom:1px solid #7c4f34; font-size:24px; font-weight:bold;}
.cont-time{ padding:10px 0; display:block; width:100%; float:left; line-height:20px; font-size:14px}
.cont-time b{ margin-right:10px; font-size:14px; font-weight:bold; color:#7c4f34; line-height:20px}
.cont-text-main{ width:100%; float:left; padding-bottom:15px;}
.cont-page{ width:100%; float:left; padding-top:20px; border-top:1px solid #ddd; padding-bottom:20px}

.cont-page a{ float:left; width:80px; display:block; border-radius:6px; background:linear-gradient(#fff,#efefef); border:1px solid #ccc; padding:5px 0; transition:all 0.5s}
.cont-page a:hover{ background:#efefef; border-color:#cbcbcb}
.cont-page a *{ display:block; width:100%; text-align:center; font-size:14px; line-height:1.5}
.cont-page a b{ font-size:14px; font-weight:bold; color:#7c4f34;}
.cont-page a span{ font-family:Cambria; color:#777}
.cont-page a:last-child{ float:right;}
.fixed-box {
    display: none
}
.abhcd p span{font-weight:bold;}
/*.cont-text-main p span{color: #E53333;}*/