@charset "utf-8";

.banners {
	/*position: relative;*/
	
}

.content {
	width: 1200px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

.int {
	width: 0px;
	height: 25px;
	border-radius: 20px;
	padding-left: 15px;
	padding-right: 25px;
	/*display: none;*/
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	border: none;
	background-color: transparent;
}

.btn {
	height: 25px;
	width: 25px;
	background: url(../images/icon-1.png) no-repeat center;
	border: none;
	position: relative;
	left: -25px;
}

.head-s {
	margin-top: 30px;
}

.head-s:hover .int {
	display: block;
	width: 150px;
	border: 1px solid #5a5858;
}

.head-d {
	margin-left: 25px;
	margin-top: 15px;
	position: relative;
	padding-bottom: 11px;
}

.head-d:hover .submenu {
	display: block;
	z-index: 999;
}

.head-d .submenu li {
	opacity: 1;
	width: 100%;
}

.head-d a {
	display: inline-block;
	width: 55px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #0072bc;
	color: #666666;
}

.head-d .submenu li a {
	width: 100%;
	border: none;
	color: #000000;
	font-size: 16px;
}

.head-d a.actives {
	color: #fff;
	background-color: #0072bc;
}

.head-d a:hover {
	opacity: 0.7;
}

.index-news {
	height: 40px;
	background-color: #d1d1d1;
	line-height: 40px;
	margin-top: -3px;
}

.index-news-in span {
	display: inline-block;
	width: 110px;
	height: 40px;
	background-color: #0072bc;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-right: 30px;
}

.index-news-in  a {
	font-size: 14px;
	color: #333333;
}

.index-news-in  a:hover {
	color: #0072bc;
}

.index-product {
	background: url("../images/icon-2.jpg") no-repeat;
	background-size: cover;
	padding-bottom: 80px;
}

.ac {
	display: none;
}

.index-title {
	text-align: center;
	padding-top: 55px;
}

.index-title h2 {
	font-size: 26px;
	color: #333333;
}

@
-webkit-keyframes masked-animation { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
-100%
 
0;
}
}
.index-title h3 {
	font-size: 12px;
	color: #0072bc;
	padding-top: 10px;
	padding-bottom: 15px;
}

.index-title p {
	font-size: 16px;
	color: #666666;
	padding-top: 20px;
}

.pic {
	overflow: hidden; /*隐藏溢出*/
	margin: 0 auto;
	padding-top: 70px;
}

.pic ul li {
	float: left;
	height: 660px;
	width: 23.5%;
	background-size: cover;
}

.pic ul li.active {
	max-width: 54% !important;
}

.pic ul .pic1 {
	background-image: url(../images/icon-4.jpg);
	background-position: center center; /*图片居中  等比例*/
	background-repeat: no-repeat; /*图片不平铺*/
	/*width: 640px;*/
	width: 53%;
}

