@charset "utf-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr,
span {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	/*10 ÷ 16 × 100% = 62.5%*/
}

body {
	font-size: 1.4rem;
	/*1.4 × 10px = 14px */
}

body {
	font-family: "Microsoft YaHei" ! important;
	color: #000000;
	background: #fff;
	margin: 0 auto;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #333333;
	outline: none;
}

a:active {
	star: expression(this.onFocus=this.blur());
}

img {
	max-width: 100%;
	border: 0px;
	vertical-align: middle;
}

li {
	list-style: none;
}


.top {
	height: 50px;
	background: #333;
	color: #fff;
	overflow: hidden;
}

.top .left {
	line-height: 50px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	float: left;
}

.top .right {
	line-height: 50px;
	float: right;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(187, 191, 204, 1);

}

.top .right a {
	font-size: 14px;
	color: #FFFFFF
}

.head {
	height: auto;
	border-bottom: 1px solid rgba(247, 247, 247, 1);
	padding: 20px 0px;
}

.head .logo {
	float: left;
}

.head .logo img {
	display: block;
}

.head .words {
	float: left;
	padding-left: 110px;

	padding-top: 10px;
}

.head .words .h2tit {
	font-size: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: rgba(51, 51, 51, 1);
}

.head .words p {
	padding-top: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #0058b7;
	letter-spacing: 9px;
}

.head .words .itm{
	float: left;
	margin-right: 20px;
}

.head .words .itm img{
	float: left;
	margin-right: 10px;
}
.head .words .itm .itm_txt{
	float: left;
	color: #666;
	line-height: 15px;
}

.head .words .itm .itm_txt .itm_txt1{
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

.head .words .itm .itm_txt .itm_txt2{
	color: #666;
	line-height: 35px;
}


.head .tel {
	float: right;
	text-align: right;
	width: 230px;
	padding-top: 0;
}

.head .tel i {
	font-style: normal;
	display: block;
	font-size: 16px;
	color: #666;
}

.head .tel h4 {
	font-family: avantgardeitvbybt book, arial;
	display: block;
	font-size: 30px;
	color: #0058b7;
	font-weight: 700;
}


.head .link {
	float: right;
	padding-top: 56px;
	text-align: center;
}

.head .link a {
	float: left;
	margin: 0px 29px;
}

.head .link a .cn {
	display: block;
	height: 17px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 17px;
	margin-bottom: 4px;
}

.head .link a .en {
	font-size: 12px;
	font-family: ArialMT;
	font-weight: 400;
	color: rgba(204, 204, 204, 1);
}





.nav_list {
	height: 58px;
	background: #0058b7;
}

.nav_list ul {}

.nav_list ul li {
	float: left;
	position: relative;
}

.nav_list li {
	width: calc(100% / 6);
	text-align: center;
}

.nav_list li.current {
	background: #ff9305;
}

.nav_list ul li .dot {
	display: block;
	width: ;
	width: 124px;
	text-align: center;
	line-height: 58px;
}

.nav_list ul li .h2tit {
	position: relative;
}

.nav_list ul li:last-child .h2tit:after {
	display: none;
}

.nav_list ul li .h2tit:after {
	position: relative;
	content: "-";
	right: 0px;
	top: 0px;
	width: 20px;
	line-height: 58px;
	text-align: right;
	color: #666;
	font-size: 22px;
	display: none;
	position: absolute;
}

.nav_list ul li .h2tit a {
	display: block;
	line-height: 58px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	position: relative;
	color: #fff;
	overflow: hidden;
	z-index: 5;

}



.nav_list ul li .h2tit a:hover {
	color: #fff;
}

.nav_list ul li .h2tit a:hover:after {
	top: 0px;
}

.nav_list ul li .h2tit a:hover:before {
	bottom: 0px;
}



.nav_list ul li.current .h2tit a:after {
	top: 0px;
}

.nav_list ul li.current .h2tit a:before {
	bottom: 0px;
}

.nav_list ul li dl {
	background: #0058b7;
	color: #FFF;
	position: absolute;
	top: 58px;
	left: 50%;
	-o-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);



	width: 200px;
	z-index: 54;
	top: 64px;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}

