﻿/*-----------------[初始化]--------------*/

body {
	color: #666;
	font-size: 12px;
	line-height: 1.5;
	font-family: "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self;
}

a {
	color: inherit;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

a:hover {
	color: #e60012;
}

img {
	max-width: 100%;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

input,
textarea,
select {
	font-size: inherit;
	color: inherit;
	font-family: "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

input::-ms-clear {
	display: none;
}

textarea {
	resize: none;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	cursor: pointer;
}

::-webkit-input-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
}

::-ms-input-placeholder {
	color: #999;
}


/*布局*/

.wp {
    width: 98%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 25px;
}


/*******************************
  -------[=头部]-------
********************************/
.mb-menu,.search-hd.mb {display: none;}
body {padding-top: 80px;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9;height: 80px;background-color: #fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07); box-shadow: 0 0 10px rgba(0,0,0,.07);}
.header .wp {position: relative;}
.logo {float: left;width: 203px;line-height: 80px;height:80px;display:flex;align-items: center}
.logo img {display: inline-block;vertical-align: middle;}
.hdr {float: right;}
.hdr .hd {overflow: hidden;padding-top: 13px;margin-bottom: 7px;}
.hdr .bar {float: right;}
.hdr .bar li {position: relative;float: left;margin-left: 10px;padding-left: 10px;}
.hdr .bar li + li:before {content: '|';position: absolute;left: 0;top: 0;}
.hdr .bar .tel {padding-left: 18px;background: url(../images/icon-tel1.png) no-repeat left center;}
.nav {float: left;}
.nav li {position: relative;float: left;font-size: 18px;color: #333;margin-right: 30px;padding-bottom: 6px;}
.nav li > a {position: relative;line-height: 36px;height: 36px;display: block;}
.nav li.on > a {color: #e91a2a;}
.nav li.on > a:after,.nav li:hover > a:after {display: block;}
.nav li > a:after {display: none;content: '';position: absolute;bottom: 0;left: 5%;width: 90%;height: 0;border-bottom: 1px solid #e91a2a;}
.nav dl {display: none;position: absolute;top: 100%;left: 0;line-height: 50px;background-color: #fff;-webkit-box-shadow: 0 5px 7px -2px rgba(74,74,74,.2); box-shadow: 0 5px 7px -2px rgba(74,74,74,.2);overflow: hidden;}
.nav dd + dd a {border-top: 1px solid #d1d1d1;}
.nav dd a {display: block;white-space: nowrap;padding: 0 60px 0 30px;font-size: 16px;white-space: nowrap;background: url(../images/icon-arr1-1.png) no-repeat right 30px top 50%;}
.nav dd a:hover {color: #e60012;background-image: url(../images/icon-arr1-2.png);}
.nav dd a:hover + a {border-top-color: #e60012;}
.nav li:hover > a {color: #e91a2a;}
.nav li:hover dl {display: block;}
.search-hd {float: right;margin-top: 10px;}
.search-hd .icon {display: block;width: 17px;height: 17px;background: url(../images/icon-search.png) no-repeat center center;-webkit-background-size: cover;
background-size: cover;cursor: pointer;}
.search-hd .form {display: none;position: absolute;top: 100%;right: 25px;left: 25px;border: 1px solid #e60012;background-color: #fff;}
.search-hd .inp {width: 100%;line-height: 32px;padding: 0 110px 0 10px;border: none;}
.search-hd .btn {position: absolute;top: -1px;right: -1px;width: 100px;height: 34px;border: none;color: #fff;background-color: #e60012;}

/*******************************
	-------[=导航]-------
********************************/
.menuBtn {display: none; position: absolute; right: 4%; top: 10px; z-index: 9; float: right; width: 30px; height: 30px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn b {display: block; height: 4px; background-color: #e60012; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open {-webkit-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px);}
.menuBtn.open b {display: none; margin: 0; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 30px; }
.menuBtn.open b:first-child {display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child {display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

/*******************************
  -------[=banner]-------
*******************************/
.ban {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover; background-size: cover;}
.ban1 {height: 500px;line-height: 500px;}
.ban2 {height: 300px;line-height: 300px;}
.txt-ban {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;line-height: 50px;}
.txt-ban h2 {font-size: 42px;color: #333;font-weight: normal;}
.txt-ban p {font-size: 28px;color: #999;}
.ban2 .txt-ban h2 {font-size: 34px;}
.ban2 .txt-ban p {font-size: 16px;}
.txt-ban.txt1 h2 {color: #fff;}
.txt-ban.txt1 p {color: #fff;text-transform: uppercase;}
.txt-ban.txt2 p {text-transform: uppercase;}

/*******************************
  -------[=底部]-------
********************************/

.footer {background-color: #f9f9f9;}
.footer .hd {overflow: hidden;padding: 30px 0;font-size: 14px;color: #666;line-height: 30px;border-bottom: 1px solid #bebebe;}
.footer .dl-ft {float: left;}
.footer .dl-ft + .dl-ft {margin-left: 70px;}
.dl-ft dt {font-size: 20px;line-height: 24px;color: #333;margin-bottom: 10px;}
.dl-ft dt .icon {float: left;width: 18px;height: 24px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;margin-right: 12px;}
.dl-ft dd {padding-left: 25px;}
.about-ft {width: 490px;}
.about-ft .qr-code {float: right;}
.about-ft .qr-code img {display: block;width: 105px;height: 105px;}
.logo-ft {text-align: center;line-height: 40px;margin: 0 -15px;padding-top: 20px;}
.logo-ft a {margin: 0 15px;}
.logo-ft img {display: inline-block;vertical-align: middle;max-width: 84px;}
.copyright {font-size: 12px;color: #666;line-height: 26px;}
.footer .ft {overflow: hidden;padding: 14px 0;}
.xin-ft {float: right;}

/*******************************
	-------[=正文]-------
********************************/

.slick-arrow {position: absolute;top: 50%;left: 0;margin-top: -17px;width: 38px;height: 34px;border: none;font-size: 0;text-indent: 9999px;padding: 0;background: url(../images/slick-arrow.png) no-repeat 0 0;z-index: 2;cursor: pointer;}
.slick-next {left: auto;right: 0;background-position: 100% 0;}
.slick-prev:hover {background-position: 0 100%;}
.slick-next:hover {background-position: 100% 100%;}

.g-tit1 {text-align: center;font-weight: normal;padding: 50px 0 25px;}
.g-tit1 span {display: block;}
.g-tit1 .cn {color: #e60012;font-size: 30px;line-height: 40px;}
.g-tit1 .en {color: #333;font-size: 16px;line-height: 20px;}
.g-tit1.tit2 .cn {font-size: 26px;color: #333;}
.g-tit1.tit2 .en {color: #e60012;}
.g-tit1.tit3 .en {color: #666;}

.tab-link {text-align: center;font-size: 0;margin-bottom: 18px;}
.tab-link li {display: inline-block;*display: inline;*zoom: 1;font-size: 14px;color: #666;}
.tab-link li + li:before {content: '/';}
.tab-link a {margin: 0 32px;}
.tab-link li.on a {color: #e60012;}

.g-btn1 {line-height: 60px;display: block;-webkit-box-shadow: 0 0 10px rgba(125,125,125,.1); box-shadow: 0 0 10px rgba(125,125,125,.1);text-align: center;background-color: #fff;font-size: 16px;color: #333;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.g-btn1 span {padding-left: 38px;background: url(../images/icon-eyes1.png) no-repeat left center;}
.g-btn1:hover {background-color: #e60012;color: #fff;}
.g-btn1:hover span {background-image: url(../images/icon-eyes2.png);}

.main {padding-bottom: 110px;}

.goTop {position: fixed;left: 50%;bottom: 280px;margin-left: 610px;width: 40px;height: 40px;background: #666 url(../images/icon-gotop.png) no-repeat center center;}
.goTop:hover {background-color: #e60012;}

@media screen and (max-width: 1299px) {
	.goTop {left: auto;right: 10px;margin-left: 0;}
}

@media screen and (max-width: 767px) {
	.goTop {display: none !important;}
}