.pic ul .pic2 {
	background-image: url(../images/icon-5.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.pic ul .pic3 {
	background-image: url(../images/icon-6.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.txt {
	background: rgba(0, 0, 0, .3);
	height: 660px;
	width: 100%;
	position: relative;
	text-align: center;
}

.pic1 .txt {
	width: 84%;
	height: 580px;
	top: 40px;
	left: 8%;
}

.pic1 .txt p {
	padding-top: 100px;
}

.txt p {
	padding-top: 220px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.txt b {
	display: inline-block;
	width: 75px;
	height: 3px;
	background-color: #fff;
	margin: 30px 0;
}

.txt h2 {
	font-size: 20px;
	color: #fff;
	padding-bottom: 50px;
}

.txt h3 {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	opacity: 0;
	position: relative;
	top: 20px;
}

.txt a {
	display: inline-block;
	width: 110px;
	height: 30px;
	/*border: 1px solid #fff;*/
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin-top: 60px;
	opacity: 0;
	position: relative;
	top: 20px;
}
/*.txt a:hover{*/
/*background-color: #0072bc;*/
/*color: #fff;*/
/*border: none;*/
/*}*/
.pic1 .txt h3 {
	opacity: 1;
	top: 0px;
}

.pic1 .txt a {
	opacity: 1;
	top: 0px;
}

.index-about {
	background: url("../images/icon-10.jpg") no-repeat center;
	padding: 60px 0;
	position: relative;
}

.index-about-in {
	/*width: 60%;*/
	/*float: right;*/
	/*background: url("../images/icon-11.png") no-repeat;*/
	/*background-size: cover;*/
	/*padding: 35px;*/
	position: relative;
	z-index: 1;
}

.index-about-in h2 {
	font-size: 26px;
	color: #333333;
}

.index-about-in h3 {
	font-size: 12px;
	color: #0072bc;
	padding-bottom: 35px;
	padding-top: 10px;
}

.index-about-in-img {
	position: relative;
	left: -105px;
	margin-bottom: 40px;
}

.index-about-info {
	width: 700px;
	float: right;
	padding: 35px;
}

.index-about>img {
	position: absolute;
	top: 50px;
	right: 0px;
}

.index-about-info p {
	position: relative;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	padding-left: 30px;
}

.index-about-info p b {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #0072bc;
	/*display: inline-block;*/
	top: 7px;
	left: 0px;
}

.index-about-info a {
	width: 110px;
	height: 30px;
	float: right;
	/*border: 1px solid #999999;*/
	font-size: 12px;
	color: #999999;
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
}
/*.index-about-info a:hover{*/
/*background-color: #0072bc;*/
/*color: #fff;*/
/*border: none;*/
/*}*/
.index-new {
	background: url("../images/icon-13.jpg") no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 80px;
}

/*.index-new.active,*/
/*.index-about.active,*/
/*.index-product.active{*/
/*background-attachment: fixed;*/
/*}*/
.index-new-tab {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 70px;
}

.index-new-tab span {
	display: inline-block;
	cursor: pointer;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #333333;
	margin: 0 5px;
}

.index-new-tab span.active {
	background-color: #0072bc;
	color: #fff;
}

.index-new-tab b {
	display: inline-block;
	width: 1px;
	height: 20px;
	background-color: #cbcbcb;
	position: relative;
	top: 5px;
}

.index-new-tab-in-left ul li {
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 40px;
	margin-bottom: 40px;
	position: relative;
}

.index-new-tab-in-left ul li h2 {
	font-size: 24px;
	color: #666666;
	padding-bottom: 28px;
}

.index-new-tab-in-left ul li a {
	font-size: 20px;
	color: #333333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	display: inline-block;
}

.index-new-tab-in-left ul li b {
	width: 0;
	height: 1px;
	background-color: #0072bc;
	position: absolute;
	z-index: 1;
	bottom: -1px;
	left: 0px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.index-new-tab-in-left ul li:hover b {
	width: 100%;
}

.index-new-tab-in-left ul li:hover a {
	color: #0072bc;
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
}

.index-new-tab-in-left ul li p {
	/*  word-break: break-all;数字自动换行  */
	word-break: break-all;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-top: 30px;
}

.index-new-tab-in-left, .index-new-tab-in-right {
	float: left;
	width: 50%;
}

.index-new-tab-in-right {
	float: right;
}

.index-new-tab-in-right {
	padding-left: 50px;
}

.index-new-tab-in-right h2 {
	font-size: 24px;
	color: #666666;
	padding-bottom: 28px;
}

.index-new-tab-in-right h3 {
	margin-top: 30px;
}

.index-new-tab-in-right h3 a {
	font-size: 20px;
	color: #333333;
}

.index-new-tab-in-right h3 a:hover {
	color: #0072bc;
}

.index-new-tab-in-right p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-top: 30px;
}

.index-new-tab-in-right>a {
	display: inline-block;
	width: 110px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #666666;
	/*border: 1px solid #666666;*/
	margin-top: 20px;
	position: relative;
}
/*.index-new-tab-in-right>a:hover{*/
/*color: #0072bc;*/
/*border: 1px solid #0072bc;*/
/*}*/
.index-new-tab-in-img {
	overflow: hidden;
}

.icon-ic {
	display: inline-block;
	width: 68px;
	height: 71px;
}

.icon-pica {
	background: url("../images/icon-7.png") no-repeat center;
}

.icon-picb {
	background: url("../images/icon-8.png") no-repeat center;
}

.icon-picc {
	background: url("../images/icon-9.png") no-repeat center;
}

.index-new-tab-in-img img {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	max-width: 100%;
}

.index-new-tab-in-img img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.index-new-tab-in {
	display: none;
}

.index-new-tab-in.active {
	display: block;
}

.index-sophy {
	/*height: 390px;*/
	/*background: url("../images/icon-15.png") no-repeat;*/
	/*position: relative;*/
	/*padding-top: 210px;*/
	
}

.index-sophy .content {
	position: relative;
}

.index-sophy-in {
	width: 840px;
	height: 180px;
	background-color: rgba(255, 255, 255, 0.8);
	/*float: right;*/
	padding: 40px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.im {
	position: relative;
	left: -30px;
	/*top: -30px;*/
	width: 110%;
}

.index-sophy-in i {
	display: inline-block;
	width: 16px;
	height: 7px;
	background: url("../images/icon-16.png") no-repeat;
	margin-right: 10px;
	margin-bottom: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.index-sophy-in h2 {
	font-size: 20px;
	color: #333333;
}

.index-sophy-in h3 {
	font-size: 12px;
	color: #0072bc;
	padding-top: 10px;
	padding-bottom: 30px;
}

.index-sophy-in span {
	font-size: 18px;
	color: #666666;
	margin-right: 70px;
}

.index-sophy-in span:hover i {
	margin-right: 20px;
}

.index-sophy-info-a, .index-sophy-info-b, .index-sophy-info-c {
	float: left;
}

.index-sophy-info-a {
	width: 50%;
}

.index-sophy-info-b, .index-sophy-info-c {
	width: 25%;
	padding-top: 30px;
	padding-left: 40px;
}

.index-sophy-info-b {
	height: 200px;
	background: url("../images/icon-18.png") no-repeat;
}

.index-sophy-info-c {
	height: 200px;
	background: url("../images/icon-19.png") no-repeat;
}

.index-sophy-info-b h2, .index-sophy-info-c h2 {
	font-size: 20px;
	color: #fff;
}

.index-sophy-info-b h3, .index-sophy-info-c h3 {
	font-size: 12px;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 70px;
}

.index-sophy-info-b a, .index-sophy-info-c a {
	font-size: 40px;
	color: #fff;
	font-weight: 100;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	display: inline-block;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 35px;
}

.index-sophy-info-b a:hover, .index-sophy-info-c a:hover {
	background-color: #fff;
	color: #0072bc;
}

.index-Partner-in {
	width: 1080px;
	margin: 0 auto;
}

.index-Partner-in .slick-on {
	width: 270px !important;
	border-bottom: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
}

.index-Partner {
	margin-top: 50px;
}

.index-Partner-in {
	margin-top: 30px;
}

.bxslider li .partaner-img {
	float: left;
	width: 25%;
}

.index-about-in-img img {
	max-width: 100%;
}

.bxslider li .partaner-img img {
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.bxslider li .partaner-img img:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
}

.index-Partner-in {
	background: url("../images/icon-30.png") no-repeat center;
	/*background-size: cover;*/
}

.index-top {
	text-align: center;
	padding: 16px 0;
	background: #0564a6;
	margin-top: 70px;
	cursor: pointer;
}

.index-top p {
	font-size: 16px;
	color: #fff;
	padding-top: 20px;
}

.index-top img {
	animation: yu 5s infinite ease-in-out;
	-webkit-animation: yu 2s linear infinite;
	-moz-animation: yu 2s linear infinite;
	-ms-animation: yu 2s linear infinite;
}

@keyframes yu { 0% {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
}

50%
{
transform:translateY(10px);

    
-webkit-transform:translateY(10px);

    
-moz-transform:translateY(10px);

    
-ms-transform:translateY(10px);

    
}
100%
{
transform:translateY(0px);

        
-webkit-transform:translateY(0px);

        
-moz-transform:translateY(0px);

        
-ms-transform:translateY(0px);

    
}
}
.index-phone {
	text-align: center;
	padding: 40px 0;
	background-color: #f2f2f2;
}

.index-phone h2 i {
	display: inline-block;
	width: 27px;
	height: 25px;
	background: url("../images/icon-32.png") no-repeat;
	margin-right: 15px;
}

.index-phone h2 {
	font-size: 28px;
	color: #666666;
}

.index-phone b {
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #0564a6;
	margin: 25px 0;
}

.index-phone p {
	font-size: 16px;
	color: #666666;
}

.index-Partner-in .bx-pager {
	display: none;
}

.bottom-nav {
	
}

.bottom-nav-in ul li {
	float: left;
	width: 20%;
	text-align: center;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	padding: 20px 0;
	margin-left: -1px;
	border-bottom: 1px solid transparent;
}

.bottom-nav-in ul li:hover {
	border-bottom: 1px solid #0072bc;
}

.bottom-nav-in ul li:hover a p {
	color: #0072bc;
	letter-spacing: 5px;
}

.bottom-nav-in ul li p {
	font-size: 16px;
	color: #666666;
	padding-bottom: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.bottom-nav-in ul li span {
	font-size: 12px;
	color: #0072bc;
}

.index-foot-logo {
	text-align: center;
	margin: 40px 0;
}

.index-foot p {
	height: 44px;
	border-top: 1px solid #cbcbcb;
	line-height: 44px;
	text-align: center;
}

.index-foot p span {
	font-size: 12px;
	color: #999999;
	margin-left: 15px;
}

.index-foot p span img {
	margin: 0 5px;
	margin-bottom: -3px;
}

.index-foot p a {
	color: #333333;
}

.btn-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: none;
}

.btn-box-in {
	background-color: #fff;
	border-radius: 10px;
	width: 30%;
	position: absolute;
	left: 35%;
	text-align: center;
	top: 10%;
	padding: 30px;
}

.btn-box-in p {
	font-size: 20px;
	font-weight: bold;
}

.btn-box-in input {
	background-color: #0072bc;
	font-size: 16px;
	border: none;
	color: #fff;
	width: 150px;
	height: 35px;
	margin-top: 20px;
	border-radius: 5px;
}

.message-dtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 120px;
	height: 35px;
	background-color: #0072bc;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	display: none;
	z-index: 9999;
	cursor: pointer;
}

.message-box {
	position: fixed;
	right: -100%;
	bottom: 0px;
	width: 360px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	padding: 30px;
	background-color: #fff;
	z-index: 9999;
}

.message-box h2 {
	font-size: 26px;
	color: #0072bc;
	font-weight: bold;
}

.message-box h3 {
	font-size: 12px;
	color: #999999;
	margin-top: 11px;
	margin-bottom: 20px;
}

.message-box b {
	display: inline-block;
	width: 70px;
	height: 1px;
	background-color: #999999;
}

.message-box p {
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
	margin-bottom: 10px;
}

.message-ipt {
	margin-top: 20px;
}

.message-ipt input {
	width: 100%;
	height: 40px;
	border: 1px solid #e0e0e0;
	padding-left: 15px;
	/*cursor: no-drop;*/
}

.message-ipt textarea {
	width: 100%;
	height: 250px;
	border: 1px solid #e0e0e0;
	padding-left: 15px;
	padding-top: 15px;
}

.message-bt {
	margin-top: 40px;
}

.message-bt input {
	width: 120px;
	height: 35px;
	background-color: #0072bc;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	border: none;
	float: right;
	/*cursor: no-drop;*/
}

.close {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

body {
	overflow: hidden;
}

.index-about-info svg {
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.index-about-info a {
	position: relative;
}

.set_1_btn:hover {
	text-decoration: none;
}

.Vbtn-1 {
	background: transparent;
	text-align: center;
}

.Vbtn-1 svg {
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.Vbtn-1 rect {
	fill: none;
	stroke: #999999;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}

.Vbtn-1:hover {
	background: rgba(225, 51, 45, 0);
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}

.Vbtn-1:hover rect {
	stroke: #0072bc;
	stroke-width: 5;
	stroke-dasharray: 15, 220;
	stroke-dashoffset: 48;
	-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.txt a.Vbtn-1 rect {
	stroke: #fff;
}
/*loading*/
html.load-animation-end-complete {
	overflow: auto
}

html.load-animation-end-complete .loader-type-1.active {
	transform: translate3d(100%, 0, 0)
}

html.load-animation-end .loader-type-1.active {
	transform: translate3d(100%, 0, 0);
	animation: loaderType1End 1s cubic-bezier(0.075, 0.82, 0.165, 1)
}

html.load-animation-end .page-top .image {
	animation: i 2s ease-out;
	transform: scale(1)
}

html.load-animation-end .page-top:before {
	animation: b 1s ease;
	background: rgba(30, 34, 39, 0.8)
}

html.load-animation-start-complete .loader-type-1.active {
	transform: translate3d(0, 0, 0)
}

html.load-animation-start {
	overflow: hidden
}

html.load-animation-start .loader-type-1.active {
	transform: translate3d(0, 0, 0);
	animation: loaderType1Start 1s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	transform: translate3d(100%, 0, 0);
	z-index: 51
}

.loader .percent {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate3d(-50%, -50%, 0);
	color: #9ca3ac;
	font-family: "Univers Condensed", sans-serif;
	font-size: 100px;
	opacity: 0.1
}

.loader-type-1.active {
	transform: translate3d(0, 0, 0);
	background: #0c0c11
}

.loader-type-2 {
	z-index: 1001;
	background: #1e2227
}

.loader-type-2.no-bg {
	background: none
}

.loader-type-2.active {
	transform: translate3d(0, 0, 0)
}

.loader-type-2.active canvas {
	width: 100%;
	height: 100%;
	display: block
}

@
keyframes loaderType1Start { 0% {
	transform: translate3d(56.64286%, 0, 0)
}

500%
{
transform
:
 
translate3d
(28
.32143
%
,
0,
0)
skew
(-25deg)

    
}
100%
{
transform
:
 
translate3d
(0
,
0,
0)
}
}
@media screen and (min-width: 640px) {
	.loader .percent {
		font-size: 200px;
	}
}

@
keyframes loaderType1End { 0% {
	transform: translate3d(0, 0, 0)
}

500%
{
transform
:
 
translate3d
(-50%
,
0,
0)
skew
(-25deg)

    
}
100%
{
transform
:
 
translate3d
(-100%
,
0,
0)
}
}
.level-banner {
	height: 510px;
	background-size: cover !important;
}

.map-banner {
	background: url("../images/map-banner.jpg") no-repeat center;
}

.pub-content-right-info-a img {
	max-width: 80%;
}

.help-list ul {
	min-height: 350px;
}

.pub-content-right-info-a div {
	text-align: center;
}

.map-title {
	background-color: #0175c1;
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	font-size: 18px;
	color: #fff;
	margin: 40px 0;
}

.map-nav-info {
	float: left;
	margin-right: 120px;
}

.map-nav-info h2 {
	font-size: 16px;
	color: #333333;
}

.map-nav-info ul li {
	margin-top: 30px;
}

.map-nav-info ul li a {
	font-size: 14px;
	color: #999999;
	padding-bottom: 10px;
}

.map-nav {
	margin-left: 40px;
	margin-bottom: 100px;
}

.map-nav-info ul li a:hover {
	color: #0175c1;
	border-bottom: 2px solid #0175c1;
}

.bxsliderss-a {
	width: 50%;
}

.bxsliderss-a .bx-controls-direction {
	display: none !important;
}

.bxsliderss-a .bx-pager {
	display: none !important;
}

.content-info {
	position: relative;
}

.content-nav {
	height: 120px;
	box-shadow: 1px 0px 14px 3px rgba(0, 114, 188, 0.08);
	background-color: #fff;
	margin-top: -56px;
}

.content-info {
	box-shadow: 1px 0px 14px 3px rgba(0, 114, 188, 0.08);
}

.content-nav ul {
	text-align: center;
}

.content-nav ul li {
	display: inline-block;
	text-align: center;
	height: 120px;
	line-height: 120px;
	position: relative;
	padding: 0 35px;
}

.content-nav ul li.active a {
	color: #333333;
}

.content-nav ul li:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #d6d6d6;
	border-radius: 50%;
	right: 0px;
	top: 57px;
}

.content-nav ul li:last-child:after {
	display: none;
}

.content-nav ul li.active {
	border-bottom: 1px solid #0072bc;
}

.content-nav ul li i {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: -18px;
}

.content-nav ul li i.ds {
	background: url("../images/icon-53.png") no-repeat;
}

.content-nav ul li.active i.ds {
	background: url("../images/icon-54.png") no-repeat;
}

.content-nav ul li i.df {
	background: url("../images/icon-55.png") no-repeat;
}

.content-nav ul li.active i.df {
	background: url("../images/icon-56.png") no-repeat;
}

.content-nav ul li i.kj {
	background: url("../images/icon-58.png") no-repeat;
}

.content-nav ul li.active i.kj {
	background: url("../images/icon-57.png") no-repeat;
}

.content-nav ul li i.wg {
	background: url("../images/icon-40.png") no-repeat;
}

.content-nav ul li.active i.wg {
	background: url("../images/icon-41.png") no-repeat;
}

.content-nav ul li i.aq {
	background: url("../images/icon-43.png") no-repeat;
}

.content-nav ul li.active i.aq {
	background: url("../images/icon-42.png") no-repeat;
}

.content-nav ul li i.jh {
	background: url("../images/icon-45.png") no-repeat;
}

.content-nav ul li.active i.jh {
	background: url("../images/icon-44.png") no-repeat;
}

.content-nav ul li i.dt {
	background: url("../images/icon-122.png") no-repeat;
}

.content-nav ul li.active i.dt {
	background: url("../images/icon-123.png") no-repeat;
}

.content-nav ul li i.hy {
	background: url("../images/icon-124.png") no-repeat;
	background-size: contain;
}

.content-nav ul li.active i.hy {
	background: url("../images/icon-125.png") no-repeat;
	background-size: contain;
}
.content-nav ul li i.gf {
	background: url("../images/gf1.png") no-repeat;
	background-size: contain;
}
.content-nav ul li i.djyd {
	background: url("../images/bt_djyd.png") no-repeat;
	background-size: contain;
}
.content-nav ul li.active i.gf {
	background: url("../images/gf2.png") no-repeat;
	background-size: contain;
}
.content-nav ul li i.xy {
	background: url("../images/xy1.png") no-repeat;
	background-size: contain;
}

.content-nav ul li.active i.xy {
	background: url("../images/xy2.png") no-repeat;
	background-size: contain;
}
.content-nav ul li i.gg {
	background: url("../images/gg1.png") no-repeat;
	background-size: contain;
}

.content-nav ul li.active i.gg {
	background: url("../images/gg2.png") no-repeat;
	background-size: contain;
}
.content-nav ul li a {
	font-size: 16px;
	color: #999999;
}

.pub-content-left {
	width: 240px;
	float: left;
	padding: 20px;
	position: relative;
}

.pub-content-left.active {
	position: fixed;
	top: 0px;
}

.pub-content-right {
	width: 960px;
	float: right;
	padding: 20px 30px 100px 30px;
	border-left: 1px solid #cbcbcb;
}

.pub-content-left-title {
	border-bottom: 1px solid #ededed;
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	/*text-align: center;*/
	padding: 30px 0;
}

.pub-content-left ul li {
	cursor: pointer;
	font-size: 16px;
	color: #333333;
	/*text-align: center;*/
	margin-top: 38px;
}

.pub-content-left ul li a {
	color: #333333;
}

.pub-content-left ul li.active {
	color: #0072bc;
	position: relative;
}

.pub-content-left ul li.active a {
	color: #0072bc;
}

.bxsliders li {
	background-size: cover !important;
}

.pub-content-left ul li.active em {
	position: absolute;
	width: 3px;
	height: 20px;
	background-color: #0072bc;
	left: -20px;
}

.pub-content-left i {
	position: absolute;
	width: 14px;
	height: 60px;
	background: url("../images/icon-46.png") no-repeat;
	right: -7px;
	top: 2px;
	border-left: #cbcbcb;
	z-index: 9;
}

.crumbs-nav {
	font-size: 16px;
	color: #999999;
}

.crumbs-nav span {
	font-size: 16px;
	color: #999999;
	margin: 0 10px;
}

.crumbs-nav span.active {
	color: #333333;
}

.pub-content-right-title {
	border-bottom: 1px solid #ededed;
	padding: 33px;
}

.pub-content-right-data {
	font-size: 14px;
	color: #999999;
}

.pub-content-right-info-a {
	border-bottom: 1px solid #ededed;
	padding: 30px 20px;
}

.pub-content-right-info-a h2 {
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 40px;
}

.pub-content-right-info-a h3 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	padding: 20px 0;
}

.pub-content-right-info-a h4 {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 20px;
	text-indent: 2em;
}

.pub-content-right-info-a p {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	line-height: 24px;
	text-indent: 2em;
}

.security-content {
	background: url("../images/icon-47.png") no-repeat center;
	padding-bottom: 80px;
}

.security-info {
	margin-top: 80px;
}

.security-info ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	position: relative;
	border-right: 1px dashed #d5d5d5;
	padding: 0 50px;
}

.security-info ul li img {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	max-width: 90%;
}

.security-info ul li img:hover {
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

.security-info ul li:last-child {
	border: none;
}
/*.security-info ul li:after{*/
/*content: "";*/
/*position: absolute;*/
/*right: 0px;*/
/*top: 0px;*/
/*width: 1px;*/
/*height: 532px;*/
/*background: url("../images/icon-51.png") no-repeat;*/
/*}*/
.security-info ul li h2 {
	font-size: 26px;
	color: #333333;
	margin: 30px 0;
}

.security-info ul li b {
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #cbcbcb;
}

.security-info ul li  p {
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin: 30px 0;
	min-height: 75px;
}

.security-info ul li a {
	display: inline-block;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #999999;
	border: 1px solid #999999;
}

.security-info ul li a:hover, .foot-contact a:hover {
	color: #0072bc;
	border: 1px solid #0072bc;
}

.foot-contact {
	height: 260px;
	background: url("../images/icon-52.png") no-repeat center;
	text-align: center;
	position: relative;
	z-index: 9;
}

.foot-contact h2 {
	font-size: 24px;
	color: #fff;
	padding-top: 60px;
}

.foot-contact h3 {
	font-size: 16px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 42px;
}

.foot-contact h3 span {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 0 10px;
}

.foot-contact a {
	display: inline-block;
	width: 120px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
}

.security-banner {
	background: url("../images/banner-a.jpg") no-repeat right center;
}
.gg-banner {
	background: url("../images/banner_gg1.png") no-repeat right center;
}
.help-content {
	background: url("../images/banner-b.png") no-repeat center;
	padding-top: 200px;
	padding-bottom: 150px;
}

.help-left {
	float: left;
	width: 480px;
	margin-right: 145px;
}

.help-right {
	width: 470px;
	float: left;
	margin-top: 120px;
}

.help-left ul li {
	float: left;
	width: 50%;
	height: 170px;
	border: 1px solid #cbcbcb;
	margin-bottom: -1px;
	margin-left: -1px;
	text-align: center;
	padding-top: 40px;
}

.help-left ul li i {
	display: inline-block;
	width: 60px;
	height: 60px;
}

.help-left ul li i.cj {
	background: url("../images/icon-59.png") no-repeat;
}

.help-left ul li.active i.cj {
	background: url("../images/icon-60.png") no-repeat;
}

.help-left ul li i.sh {
	background: url("../images/icon-61.png") no-repeat;
}

.help-left ul li.active i.sh {
	background: url("../images/icon-62.png") no-repeat;
}

.help-left ul li i.dl {
	background: url("../images/icon-63.png") no-repeat;
}

.help-left ul li.active i.dl {
	background: url("../images/icon-64.png") no-repeat;
}

.help-left ul li i.pt {
	background: url("../images/icon-65.png") no-repeat;
}

.help-left ul li.active i.pt {
	background: url("../images/icon-66.png") no-repeat;
}

.help-left ul li i.zx {
	background: url("../images/icon-67.png") no-repeat;
}

.help-left ul li.active i.zx {
	background: url("../images/icon-68.png") no-repeat;
}

.help-left ul li i.gd {
	background: url("../images/icon-69.png") no-repeat;
}

.help-left ul li.active i.gd {
	background: url("../images/icon-70.png") no-repeat;
}

.help-left ul li p {
	font-size: 18px;
	color: #333333;
	padding-top: 20px;
}

.help-left ul li.active p {
	color: #0072bc;
}

.help-right .help-right-list {
	display: none;
}

.help-right .help-right-list h2 {
	font-size: 36px;
	color: #333333;
	padding-right: 90px;
	padding-bottom: 50px;
	border-bottom: 1px solid #999999;
	line-height: 45px;
}

.help-right .help-right-list h3 {
	font-size: 24px;
	color: #333333;
	margin: 30px 0;
}

.help-right .help-right-list p {
	font-size: 14px;
	color: #999999;
	line-height: 26px;
}

.help-left ul li.active {
	background-color: #fff;
	box-shadow: 1px 0px 14px 3px rgba(0, 114, 188, 0.08);
	border: none;
}

.help-contents {
	margin-top: -60px;
	background-color: #fff;
}

.help-list-in {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
}

.help-list-in b {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #cbcbcb;
	border-radius: 50%;
	margin: 0 20px;
}

.help-list-in img {
	float: right;
	margin-top: 25px;
	margin-right: 65px;
	cursor: pointer;
}

.help-list-fo {
	padding: 25px 65px;
	background-color: #f8f8f8;
	border: 1px solid #cbcbcb;
	border-top: none;
	border-left: none;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	width: 960px;
	position: relative;
	left: -30px;
	display: none;
}

.helpList-banner {
	background: url("../images/banner-c.jpg") no-repeat;
}

.page-list {
	margin-top: 70px;
	text-align: center;
}

.page-list a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 13px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #b0b0b0;
}

.page-list a.active {
	background: #005bac;
	border: 1px solid #005bac;
	color: #fff;
}

.page-list a:hover {
	background: #005bac;
	border: 1px solid transparent;
	color: #fff;
}

.download ul li {
	border-bottom: 1px dashed #ededed;
}

.download ul li span {
	float: right;
	font-size: 14px;
	color: #999999;
	font-weight: 500;
}

.download ul li:hover .help-list-in {
	color: #0072bc;
}

.download ul li:hover b {
	background-color: #0072bc;
}

footer {
	position: relative;
	z-index: 9999;
}

.pub-content-right-info-a h2 a {
	display: inline-block;
	width: 80px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	color: #fff;
	background-color: #0072bc;
	margin-left: 80px;
	margin-bottom: -10px;
	cursor: no-drop;
}

.pub-content-right-info-a h2 a i {
	display: inline-block;
	width: 13px;
	height: 11px;
	background: url("../images/icon-74.png") no-repeat;
	margin-left: 10px;
}

.pub-content-right-info-a h2 a:hover {
	opacity: 0.7;
}

.down-banner {
	background: url("../images/banner-e.jpg") no-repeat center;
}

.about-banner {
	background: url("../images/banner-f.jpg") no-repeat center;
}

.about-content {
	background: url("../images/icon-75.png") no-repeat top center;
	padding-top: 50px;
	padding-bottom: 120px;
}

.about-culture {
	background: url("../images/icon-76.jpg") no-repeat center;
	padding: 45px 0;
}

.about-text {
	margin-top: 50px;
}

.about-text p {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	line-height: 26px;
	padding-bottom: 20px;
	text-indent: 2em;
}

.about-culture-text {
	margin-top: 60px;
}

.about-culture-text ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	position: relative;
}

.about-culture-text ul li:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 248px;
	background: url("../images/icon-79.png") no-repeat;
	right: 0px;
	top: 0px;
}

.about-culture-text ul li:last-child:after {
	display: none;
}

.about-culture-text ul li h2 {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}

.about-culture-text ul li h3 {
	font-size: 12px;
	color: #cdc3c1;
	padding: 17px 0 10px 0;
}

.about-culture-text ul li b {
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	margin-bottom: 35px;
}

.about-culture-text ul li p {
	font-size: 22px;
	color: #fff;
	line-height: 40px;
}

.about-memorabilia {
	background: url("../images/icon-77.jpg") no-repeat top center;
	padding-bottom: 80px;
}

#fp-nav {
	display: none;
}

#fp-nav ul li:first-child {
	display: none;
}

.zhuce {
	cursor: no-drop;
}

#fp-nav ul li:last-child {
	display: none;
}

.about-Partner {
	padding-bottom: 90px;
}

.memorabilia-content-nav {
	height: 110px;
	margin-top: 40px;
	background: url("../images/icon-78.png") no-repeat center;
	background-size: contain;
}

.memorabilia-content-nav ul {
	text-align: center;
}

.memorabilia-content-nav ul li {
	display: inline-block;
	height: 108px;
	width: 108px;
	position: relative;
	cursor: pointer;
}

.memorabilia-content-nav ul li.active {
	background: url("../images/icon-80.png") no-repeat;
}

.memorabilia-content-nav ul li b {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 50%;
	background-color: #0072bc;
	position: relative;
	top: 48px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.memorabilia-content-nav ul li.active b {
	border-radius: 0px;
	width: 20px;
	height: 1px;
	top: 66px;
}

.memorabilia-content-nav ul li p {
	font-size: 18px;
	color: #0072bc;
	position: absolute;
	top: 75px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	width: 100%;
}

.memorabilia-content-nav ul li.active p {
	font-size: 22px;
	top: 37px;
}

.memorabilia-content-info {
	position: relative;
	margin-top: 35px;
	padding: 70px 0;
}

.memorabilia-content-info:after {
	content: "";
	position: absolute;
	width: 31px;
	height: 31px;
	background: url("../images/icon-81.png") no-repeat;
	top: 0px;
	left: 50%;
	margin-left: -15.5px;
}

.memorabilia-content-info:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background: url("../images/icon-82.png") no-repeat;
	bottom: 0px;
	left: 50%;
	margin-left: -10.5px;
}

.border {
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #cbcbcb;
	top: 0px;
	left: 50%;
	margin-left: -0.5px;
}

.memorabilia-content-in ul li {
	margin-bottom: 20px;
}

.memorabilia-content-in ul li span {
	font-size: 16px;
	color: #0072bc;
	margin-right: 65px;
}

.memorabilia-content-in ul li b {
	font-size: 14px;
	color: #333333;
}

.memorabilia-content-in ul li em {
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #cbcbcb;
	margin-bottom: 6px;
	margin-right: 10px;
}

.memorabilia-content-in {
	margin-left: 42%;
	display: none;
}

.product-banner {
	background: url("../images/banner-g.jpg") no-repeat;
	background-size: cover;
}

.product-a {
	background: url("../images/icon-83.jpg") no-repeat center;
	background-size: cover;
}

.section {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.product-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 950px;
	margin: 0 auto;
	text-align: center;
	align-items: center;
}

.product-content h2 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 55px;
	position: relative;
	opacity: 0;
	top: 30px;
}

.product-content h3 {
	font-size: 28px;
	color: #333333;
	line-height: 45px;
	letter-spacing: 2px;
	position: relative;
	opacity: 0;
	top: 30px;
}

.product-content span {
	font-size: 20px;
	color: #333333;
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #333333;
	margin-top: 80px;
	position: relative;
	opacity: 0;
	top: 30px;
}

.product-content-in {
	/* background: url("../images/icon-84.png") no-repeat center; */
}

.product-content-in ul {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.product-content-in ul li {
	position: relative;
	/* display: inline-block; */
	padding: 20px;
	width: 160px;
	position: relative;
	border-top: 2px dashed rgba(255, 255, 255, 0.25);
	border-bottom: 2px dashed rgba(255, 255, 255, 0.25);
	opacity: 0;
}
.product-content-in ul li::after {
	position: absolute;
	content: '';
	top: -26px;
	right: -2px;
	bottom: -26px;
	border: 1px dashed rgba(255, 255, 255, 0.2);
}
.product-content-in ul li:nth-last-of-type(1)::after {
	border: none;
}
.product-content-in ul li img {
	/* margin-top: 90px; */
	margin-bottom: 20px;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.product-content-in p {
	font-size: 16px;
	color: #333333;
	/* margin-top: 50px; */
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.product-content-in ul li:hover img {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
}

.product-content-in ul li:hover p {
	/*color: #0072bc;*/
	
}

.product-b {
	background: url("../images/cp_ajx.png");
}

.product-color h2, .product-color h3, .product-color p, .product-color span
	{
	color: #fff;
}

.product-color span {
	border: 1px solid #fff;
}

.product-color .product-content-in {
	/* background: url("../images/icon-90.png") no-repeat center; */
}

.product-c {
	background: url("../images/cp_kj.png") center;
}

.product-d {
	background: url("../images/cp_df.png") center;
}

.product-f {
	background: url("../images/icon-105.jpg") no-repeat center;
}

.product-g {
	background: url("../images/icon-114.jpg") no-repeat center;
}

.product-e {
	background: url("../images/cp_tm.png") no-repeat center;
}

.right-nav {
	position: fixed;
	right: 70px;
	top: 30%;
	display: none;
	z-index: 999;
}

.right-nav ul li i {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("../images/icon-115.png") no-repeat;
}

.right-nav ul li i:hover {
	background: url("../images/icon-116.png") no-repeat;
}

.right-nav ul li {
	position: relative;
	margin-bottom: 30px;
}

.right-nav ul li:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #cbcbcb;
	top: 30px;
	left: 8.5px;
}

.right-nav ul li span {
	position: absolute;
	width: 116px;
	height: 31px;
	background: url("../images/icon-117.png") no-repeat;
	left: -132px;
	top: -8px;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	line-height: 31px;
	display: none;
}

.right-nav ul li span b {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
	margin-right: 10px;
	margin-bottom: 3px;
}

.right-nav ul li:hover span {
	display: block;
}

.contact-banner {
	background: url("../images/banner-h.jpg") no-repeat center;
}

.contact-info {
	text-align: center;
	margin-top: 30px;
}

.contact-info h2 {
	font-size: 16px;
	color: #999999;
}

.contact-info h3 {
	font-size: 36px;
	color: #0072bc;
	font-weight: bold;
	margin: 30px 0;
}

.contact-info ul li {
	float: left;
	width: 33.33%;
	padding: 50px 0;
	position: relative;
}

.contact-info ul li h4 {
	font-size: 18px;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 15px;
}

.contact-info ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.contact-info ul li div {
	min-height: 65px;
}

.contact-info ul li:after {
	content: "";
	width: 3px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url("../images/icon-121.png") no-repeat;
}

.contact-info ul li:last-child:after {
	display: none;
}

.map-left {
	width: 46%;
	float: left;
}

.map-right {
	width: 46%;
	float: right;
}

.contact-info {
	margin-bottom: 60px;
}

.map-left h2, .map-right h2 {
	font-size: 20px;
	color: #333333;
	padding-bottom: 40px;
}

.form-list {
	margin-bottom: 20px;
}

.map-info {
	margin-bottom: 80px;
}

.form-list input {
	height: 40px;
	border: 1px solid #cbcbcb;
	padding-left: 15px;
	font-size: 14px;
	line-height: 40px;
}

.form-lista input {
	width: 48%;
}

.form-listb input {
	width: 100%;
}

.form-list textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #cbcbcb;
	padding-left: 15px;
	padding-top: 15px;
	font-size: 14px;
}

.form-btn input {
	width: 210px;
	height: 50px;
	background: none;
	border: 1px solid #0072bc;
	font-size: 14px;
	color: #0072bc;
	/*cursor: no-drop;*/
}

.form-btn input:hover {
	background-color: #0072bc;
	color: #fff;
}

.new-nav ul li a {
	color: #333333;
}

.new-nav ul li.active a {
	color: #0072bc;
}

.new-nav ul li.active {
	border-bottom: none;
}

.new-content {
	margin-top: 70px;
}

.new-banner {
	background: url("../images/banner-i.jpg") no-repeat center;
}
.new-banner2 {
	background: url("../images/banner_gg.png") no-repeat center;
}
.new-banner1 {
	background: url("../images/djyd_banner3.png") no-repeat center;
}
.new-content ul li {
	width: 47%;
	float: left;
	margin-left: 2%;
	border-bottom: 1px solid #dedede;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.new-content ul li img {
	width: 100%;
	height: 190px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.new-content ul li img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.new-content {
	margin-bottom: 100px;
}

.new-data {
	font-size: 24px;
	color: #666666;
	margin-bottom: 30px;
}

.new-img {
	margin-bottom: 30px;
	overflow: hidden;
}

.new-title a {
	font-size: 20px;
	color: #333333;
}

.new-title a:hover {
	color: #0072bc;
}

.new-title {
	height: 50px;
}

.new-p {
	/* 设定p的高度为50px;防止页面中段落过少页面布局出现偏差 */
	word-break: break-all;
	height: 75px;
	font-size: 14px;
	color: #666666;
	margin: 30px 0;
	line-height: 24px;
}

.new-more a {
	display: inline-block;
	width: 110px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #666666;
}

.new-more a:hover {
	color: #0072bc;
	border: 1px solid #0072bc;
}

.dat-title {
	text-align: center;
	font-size: 24px;
	color: #333333;
}

.dat-date {
	padding: 25px 0;
	font-size: 14px;
	color: #999999;
	border-bottom: 1px solid #cdcdcd;
	text-align: center;
}

.dat-text h2 {
	font-size: 16px;
	color: #333333;
	text-indent: 2em;
	margin: 30px 0;
}

.dat-text p {
	/*  word-break: break-all;数字自动换行 */
	word-break: break-all;
	font-size: 16px;
	color: #999999;
	text-indent: 2em;
	line-height: 26px;
}

.dat-text {
	padding: 40px 0;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 80px;
}

.dat-text img {
	max-width: 100%;
}

.new-pre-a {
	margin-bottom: 20px;
}

.new-pre-a a {
	font-size: 16px;
	color: #333333;
}

.dat-back {
	position: absolute;
	right: 0px;
	top: 10px;
}

.dat-bottom {
	position: relative;
}

.dat-back a {
	display: inline-block;
	width: 100px;
	height: 35px;
	background-color: #0072bc;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 35px;
}

.dat-back a img {
	margin-bottom: -3px;
	margin-right: 5px;
}

.dat-other {
	margin-top: 80px;
}

.dat-other h2 {
	font-size: 26px;
	color: #000000;
	text-align: center;
}

.dat-other h3 {
	font-size: 12px;
	color: #999999;
	text-align: center;
	margin-bottom: 80px;
	margin-top: 10px;
}

.q-banner {
	background: url("../images/banner-j.jpg") no-repeat center;
}

.q-content {
	width: 1000px;
	margin: 70px auto 0;
}

.q-content ul li.ss {
	background: url("../images/icon-129.png") no-repeat bottom;
}

.q-content ul li {
	background: url("../images/icon-130.png") no-repeat bottom;
	margin-bottom: 40px;
}

.q-content-info {
	float: left;
	width: 50%;
	text-align: center;
}

.q-content ul li .q-content-left {
	float: right;
}

.q-content ul li.ss .q-content-left {
	float: left;
}

.q-content-info span {
	width: 150px;
	height: 50px;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #0072bc;
	border: 1px solid #0072bc;
	margin-top: 90px;
	margin-bottom: 40px;
}

.q-content-info p {
	font-size: 16px;
	color: #333333;
}

.q-content-info img {
	max-width: 90%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
}

.q-content-info img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.recruit-banner {
	background: url("../images/banner-k.jpg") no-repeat center;
}

.recruit-content {
	background: url("../images/icon-137.jpg");
	padding-bottom: 60px;
}

.recruit-content-title {
	font-size: 34px;
	color: #333333;
	text-align: center;
	padding: 50px 0;
}

.recruit-content-in {
	box-shadow: 1px 0px 14px 3px rgba(0, 114, 188, 0.08);
	background-color: #fff;
}

.recruit-content-left, .recruit-content-right {
	float: left;
	width: 50%;
	padding: 40px 25px;
}

.recruit-content-left h2, .recruit-content-right h2 {
	font-size: 26px;
	color: #333333;
	text-align: center;
	margin-bottom: 40px;
}

.recruit-content-right h2 {
	margin-bottom: 0px;
}

.recruit-content-left {
	border-right: 1px dashed #cdcdcd;
}

.recruit-content-left-nav {
	background: #ededed;
	height: 45px;
	line-height: 45px;
}

.recruit-content-left-nav ul li {
	float: left;
	width: 23%;
	font-size: 16px;
	color: #333333;
	/*padding-left: 20px;*/
	text-align: center;
}

.recruit-content-left-nav ul li:first-child {
	width: 28%;
}

.recruit-content-left-list ul li {
	border: 1px dashed #cdcdcd;
	height: 45px;
	line-height: 45px;
	margin-top: 20px;
	cursor: pointer;
}

.recruit-content-left-list ul li.active {
	background: #0072bc;
}

.recruit-content-left-list ul li.active span {
	color: #fff;
}

.recruit-content-left-list ul li span {
	float: left;
	width: 24%;
	text-align: center;
	/*padding-left: 17px;*/
	font-size: 14px;
	color: #999999;
}

.recruit-content-left-list ul li span:first-child {
	width: 28%;
	overflow: hidden;
	height: 45px;
}

.recruit-content-left p {
	font-size: 12px;
	color: #999999;
	margin-top: 25px;
}

.recruit-page {
	float: right;
	margin-top: -15px;
}

.recruit-page a {
	display: none;
	width: 21px;
	height: 21px;
	margin: 0 5px;
}

.recruit-page .jp-previous {
	background: url("../images/icon-159.png") no-repeat;
	text-indent: 2000em;
	display: inline-block;
}

.recruit-page .jp-next {
	background: url("../images/icon-139.png") no-repeat;
	text-indent: 2000em;
	display: inline-block;
}

.recruit-page .jp-disabled.jp-next {
	background: url("../images/icon-160.png") no-repeat;
	display: inline-block;
}

.recruit-page .jp-previous.jp-disabled {
	background: url("../images/icon-138.png") no-repeat;
	display: inline-block;
}

.recruit-content-yc {
	height: 530px;
	overflow: auto;
	display: none;
}

.recruit-content-yc h3 {
	font-size: 16px;
	color: #0072bc;
	padding-top: 40px;
	padding-bottom: 15px;
}

.recruit-content-yc p {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	text-indent: 2em;
}

.search-banner {
	background: url("../images/banner-l.jpg") no-repeat center;
}

.search-content {
	box-shadow: 1px 0px 14px 3px rgba(0, 114, 188, 0.08);
	padding: 60px;
	margin-top: -60px;
	background-color: #fff;
}

.search-content-a input[type="text"] {
	width: 80%;
	height: 50px;
	border: 1px solid #999999;
	background: url("../images/icon-140.png") no-repeat left center;
	padding-left: 70px;
	font-size: 16px;
	background-position-x: 18px;
	float: left;
}

.search-content-a input[type="submit"] {
	width: 20%;
	height: 50px;
	border: none;
	background: #0072bc;
	font-size: 20px;
	color: #fff;
	float: left;
	cursor: no-drop;
}

.search-content-a {
	padding: 0 70px 40px;
	border-bottom: 1px solid #cdcdcd;
}

.search-list {
	padding: 0 70px;
}

.search-list h2 {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	padding: 35px 0;
}

.product-content-ins {
	background: url("../images/icon-142.png") no-repeat center;
}

.banners ul li {
	text-align: center;
}

#fp-nav ul li a span {
	width: 17px !important;
	height: 17px !important;
	background: url("../images/icon-115.png") no-repeat;
	margin: 20px 0 !important;
	position: static;
	display: inline-block;
}

#fp-nav ul li a.active span {
	background: url("../images/icon-116.png") no-repeat;
}

#fp-nav ul li a span:hover {
	background: url("../images/icon-116.png") no-repeat;
}

#fp-nav ul li, .fp-slidesNav ul li {
	margin: 20px 30px;
}