.nav_list ul li:hover dl {
	opacity: 1;
	z-index: 13;
	visibility: visible;
	opacity: 1;
	top: 58px;

}

.nav_list ul li dl dd:hover {
	background: #333;
}

.nav_list ul li dl dd a {
	display: block;
	line-height: 40px;
	font-size: 14px;

	font-weight: 400;
	color: #FFF;
	text-align: center;
}

.nav_list ul li dl dd a:hover {

	text-align: center;
	color: #CCC;
}

.nav_list ul li:last-child {
	margin-right: 0px;
}

.nav_list ul * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}


.pc {
	display: block;
}

.wap {
	display: none;
}

.banner {
	position: relative;
}

.banner .owl-theme .owl-controls {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	margin: 0px;
}

.banner .owl-theme .owl-controls .owl-page span {
	opacity: 1;
	background: #ccc;
	opacity: .7;
}

.banner .owl-theme .owl-controls .owl-page.active span {
	background: #0058b7;
	opacity: 1;
}

.banner img {
	display: block;
	width: 100%;
}

.main {}

.main .search {
	height: 60px;
	background: #fff;
}

.main .search .keywords {
	float: left;
	width: calc(100% - 300px);
	overflow: hidden;
}

.main .search .keywords .title {
	float: left;
	width: auto;
	line-height: 60px;

}

.main .search .keywords .title strong {
	font-size: 14px;
	color: #0058b7;
}

.main .search .keywords .left {
	float: left;
	width: calc(100% - 110px);
	line-height: 60px;
}

.main .search .keywords .left a {
	font-size: 14px;
	color: #999999;
}

.main .search .keywords .left a:hover {
	text-decoration: underline;
	color: #0058b7;
}

.main .search .keywords .left b {
	width: 40px;
	text-align: center;
	color: #999;
	line-height: 60px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}

.main .search * {


	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}

.main .search .search_words {
	float: right;
	padding-top: 10px;

}

.main .search .search_words form {
	width: 284px;
	height: 40px;
	background: rgba(232, 232, 232, 1);
	border-radius: 20px;
	display: block;
	position: relative;

}

.main .search .search_words form span {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 40px;

	left: 19px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
}

.main .search .search_words form .words {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	text-indent: 66px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
}

.main .search .search_words form .send {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	right: 5px;
	top: 5px;
	background: none;
	border: none;
	cursor: pointer;
	background: url(../images/search.png) no-repeat center center;
}

* {
	outline: none;
}

.sec1 {
	padding-top: 40px;
	background-color: #f5f5f5;
	/*background: url(../images/sec1.png) no-repeat left bottom;*/
	background-size: cover;
	padding-bottom: 40px;
}

.sec1 .hd {
	float: left;
	width: 320px;
}

.sec1 .hd .title {
	text-align: center;
	background: #fff;
}

.sec1 .hd .title .cn {
	font-size: 34px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: #0058b7;
	height: auto;
	line-height: 85px;
}

.sec1 .hd .title .line {
	width: 137px;
	height: 1px;
	color: #666;
	margin: 20px auto;
}

.sec1 .hd .title .en {
	font-size: 14px;
	height: auto;
	font-family: ArialMT;
	font-weight: 400;
	color: #666;
}

.sec1 .hd ul {
	background: #0058b7;
	padding-left: 40px;
	padding-right: 40px;
}

.sec1 .hd ul li:last-child {
	border-bottom: none;
}

.sec1 .hd ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.sec1 .hd * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.sec1 .hd ul li a {
	display: block;
	font-size: 16px;
	font-family: SourceHanSansSC-Regular;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 60px;
	background: url(../images/right.png) no-repeat 96% center;
}

.sec1 .hd ul li a.current {
	width: 300px;
	text-indent: 39px;
	background: url(../images/right.png) no-repeat 96% center rgba(0, 161, 58, 1);
}

.sec1 .hd ul li a:hover {}

