@charset "utf-8";
*, *:before, *:after{-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;}


body{padding-top:164px;font-family:arial;font-size: 16px;line-height: 2;color: #333;background:#fff;min-width: 1260px;}



a,a:hover,a:active,a:visited,a:link,a:focus{outline:0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;text-decoration:none;}



input[type='checkbox'], input[type='radio'] {

    position: relative;

    vertical-align: middle;

    margin-top: -2px;

    margin-bottom: 1px;

    margin-left: 5px;

    margin-right: 5px

}

a:link, a:visited {

	text-decoration: none;

	outline: #333;

	color: #333

}



.indent2 {

    text-indent: 2em

}





@font-face {

    font-family: "iconfont";

    src: url('fonts/iconfont.eot?t=1665482605049');

    src: url('fonts/iconfont.eot?t=1665482605049#iefix') format('embedded-opentype'),url('fonts/iconfont.woff2?t=1665482605049') format('woff2'),url('fonts/iconfont.woff?t=1665482605049') format('woff'),url('fonts/iconfont.ttf?t=1665482605049') format('truetype'),url('fonts/iconfont.svg?t=1665482605049#iconfont') format('svg')

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-yanjing_yincang:before {

    content: "\eb45"

}



.icon-yanjing_xianshi:before {

    content: "\eb46"

}



.icon-gerenxinxi:before {

    content: "\e613"

}



.icon-pinglun:before {

    content: "\e60a"

}



.icon-mima:before {

    content: "\e625"

}



.icon-chakan1:before {

    content: "\e600"

}



.icon-weibo:before {

    content: "\e75a"

}



.icon-weixin:before {

    content: "\e933"

}



.icon-7:before {

    content: "\e606"

}



.icon-comment:before {

    content: "\e668"

}



.icon-good:before {

    content: "\e753"

}



.icon-good-fill:before {

    content: "\e780"

}



.icon-calendar:before {

    content: "\e609"

}



.icon-home-fill:before {

    content: "\e867"

}



.icon-24gf-mailboxFull:before {

    content: "\e964"

}



.icon-youxiang:before {

    content: "\e667"

}



.icon-daohangdizhi:before {

    content: "\e65e"

}



.icon-arrow-right:before {

    content: "\ea66"

}



.icon-user-fill:before {

    content: "\e67e"

}



.icon-user1:before {

    content: "\ebbf"

}



.icon-search:before {

    content: "\e6a4"

}





@font-face {

    font-family: 'Oswald-Bold';

    src: url('fonts/Oswald-Bold.eot');

    src: url('fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Oswald-Bold.woff') format('woff'),url('fonts/Oswald-Bold.woff2') format('woff2'),url('fonts/Oswald-Bold.ttf');

    font-weight: normal;

    font-style: normal

}



.f-l {

    float: left

}



.f-r {

    float: right

}











.clearfix {

    clear: both

}



.clearfix:after {

	clear: both;

	height: 0;

	content: "";

	line-height: 0;

	font-size: 0;

	zoom: 1;

	display: block

}



.container{max-width:1440px;margin:0 auto;}



header{position: absolute;width: 100%;top: 0;left: 0;}

header .top{ background-image:url(../images/common/top-bg.png);background-repeat: no-repeat; background-position: center center;background-size: cover;width:100%;height:94px;}

header .top .logo{float:left;}

header .top .txt {float: right;line-height: 50px;padding: 20px 0;color: #666;font-weight: 100;line-height: 25px;height:94px;box-sizing: border-box;}

header .top .txt b {color: #004070;font-size:20px;}

header .top .txt .pvnum{font-size:14px;}

header .head {

    width: 100%;

    height: 70px;

    background: #004070;

    color: #fff;

    font-size: 16px;

    -webkit-transition: all .5s;

    transition: all .5s

}





header .head a {color: #fff }

header .nav {width: 70%;float: left}

header .nav:after {

	content:"";

	display:block;

	clear:both

}

header .nav > .list {

	font-size:0;

	text-align:center

}

header .nav > .list > li {

	width:16.66666667%;

	text-align:center;

	float:left;

	position:relative

}

header .nav > .list > li em {

	font-style:inherit

}

header .nav > .list > li > a {

	padding:0 20px;

	font-size:16px;

	color:#fff;

	height:70px;

	line-height:70px;

	z-index:1;

	display:block;

	position:relative;

	vertical-align:middle;

	-webkit-transition:all .5s;

	transition:all .5s

}

header .nav > .list > li:hover .navChild:before {

	display:block

}

header .nav > .list > li:hover,header .nav > .list > li.active {

	background:#0371c4

}

header .nav .navChild {

	font-size:14px;

	width:100%;

	text-align:left;

	padding:0 0 0 0;

	text-align:center;

	position:absolute;

	z-index:999;

	left:0;

	top:70px

}

header .nav .navChild:before {

	content:"";

	display:none;

	margin:auto;

	width:0;

	height:0;

	border-style:solid;

	border-width:0 10px 10px 10px;

	border-color:transparent transparent #fff transparent;

	position:absolute;

	z-index:999;

	top:-10px;

	left:0;

	right:0

}

header .nav .navChild .box {

	display:none;

	padding:20px 0;

	border-radius:0 0 5px 5px;

	-webkit-box-shadow:0 3px 16px 0 rgba(0,0,0,0.35);

	box-shadow:0 3px 16px 0 rgba(0,0,0,0.35);

	background:#fff;

	position:relative

}

header .nav .navChild a {

	font-size:16px;

	color:#555;

	display:block;

	height:32px;

	line-height:32px;

	padding:5px 0

}

header .nav .navChild a:hover {

	color:#0a60bb

}



header .other {

	width:30%;

	text-align:right;

	float:right;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex

}

header .search {

	width:190px;

	float:left;

	margin:20px 25px 20px 15px;

	position:relative;

	box-sizing: border-box;

}

header .search .input-form {

	width:100%;

	height:30px;

	line-height:30px;

	border-radius:30px;

	padding:0 40px 0 20px;

	background:rgba(255,255,255,0.27);

	color:#fff;

	vertical-align:top;

	float:left;

	border:0;

	box-sizing: border-box;

	font-size:14px;

}

header .search input::-webkit-input-placeholder {

	color:#fff

}

header .search input::-moz-placeholder {

	color:#fff

}

header .search input:-ms-input-placeholder {

	color:#fff

}

header .search .btn {

	line-height:30px;

	height:30px;

	position:absolute;

	top:0;

	right:10px;

}

header .search .btn .iconfont {

	color: #fff;

	font-size: 20px

}

header .opera {

	float:right;

	line-height:70px;

	white-space: nowrap;

}

header .opera a {

	vertical-align:top;

	margin:0 8px;

	font-size:16px;

}

header .opera a:hover {

	text-decoration:underline

}

header .opera .iconfont {

	font-size:20px;

}

header .opera .iconfont:before {

	vertical-align:top

}





.moreBtn a, .moreBtn span {

    display: inline-block;

    min-width: 150px;

    height: 44px;

    line-height: 44px;

    font-size: 14px;

    background: #004070;

    text-align: center;

    color: #fff

}



.moreBtn a:hover, .moreBtn span:hover {

	background: #0371c4

}



.moreBtn i {

    margin-left: 20px;

    font-size: 20px;

    vertical-align: top;

    display: inline-block

}



.middleCenter {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    vertical-align: middle;

    text-align: center;

    margin: auto

}



.footer {

	background-repeat:no-repeat;

	background-size:cover;

	color:#fff;

	font-size:14px;

	width:100%;

}

.footer .list {

	border-bottom:1px rgba(255,255,255,0.21) solid;

	width:100%;

}

.footer .menu{

	width:100%;

}

.footer .list li {

	width:20%;

	text-align:center;

	float:left;

	font-size:18px;

	line-height:70px

}

.footer .list em {

	font-style:inherit

}

.footer a {

	color:#fff

}

.footer a:hover {

	text-decoration:underline

}

.footer .contact-friendShip {

	padding-top:60px;

	padding-bottom:60px;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:end;

	-ms-flex-align:end;

	align-items:flex-end;

	-webkit-box-pack:justify;

	-ms-flex-pack:justify;

	justify-content:space-between

}

.footer .footer-contact {

	float:left

}

.footer .footer-contact .title {

	font-size:16px

}

.footer .footer-contact .tel {

	font-size:24px;

	font-family:"OPPOSans B";

	margin-bottom:10px

}

.footer .footer-contact .iconfont {

	margin-right:10px;

	color:#004070

}

.footer .friendShip {

	float:right;

	margin-left:auto

}

.copyright {

	background:#363636;

	color:rgba(255,255,255,0.37);

	line-height:50px;

	font-size:14px;

	width:100%;

	height:50px;

}

.copyright .span-1 {

	margin-right:30px;

	line-height:50px;

}

.copyright a {

	color:rgba(255,255,255,0.37)

}

.copyright a:hover {

	color:#fff;

	text-decoration:underline

}

.copyright-2 {

	background:#f7f8f9;

	color:#adadad

}

.copyright-2 .a-1 {

	color:#333

}

.copyright-2 .a-1:hover {

	color:#333

}

.copyright-3 {

	width:100%;

	position:absolute;

	bottom:0;

	left:0

}

.footer .footer-contact .p-1{

	font-size:18px;

}

.footer .footer-contact .p-2 img{

	max-width: 20px;

    margin-right: 5px;

}



.top-header {

    position: absolute!important;

    width: 100%;

    top: 0;

    left: 0

}



.top-header .other {

	width: 30%;

	text-align: right;

	float: right;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



.top-header .search {

	width: 190px;

	float: left;

	margin: 20px 25px 20px 0;

	margin-left: auto;

	position: relative;

	box-sizing: border-box;

}



.top-header .search .input-form {

	width: 100%;

	height: 30px;

	line-height: 30px;

	border-radius: 30px;

	padding: 0 40px 0 20px;

	background: rgba(255,255,255,0.27);

	color: #fff;

	vertical-align: top;

	float: left;

	box-sizing: border-box;

	border:0;

}



.top-header .search input::-webkit-input-placeholder {

	color: #fff

}



.top-header .search input::-moz-placeholder {

	color: #fff

}



.top-header .search input:-ms-input-placeholder {

	color: #fff

}



.top-header .search .btn {

	line-height: 30px;

	position: absolute;

	top: 0;

	right: 10px

}



.top-header .search .iconfont {

	color: #fff;

	font-size: 20px

}



.top-header .opera {

	float: right;

	line-height: 70px

}



.top-header .opera a {

	vertical-align: top;

	margin: 0 8px

}



.top-header .opera a:hover {

	text-decoration: underline

}



.top-header .opera .iconfont {

	font-size: 20px;

	vertical-align: top

}



.top-header .opera .iconfont:before {

	vertical-align: top

}

.top {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

	width:100%;

}



.top img {

	vertical-align:top

}

.top .logo {

	float:left

}

.top .txt {

	float:right;

	line-height:50px;

	padding:20px 0;

	color:#666;

	font-weight:100;

	line-height:25px;

}

.top .txt b {

	color:#004070;

	font-size:20px;

}

.top-2 {

	background-color:#fff;

	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.07);

	box-shadow:0 0 10px 0 rgba(0,0,0,0.07)

}

.top-2 .search .input-form {

	background:rgba(0,64,112,0.27)

}

.top-2 .opera .iconfont {

	color:#004070

}







@media (max-width: 1600px) {

	.container{padding-left:30px;padding-right:30px;}

}





@media screen and (max-width:1280px) {

    body {

        font-size: 14px

    }

}





@media screen and (max-width:1280px) {

    .header {

        position: static

    }

}



@media screen and (max-width:1600px) {

    header {

        min-width: 1260px

    }

}