#fp-nav ul li .fp-tooltip {
	top: 13px;
	color: #fff;
	font-size: 16px;
	width: 116px !important;
	height: 31px !important;
	background: url("../images/icon-117.png");
	line-height: 31px;
	padding-left: 20px;
	font-weight: bold;
}

#fp-nav ul li.active .fp-tooltip {
	opacity: 1;
}

.index-sophy-info {
	margin-top: -1px;
}

.banners .bx-pager {
	/*display: none !important;*/
	
}

.banners  .bx-wrapper .bx-controls-direction a {
	top: 45%;
	width: 50px;
	height: 50px;
}

.banners  .bx-wrapper .bx-prev {
	left: 60px;
	background: url(../images/left.png) no-repeat;
	background-size: cover;
	opacity: 0.5;
}

.banners .bx-wrapper .bx-next {
	right: 60px;
	background: url(../images/right.png) no-repeat;
	background-size: cover;
	opacity: 0.5;
}

.banners .bx-wrapper .bx-next:hover {
	opacity: 1;
}

.banners .bx-wrapper .bx-prev:hover {
	opacity: 1;
}

.help-ban {
	background: url("../images/banner-p.jpg") no-repeat top center;
	padding-top: 250px;
}

.tcdPageCode {
	padding: 15px 20px;
	color: #ccc;
}

.tcdPageCode a {
	display: inline-block;
	color: #428bca;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #ddd;
	margin: 0 2px;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode a:hover {
	text-decoration: none;
	border: 1px solid #428bca;
}

.tcdPageCode span.current {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #fff;
	background-color: #428bca;
	border: 1px solid #428bca;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode span.disabled {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #bfbfbf;
	background: #f2f2f2;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	vertical-align: middle;
}

.img-style-wh {
	/*  index页面上图片显示的大小 */
	width:100%;
	height: 190px;
}