.sec1 .hd .infor {
	padding-top: 20px;
	text-align: center;
	padding-bottom: 18px;
	background: rgba(255, 255, 255, .7);
	border-radius: 0px 0px 8px 8px;
}

.sec1 .hd .infor .title1 {
	font-size: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: #0058b7;
}

.sec1 .hd .infor .title2 {
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	margin-bottom: 20px;
}

.sec1 .hd .infor .title3 {
	padding-top: 20px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.sec1 .hd .infor .ewm {}

.sec1 .hd .infor .ewm img {
	width: 124px;
}

.sec1 .right {
	float: right;
	width: calc(100% - 340px);
	background: #fff;
	padding: 0 20px;
}

.sec1 .right .title {
	padding-top: 20px;
	zoom: 1;
	overflow: hidden;
	border-bottom: 1px solid rgba(23, 50, 106, 0.1);
	padding-bottom: 10px;
	line-height: 30px;
}

.sec1 .right .title .left {
	float: left;
	font-size: 26px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
}

.sec1 .right .title .right2 {
	float: right;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
}

.sec1 .right .title .right2 strong {
	font-size: 22px;
	font-weight: bold;
}

.sec1 .right .bd {
	padding-top: 40px;
}

.sec1 .right .bd .model {
	zoom: 1;
	overflow: hidden;
}

.sec1 .right .bd .model .list {}

.sec1 .right .bd .model .list li {
	float: left;
	width: 32%;
	margin-bottom: 2%;
	margin-right: 2%;
}

.sec1 .right .bd .model .list li:nth-child(3n) {
	margin-right: 0px;
}

.sec1 .right .bd .model .list li .imgbox {
	display: block;
	overflow: hidden;
	height: 0;
	position: relative;
	width: 100%;
	padding-bottom: 86%;
	
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.sec1 .right .bd .model .list li .imgbox img {
	display: block;
	width: 85%;
	margin: 0px auto;
	padding-top: 11%;
}

.sec1 .right .bd .model .list li:hover .imgbox img {


	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sec1 .right .bd .model .list li .contbox {

	/* background: #666; */

}


.sec1 .right .bd .model .list li:hover .contbox {
	/* background: #0058b7; */
}

.sec1 .right .bd .model .list li .contbox .h2tit {
	text-align: center;
}

.sec1 .right .bd .model .list li .contbox .h2tit a {

	display: block;

	text-align: center;

	font-size: 15px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: #333;

	line-height: 41px;

}

.sec1 .right .bd .model .list li .contbox .btn_frou {

	text-align: center;
}

.sec1 .right .bd .model .list li .contbox .btn_frou a {

	display: inline-block;

	width: 80px;

	height: 30px;

	background: rgba(255, 255, 255, 1);

	border-radius: 15px 0px 15px 0px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(51, 51, 51, 1);

	margin: 0px 6px;
}

.sec1 .right .bd .model .list * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.sec2 {
	padding-top: 80px;
	padding-bottom: 77px;
}

.sec2 .left {
	float: left;
	width: 30%;
}

.sec2 .left .h2tit {
	font-size: 36px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	height: 44px;
	margin-bottom: 20px;
}

.sec2 .left .line {
	position: relative;

	width: 114px;
	height: 3px;
	background: #0058b7;
	margin-bottom: 39px;
}

.sec2 .left .dec {
	font-size: 18px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #0058b7;
	margin-bottom: 24px;
}

.sec2 .left .dec strong {
	color: #333;
	font-weight: bold;
}

.sec2 .left .desc {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 28px;
	margin-bottom: 35px;
	width: 96%;
}

.sec2 .left .link {

	zoom: 1;
	overflow: hidden;
}

.sec2 .left .link a {
	float: left;
	text-align: center;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-right: 20px;
}

.sec2 .left .link a.bg1 {
	background: #0058b7;
}

.sec2 .left .link a.bg2 {
	background: #333;
}

.sec2 .right {
	float: left;
	width: 70%;
}

.sec2 .right li {
	float: left;
	margin-left: 2%;
	margin-bottom: 10px;
	width: 31.3%;
	position: relative;
	border: 3px solid #0058b7;
}

.sec2 .right li .imgbox {
	overflow: hidden;
}

.sec2 .right li .imgbox img {

	width: 100%;
	height: 180px;
}

.sec2 .right li:hover .imgbox img {

	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sec2 .right li .conbox {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	text-align: center;

	opacity: 0;
	height: 180px;

	background: rgba(0, 0, 0, 0.8);
}

.sec2 .right li:hover .conbox {
	opacity: 1;
}

.sec2 .right li:hover .conbox a {
	top: 50%
}

.sec2 .right li .conbox a {

	position: absolute;

	top: 50%;

	left: 50%;

	top: 55%;
	-o-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 109px;

	height: 109px;

	background: #0058b7;

	border-radius: 50%;

	font-size: 16px;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bold;

	color: rgba(255, 255, 255, 1);

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flexbox;

	display: flex;

	flex-direction: column;

	justify-content: center;
}

.sec2 .right li .conbox a span {
	display: block;
}

.sec2 * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}

.sec3 {
	text-align: center;
}

.sec3 .title {
	text-align: center;
}

.sec3 .title .cn {

	height: 43px;
	font-size: 36px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	line-height: 43px;
	margin-bottom: 20px;

}

.sec3 .title .desc {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	margin-bottom: 40px;

}



.liuc {

	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #666;
}

.liuc .bd {
	overflow: hidden;
	width: auto;
	margin: 0px auto;

}

.liuc .tempWrap {
	overflow: hidden;
	width: 1170px;
	margin: 0px auto;

}

.liuc li {
	float: left
}

.liuc li .jtou {
	width: 114px;
	height: 100px;
	background: url(../images/jtou.png) no-repeat center;
	float: left;
	display: block
}

.liuc li img {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 20px;
	border-radius: 50%
}

.liuc li p {
	text-align: center;
	color: #fff;
	font-size: 16px;
	float: left
}

.liuc li:last-child .jtou {
	display: none
}

.liuc a.btn {
	width: 45px;
	height: 45px
}

.liuc a.btn.prev {
	background-position: -100px -98px
}

.liuc a.btn.prev:hover {
	background-position: -150px -98px
}

.liuc a.btn.next {
	background-position: -200px -98px
}

.liuc a.btn.next:hover {
	background-position: -250px -98px
}

.liuc li:hover img {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards
}



.sec4 .owl-theme .owl-controls {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
}

.sec4 .owl-theme .owl-controls .owl-buttons div {
	border: none;
	border-radius: 0px;
	background: none;
	opacity: 1;
	width: 43px;
	margin: 0px;
	padding: 0px;
	height: 13px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.sec4 .owl-theme .owl-controls .owl-buttons .owl-prev {
	margin-right: 22px;
	background: url(../images/zh.png) no-repeat center center #fff;
}

.sec4 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/z.png) no-repeat center center #fff;
}


.sec4 .owl-theme .owl-controls .owl-buttons .owl-next {
	background: url(../images/yh.png) no-repeat center center #fff;
}

.sec4 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/y.png) no-repeat center center #fff;
}








