﻿@charset "utf-8";
/* CSS Document */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0
}

img {
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal
}

ul,ol {
	list-style: none;
	list-style-type:none;
}
li{list-style-type:none;}
input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "SimSun","宋体"
}

input::-moz-focus-inner {
	border: 0;
	padding: 0
}

select,input {
	vertical-align: middle
}

select,input,textarea {
	font-size: 12px;
	margin: 0
}

input[type="text"],input[type="password"],textarea {
	outline-style: none;
	-webkit-appearance: none
}

textarea {
	resize: none
}

table {
	border-collapse: collapse
}

body {
	color: #333;
	font: 12px/20px "SimSun","宋体","Arial Narrow",HELVETICA;
	background: #fff;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}

.clearfix {
	zoom: 1
}

.clearit {
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden
}

.fl {
	float: left;
	_display: inline
}

.fr {
	float: right;
	_display: inline
}

a {
	color: #666;
	text-decoration: none
}

a:visited {
	color: #666
}

a:hover,a:active,a:focus {
	color: #167a31;
	text-decoration: none;
}
.main{width: 100%; overflow: hidden;}
.section1{width: 100%; height: 1299px; background:url(../images/01.jpg) no-repeat center center;}
.section2{width: 100%; height: 450px; background:url(../images/02.jpg) no-repeat center center;}
.section3{width: 100%; height: 458px; background:url(../images/03.jpg) no-repeat center center;}
.section4{width: 100%; height: 450px; background:url(../images/04.jpg) no-repeat center center;}
.section5{width: 100%; height: 463px; background:url(../images/05.jpg) no-repeat center center;}
.section6{width: 100%; height: 450px; background:url(../images/06.jpg) no-repeat center center;}
.section7{width: 100%; height: 458px; background:url(../images/07.jpg) no-repeat center center;}
.section8{width: 100%; height: 450px; background:url(../images/08.jpg) no-repeat center center;}
.section9{width: 100%; height: 462px; background:url(../images/09.jpg) no-repeat center center;}
.section10{width: 100%; height: 450px; background:url(../images/10.jpg) no-repeat center center;}
.section11{width: 100%; height: 463px; background:url(../images/11.jpg) no-repeat center center;}
.section12{width: 100%; height: 450px; background:url(../images/12.jpg) no-repeat center center;}
.section13{width: 100%; height: 458px; background:url(../images/13.jpg) no-repeat center center;}
.section14{width: 100%; height: 450px; background:url(../images/14.jpg) no-repeat center center;}
.section15{width: 100%; height: 625px; background:url(../images/15.jpg) no-repeat center center;}
.main div{position:relative;}
.main div a{width: 962px; height: 385px; display: block; float: left; margin-left: -481px; position:absolute; left:50%; top:76px;}
.main .section1 a{top:920px;}


.mainbox{width: 100%; height: 1080px; background:url(../images/16.jpg) no-repeat center center;}
.content{width: 960px; height: 100%; margin:0 auto; position:relative;}
.content .center{width: 960px; height: 828px; margin:210px auto 0; background:url(../images/1.png) no-repeat center center; float: left;}
.content .center .top{width: 100%; height: 640px;}
.content .center .top .left{height: 100%; width: 196px; float: left;}
.center .top .left .pic{width: 291px; height: 291px; float: left; margin: 26px 0 0 4px;}
.center .top .left .pic img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    overflow: hidden;
}
.center .top .left .name{float: left; width: 170px; height: 184px; margin:20px 0 0 61px;}
.top .left .name .p1{width: 40%;height:180px; float: left; margin-top: 10px; font-size:29px;/*font-weight: bold;*/ font-family:"微软雅黑"; color: #d2333c; line-height: 46px; /*text-align:center;*/ writing-mode: vertical-lr; writing-mode: tb-rl;   }
.top .left .name .p2{width: 50%; float: right; height: 100%;  font-size:20px;font-weight: bold; font-family:"微软雅黑"; color: #d2333c; letter-spacing:5px; line-height: 45px; text-align: center; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl;}
.top .right{width: 640px; height: 640px; float: left; margin-left: 73px;}
.top .right .st{width: 100%; height: 206px;}
.top .right .p1{margin-left: 45px; font-size:24px; font-family:"微软雅黑"; color: #fff; padding: 70px 0 0px 0; line-height: 36px;}
.top .right .p2{ font-size:30px; font-family:"微软雅黑"; color: #fff; text-align:right; line-height: 44px;}
.top .right .name{font-size:28px; width: 585px;font-weight: bold; font-family:"微软雅黑"; color: #efc17b; line-height: 44px; text-align:center; padding: 20px 0;}
.top .right .video{width: 585px; height: 329px;}
.top .right .video video {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 100%;
    object-fit: fill;
}
.content .center .bottom{width: 875px; height: 150px; float: left; margin: 0px 0 0 42px;}
.content .center .bottom p{font-size:18px; font-family:"微软雅黑"; color: #fff; line-height: 34px;}
.top .right .video .picbox{width: 442px; height: 295px; overflow: hidden; margin: 0 auto;}
.video .picbox ul{height: 100%;}
.video .picbox ul li{width: 442px; height: 100%; float: left;}
.dotbox{height: 9px; margin: 10px 0; text-align:center;}
.dotbox ul{height: 9px;width: 100%;}
.dotbox ul li{display: inline-block; height: 100%; width: 9px;  margin: 0 4px;}
.dotbox a{display: block; background:#fff; border-radius:50%; width: 9px; height: 9px;}
.dotbox a.active{background:#c8a063;}

.return{width: 89px; height: 51px; display: block; background:url(../images/return.png) no-repeat center center; position:absolute; top:0; left:20px; z-index:10;}



