.sec3 .list .imgbox:hover {
	border-color: #1dc057;
}


.sec3 .list .imgbox {

	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}

#owl-list {
	padding-left: 17%;
	padding-right: 17%;
}

.sec3 .list .imgbox {

	height: 138px;
	background: rgba(255, 255, 255, 1);
	border: 2px solid #0058b7;
	position: relative;
	width: 94%;
	margin: auto;
}

.sec3 .list .imgbox img {

	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	max-width: 100%;
	max-height: 100%;
}

.sec3 .list .imgbox img {}


.sec4 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sec4 .left {
	float: left;
	width: 440px;
}

.sec4 .item * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.sec4 .item {
	position: relative;
}

.sec4 .left img {
	display: block;
	width: 100%;
}

.sec4 .right {
	float: right;
	padding-left: 70px;
	width: 725px;
}

.sec4 .right .en {
	font-size: 40px;
	font-weight: 400;
	color: #0058b7;
	padding-top: 8px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.sec4 .right .title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 36px;

	font-weight: 400;
	color: #333;
	/*padding-left: 60px;*/
	
	border-bottom: 1px dashed #666 ;
}

.sec4 .right .title strong {

	color: #333;

	font-weight: bold;
}

.sec4 .right .desc {
	font-size: 18px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 36px;
	/*padding-left: 60px;*/
}

.sec4 .right .link {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 40px;
}

.sec4 .right .link a {
	display: inline-block;
	vertical-align: middle;
	width: 118px;
	height: 40px;
	background: linear-gradient(180deg, #0058b7, rgba(15, 182, 74, 1), rgba(39, 198, 95, 1));
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-right: 8px;
}

.sec4 .right .link a:hover {
	background: linear-gradient(0deg, #0058b7, rgba(6, 108, 179, 1), rgba(13, 94, 150, 1));
}

.sec4 .right .title2 {

	font-size: 32px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: #0058b7;

	line-height: 32px;

	margin-bottom: 29px;
}

.sec4 .right .desc2 {

	font-size: 15px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(102, 102, 102, 1);

	line-height: 30px;

	margin-bottom: 40px;
}

.sec4 .right .desc2 p {
	text-indent: 30px;
}

.sec4 .right .tel {

	display: block;

	width: 230px;

	height: 50px;

	background: url(../images/tel.png) no-repeat center center;

	text-indent: 64px;

	font-size: 18px;

	font-family: Arial-BoldMT;

	font-weight: bold;

	color: rgba(255, 255, 255, 1);

	line-height: 50px;
}

.sec4 .item * {

	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}
















.sec5 {
	height: auto;
	background: url(../images/xunpan.jpg) center no-repeat;
	padding: 30px 0px;
}



.sec5 .owl-theme .owl-controls {
	margin: 0px;
}

.sec5 img {
	display: block;
	margin: auto;
	width: 96%;
}

.sec5 .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	position: absolute;
	top: 50%;
	-o-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	border: none;
	border-radius: 0px;
	background: none;
	opacity: 1;
	width: 50px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6500px;
}






.sec5 .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -80px;
	background: url(../images/zhover.png) no-repeat center center #fff;
}

.sec5 .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -80px;
	background: url(../images/yhover.png) no-repeat center center #fff;
}




.sec5 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {

	background: url(../images/zde.png) no-repeat center center;
}

.sec5 .owl-theme .owl-controls .owl-buttons .owl-next:hover {

	background: url(../images/yde.png) no-repeat center center;
}


.sec5 .gg {
	color: #fff;
	font-weight: 400;
	font-size: 28px;
	padding-right: 10px;
	font-family: you yuan;
	text-align: center;
	line-height: 65px;
}

.sec6 {

	background: url(../images/sec6.png) no-repeat center center;

	background-size: cover;
}

.sec6 .con_tab {

	padding-left: 34%;

	padding-top: 120px;
}

.sec6 .con_tab .bd {}

.sec6 .con_tab .bd .model {}

.sec6 .con_tab .bd .model .words {

	padding-left: 262px;

	background: url(../images/title4.png) no-repeat left center;

	background-size: auto 100%;

	margin-bottom: 39px;
}

.sec6 .con_tab .bd .model .words .title {

	font-size: 32px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(51, 51, 51, 1);

	background: url(../images/add.png) no-repeat right center;
}

.sec6 .con_tab .bd .model .words .title strong {

	color: #0058b7;
}

.sec6 .con_tab .bd .model .words .desc {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(51, 51, 51, 1);

	letter-spacing: 3px;
}

.sec6 .con_tab .bd .model .words2 {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(102, 102, 102, 1);

	line-height: 28px;

	margin-bottom: 75px;
}

.sec6 .con_tab .bd .model .imgs {

	margin-bottom: 75px;
}

.sec6 .con_tab .bd .model .imgs img {

	margin-right: 10px;
	margin-right: 3px;
	width: 160px;
	padding: 0 10px;
}


.sec6 .con_tab .hd {}

.sec6 .con_tab .hd li {

	float: left;
}

.sec6 .con_tab .hd li a {

	width: 186px;

	height: 50px;

	background: linear-gradient(180deg, #0058b7, rgba(15, 182, 74, 1), rgba(39, 198, 95, 1));

	border-radius: 8px 8px 0px 0px;

	text-align: center;

	line-height: 50px;

	display: block;

	margin-right: 19px;

	font-size: 16px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);

	/* line-height:36px; */
}

.sec6 .con_tab .hd li a.current {
	background: linear-gradient(0deg, #0058b7, rgba(6, 108, 179, 1), rgba(13, 94, 150, 1));
}

.sec6 .con_tab .hd li a:hover {
	background: linear-gradient(0deg, #0058b7, rgba(6, 108, 179, 1), rgba(13, 94, 150, 1));
}




.sec7 {
	background: #f5f5f5;
}

.sec7 .title {}

.sec7 .title .cn {

	padding-top: 30px;

	text-align: center;

	font-size: 36px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: #333;
}

.sec7 .title .en {

	text-align: center;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 400;

	color: rgba(0, 0, 0, 0.5);

	padding-top: 10px;

	margin-bottom: 30px;
}

.sec7 .left {

	width: 70%;

	float: left;

	padding-right: 40px;
}

.sec7 .left .list1 {

	zoom: 1;

	overflow: hidden;
}

.sec7 .left .list1 .imgbox {

	float: left;

	width: 300px;

	overflow: hidden;
}

.sec7 .left .list1 .imgbox img {

	width: 100%;

	display: block;
}

.sec7 .left .list1 .border {

	float: left;

	width: calc(100% - 300px);

	padding-left: 30px;

}

.sec7 .left .list1 ul {



	border-top: 1px solid rgba(229, 229, 229, 1);
}

.sec7 .left .list1 ul li {

	border-bottom: 1px solid rgba(229, 229, 229, 1);
}

.sec7 .left .list1 ul li .h2tit {

	zoom: 1;

	overflow: hidden;

	padding-top: 28px;

	margin-bottom: 18px;
}

.sec7 .left .list1 ul li .h2tit a {

	float: left;

	font-size: 16px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(51, 51, 51, 1);
}

.sec7 .left .list1 ul li .h2tit .time {

	float: right;

	font-size: 12px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(204, 204, 204, 1);
}

.sec7 .left .list1 ul li .desc {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(153, 153, 153, 1);

	padding-bottom: 18px;
}

.sec7 .left .list2 {
	height: auto;
	overflow: hidden;
	padding-top: 23px;
}

.sec7 .left .list2 li:nth-child(2n) {
	float: right;
}

.sec7 .left .list2 li {

	float: left;

	width: 49%;

	padding-top: 25px;

	padding-bottom: 25px;

	border-bottom: 1px solid rgba(229, 229, 229, 1);
}


.sec7 .left .list2 li a .tit:before {
	content: "-";
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 20px;
	line-height: 18px;
}


.sec7 .left .list2 li a {}

.sec7 .left .list2 li a .tit {

	float: left;

	padding-left: 28px;

	font-size: 16px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(85, 85, 85, 1);

	position: relative;
}

.sec7 .left .list2 li a .time {

	font-size: 12px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(153, 153, 153, 1);

	float: right;
}

.sec7 .right {

	float: right;

	width: 30%;
}

.sec7 .right li {

	height: 140px;

	background: rgba(255, 255, 255, 1);

	border: 1px solid rgba(204, 204, 204, 1);

	margin-bottom: 32px;

	padding-top: 20px;

	padding-left: 20px;

	padding-bottom: 0px;

	padding-right: 18px;
}

.sec7 .right li .title {

	zoom: 1;

	overflow: hidden;

	margin-bottom: 20px;
}

.sec7 .right li .title .q {

	float: left;

	width: 20px;

	height: 20px;

	background: #0058b7;

	margin-right: 19px;

	text-align: center;

	line-height: 20px;

	color: #fff;
}

.sec7 .right li .title .tit {}

.sec7 .right li .title .tit a {

	float: left;

	font-size: 16px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: #0058b7;

	line-height: 20px;
}

.sec7 .right li .aws {

	zoom: 1;

	overflow: hidden;
}

.sec7 .right li .aws .a {

	width: 20px;

	height: 20px;

	background: rgba(85, 85, 85, 1);

	float: left;

	text-align: center;

	line-height: 20px;

	color: #fff;

	margin-right: 19px;
}

.sec7 .right li .aws .desc {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(136, 136, 136, 1);

	line-height: 28px;

	float: left;

	width: calc(100% - 40px);

	position: relative;

	top: -3px;
}

.sec7 .right li:hover {
	border-color: rgba(227, 232, 246, 1);
	background: rgba(227, 232, 246, 1);
}



.sec7 * {

	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}


.sec7 .left .list1 ul li:hover .h2tit a {
	color: #0058b7
}

.sec7 .left .list1 ul li:hover .desc {
	color: #555555
}

.sec7 .left .list2 li a .tit:hover {
	color: #0058b7
}


.footer {}

.footer .sec_1 {

	background: rgba(51, 51, 51, 1);
}

.footer .sec_1 .link {}

.footer .sec_1 .link .title {

	float: left;

	text-align: center;

	width: 200px;

	height: 90px;

	background: #0058b7;

	color: #fff;
}

.footer .sec_1 .link .title strong {

	font-size: 34px;

	font-family: Arial-BoldMT;

	font-weight: bold;

	display: block;

	color: rgba(255, 255, 255, 1);

	line-height: 30px;

	margin-bottom: 7px;

	padding-top: 19px;
}

.footer .sec_1 .link .title p {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);
}

.footer .sec_1 .link .list {

	float: left;

	width: calc(100% - 200px);

	overflow: hidden;

	height: 90px;

	line-height: 90px;

	padding-left: 39px;
}

.footer .sec_1 .link .list a {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);
}

.footer .sec_1 .link .list span {

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);

	display: inline-block;

	width: 43px;

	text-align: center;
}

.footer .sec_2 {

	background: rgba(34, 34, 34, 1);
}

.footer .sec_2 .left {

	float: left;

	padding-top: 30px;
}

.footer .sec_2 .left .en {

	font-size: 14px;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bold;

	color: rgba(255, 255, 255, 1);

	/* line-height:30px; */

	text-transform: uppercase;

	/* margin-bottom: 7px; */
}

.footer .sec_2 .left .cn {

	font-size: 18px;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bold;

	color: rgba(255, 255, 255, 1);

	line-height: 30px;
}

.footer .sec_2 .right {

	float: left;

	padding-top: 38px;

	padding-left: 80px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	/* text-decoration:underline; */

	color: #999;

	line-height: 30px;
}

.footer .sec_2 .right a {

	font-family: MicrosoftYaHei;

	font-weight: 400;

	/* text-decoration:underline; */

	color: #999;

	line-height: 30px;
	padding: 0 10px;
}

.footer .sec_2 .right a:hover {
	text-decoration: underline;
	color: #fff;
}

.footer .sec_2 .right span {

	display: inline-block;

	width: 70px;

	text-align: center;
}

.footer .sec_2 .border {
	zoom: 1;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 31px;
	margin-bottom: 41px;
}

.footer .sec_3 {

	background: rgba(34, 34, 34, 1);

	padding-bottom: 30px;
	padding-top: 30px;
}

.footer .sec_3 .block1 {

	float: left;

	width: 43%;

	margin-right: 2%;
}

.footer .sec_3 .title {

	font-size: 18px;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bold;

	color: rgba(255, 255, 255, 1);

	margin-bottom: 20px;
}

.footer .sec_3 .block1 ul {}

.footer .sec_3 .block1 ul li {

	font-size: 15px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 0.5);

	line-height: 50px;

	float: left;

	width: 50%;
}

.footer .sec_3 .block1 ul li img {}

.footer .sec_3 .block1 ul li span {}

.footer .sec_3 .block1 ul li strong {

	font-size: 18px;

	color: #0058b7;
}

.footer .sec_3 .block1 ul li a {

	color: #fff;

	text-decoration: underline;
}

.footer .sec_3 .block2 {

	float: left;

	width: 43%;

	margin-right: 2%;
}

.footer .sec_3 .block2 ul {}

.footer .sec_3 .block2 ul li {

	font-size: 15px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 0.5);

	line-height: 50px;
}

.footer .sec_3 .block2 ul li img {}

.footer .sec_3 .block2 ul li span {}

.footer .sec_3 .block2 ul li a {}

.footer .sec_3 .block3 {

	float: right;

	width: 10%;

	text-align: center;
}

.footer .sec_3 .block3 img {

	width: 100%;
}

.footer .sec_3 .block3 .tit {

	padding-top: 17px;

	font-size: 14px;

	font-family: MicrosoftYaHei;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);

	/* line-height:30px; */
}

.sec1 .right .bd .model .list li .contbox .h2tit a,
.sec1 .hd ul li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;


}


/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 85px;
	width: 70px;
	height: 240px;
}

.suspension-box {
	position: relative;
	float: right;
}

.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #0058b7;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
}

.suspension .a.active,
.suspension .a:hover {
	background: #333;
}

.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}

/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}

.suspension .a-qrcode .i {
	background-position: -44px 0;
}

.suspension .a-cart .i {
	background-position: -88px 0;
}

.suspension .a-top .i {
	background-position: -132px 0;
}

.suspension .a-top {
	background: #D2D3D6;
	display: none;
}

.suspension .a-top:hover {
	background: #c0c1c3;
}

.suspension .d {
	display: none;
	width: 223px;
	background: #fff;
	position: absolute;
	right: 67px;
	min-height: 90px;
	border: 1px solid #E0E1E5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 31px;
}

.suspension .d-service {
	top: 0;
}

.suspension .d-service-phone {
	top: 34px;
}

.suspension .d-qrcode {
	top: 78px;
}

.suspension .d .inner-box {
	padding: 8px 22px 12px;
}

.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}

.suspension .d-service .d-service-item {
	border-bottom: none;
}

.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}

.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 20px;
	display: block;
	transition: all .4s;
	border-radius: 50%;
	overflow: hidden;
	background-size: 30px;
}

.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}

.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}

.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
	color: #066db4;
}

.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}

.suspension .d-service-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.suspension .d-service-intro {
	padding-top: 10px;
}

.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}

.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}

.suspension .d-qrcode {
	text-align: center;
}

.suspension .d-qrcode .inner-box {
	padding: 20px 0;
}

.suspension .d-qrcode p {
	font-size: 16px;
	color: #93959c;
}

.wz_n_of_title {
	text-align: center;
	margin: 50px 0;
	overflow: hidden;
}

.wz_n_of_title h3 {
	line-height: 38px;
	font-size: 25px;
	color: #333;
	font-weight: bold;
}

.wz_n_of_title h3 a {
	color: #333;
}

.wz_n_of_title p {
	font-size: 18px;
	color: #666;
}

.wz_n_of {
	width: 100%;
	overflow: hidden;
}

.wz_n_of img {
	max-width: 100%;
}


.bottom_bar {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: #006158;
	background: -webkit-linear-gradient(top, rgba(0, 88, 174, 1), #0058b7);
	z-index: 88888;
}

.bottom_bar ul {}

.bottom_bar ul li {
	float: left;
	width: 33.33%;
	height: 50px;
	text-align: center;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	display: flex;
	/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	flex-direction: column;
	justify-content: center;
}

.bottom_bar ul li a {
	color: #fff;
}

.bottom_bar ul li a img {
	display: block;
	height: 20px;
	margin: 0px auto;
	font-size: 2rem
}

.head .link a * {

	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

}

.head .link a:hover .en {
	color: #0058b7;
}

.head .link a:hover .cn {
	color: #0058b7;
}

.guestbook_sub {
	margin-top: 10px;
}
