.top_bg {
	height: 6.2rem;
	background: rgba(0,0,0,0.9);
	position: relative;
	z-index: 30;
	width: 100%;
}
.h_tel {
	font-size: 1rem;
	color: #fff;
	background: url(../images/tel.png) no-repeat 0 50%;
	padding: 0 0 0 0rem;
	height: 6.2rem;
	line-height: 6.2rem;
	overflow: hidden;
	width: 15.5%;
	margin-left: 6%;
	font-weight: bold;
}
.h_con {
	width: 55.5%;
}
.logo {
	width: 48.3%;
	padding: 1rem 0 0;
	line-height: 0;
	margin: 0 auto;
	height: 2.2rem;
}
.logo img {
	display: block;
	width: 100%;
}
.h_nav {
	width: 68%;
	margin: 0 auto;
}
.h_nav li {
	float: left;
	height: 2.5rem;
	line-height: 2.5rem;
}
.h_nav li a {
	font-size: 0.7rem;
	color: #fff;
	display: block;
	float: left;
	padding: 0 0.8rem;
	height: 2.5rem;
}
.h_nav li a:hover, .h_nav li.cur a {

	background: url(../images/nav_line.gif) no-repeat center bottom;
}
.content {
	width: 1200px;
	margin: 0 auto;
}
.pro_nav {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 7.2rem;
	background: #fff;
	z-index: 10;
	height: 16rem;
	overflow: hidden;
}
.n_pic {
	width: 259px;
	height: 321px;
	float: left;
}
.n01 {
	width: 200px;
	float: left;
	padding: 1.7rem 0 0 50px;
	border-right: #e8e8e8 1px solid;
	height: 14.3rem;
}
.top_bg .h_nav .n01 a {
	width: 180px;
}
.top_bg .h_nav .n01 a, .top_bg .h_nav .n02 a {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-size: 14px;
	color: #202428;
	padding: 0;
	font-weight: normal;
	width: 180px;
}
.n02 {
	width: 200px;
	float: left;
	padding: 1.7rem 0 0 50px;
	border-right: #e8e8e8 1px solid;
	height: 14.3rem;
}
.h_nav .n02 a {
	width: 110px;
}
.n03 {
	width: 300px;
	float: left;
	padding: 2rem 0 0 40px;
	border-right: #e8e8e8 1px solid;
	height: 14rem;
}
.n03 span {
	width: 132px;
	float: left;
	line-height: 50px;
	overflow: hidden;
	height: 90px;
	display: block;
}
.n03 span em {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	line-height: 0;
	padding-right: 10px;
}
.n03 span em img {
	width: 50px;
	height: 50px;
}
.n03 span a {
	font-size: 14px;
	color: #202428;
	padding: 0;
	height: 90px;
}
.h_nav li.cur .n01 a, .h_nav li.cur .n02 a, .h_nav li.cur .n03 span a {
	color: #202428;
	background: none;
}
.top_bg .h_nav .n01 a:hover, .top_bg .h_nav .n02 a:hover, .top_bg .n03 span a:hover {
	color: #d5c098;
	background: none;
}
.h_so {
	width: 0%; display:none;
}
.h_lx {
	width: 20px;
	height: 20px;
	display: block;
	padding: 2rem 0 0 2rem;
}
.h_lx img {
	display: none;
	width: 20px;
	height: 20px;
}
.h_so .isear {
	left: 0;
	position: absolute;
	top: 2rem;
	width: 21px;
	height: 21px;
	z-index: 20;
}
.h_so .isear .icon {
	display: block;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.h_so .isear .icon:hover {
	-webkit-animation: hvr-buzz-out 0.75s linear;
	animation: hvr-buzz-out 0.75s linear;
}
.h_so .isearch {
	position: absolute;
	right: -28px;
	top: 65px;
	padding: 5px;
	background-color: #f3f3f3;
	width: 295px;
	height: 30px;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: all .5s;
	transition: all .5s;
}
.h_so .isearch .ser_inp {
	font-size: 14px;
	display: block;
	float: left;
	width: 204px;
	height: 16px;
	line-height: 16px;
	padding: 7px 10px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	position: relative;
	border: none;
}
.h_so .isearch .ser_so {
	cursor: pointer;
	display: block;
	float: left;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background-color: #333;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	position: relative;
	color: #fff;
	border: none;
}
.h_so .isearch:before {
	content: '';
	position: absolute;
	display: block;
	border: 5px solid transparent;
	border-right: 7px solid #333;
	z-index: 3;
	right: 75px;
	top: 16px;
}
.h_so .isear.open .isearch {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.h_so .isear .icon:hover {
	-webkit-animation: hvr-buzz-out 0.75s linear;
	animation: hvr-buzz-out 0.75s linear;
}
input::-webkit-input-placeholder {
color: #666;
}
.btm {
	height: 3rem;
	background: rgba(0,0,0,0.7);
}
.btm .h_tel {
	height: 3rem;
	line-height: 3rem;
}
.btm .logo {
	    padding: 0.9rem 0 0;
    margin: 0 2rem 0 0;
    float: left;
    width: 20.8%;
}
.btm .h_nav {
	margin: 0;
	float: left;
}
.btm .h_nav li {
	height: 3rem;
	line-height: 3rem;
}
.btm .h_nav li a {
	height: 3rem;
}
.btm .h_nav li .erji {
	top: 3rem;
}
.btm .h_lx {
	padding: 1rem 0 0 2rem;
}
.btm .h_so .isear {
	top: 1rem;
}
.btm .h_so .isearch {
	top: 40px;
}
.btm .pro_nav {
	top: 3rem;
}
em, i {
	font-style: normal;
}
html {
	font-size: 10px;
	-webkit-text-size-adjust: none;
}
@media screen and (min-width: 1200px) {
html {
	font-size: 15px;
}
}
@media screen and (min-width: 1280px) {
html {
	font-size: 16px;
}
}
@media screen and (min-width: 1366px) {
html {
	font-size: 17px;
}
}
@media screen and (min-width: 1440px) {
html {
	font-size: 18px;
}
}
@media screen and (min-width: 1600px) {
html {
	font-size: 20px;
}
}
@media screen and (min-width: 1920px) {
html {
	font-size: 24px;
}
}
 @-webkit-keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
.ty-banner-1 {
	overflow: hidden;
	line-height: 0;
	text-align: center;
}
.ty-banner-1 img {
	visibility: hidden;
}
.ty-banner-1 img.show {
	visibility: visible;
}
.p1-search-1 {
	background: #f2f2f2;
	height: 82px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	font-size: 14px;
}
.p1-search-1 p {
	color: #444;
	line-height: 82px;
}
.mskn {
	width: 1200px;
	margin: 0 auto 0px;
}
.p1-search-1 a {
	color: #444;
	display: inline-block;
	margin-right: 15px;
}
.p1-search-1-inp {
	width: 270px;
	height: 30px;
	border-radius: 20px;
	background: #fff;
	padding-left: 10px;
	margin-top: 28px;
}
.p1-search-1-inp input {
	border: 0;
}
.p1-search-1-inp1 {
	width: 224px;
	height: 30px;
	line-height: 30px;
	color: #a9a9a9;
	float: left;
}
.p1-search-1-inp2 {
	width: 30px;
	height: 30px;
	background: url(../images/VISkins-p1.png) no-repeat -258px -936px;
	float: right;
	cursor: pointer;
}
.p12-curmbs-1 {
	font-size: 14px;
	border-bottom: 1px dashed #dcdcdc;
}
.p12-curblock {
	display: none;
}
.p12-curmbs-1 b {
	border-left: 10px solid #cebb93;
	font-weight: normal;
	padding-left: 8px;
}
.p12-curmbs-1 i {
	font-style: normal;
}
.plc {
	width: 1200px;
	margin: 0 auto 20px;
}
.p12-curmbs-1 span {
	font-family: '宋体';
	padding: 0 5px;
	height: 46px;
	line-height: 46px;
}
.tl-fdh-02 {
	height: 55px;
	background: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto 20px;
}
.tl-fdh-02 li {
	width: 16.66%;
	height: 55px;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	float: left;
	border-right: 1px solid #d8d8d8;
	box-sizing: border-box;
	background: #efefed;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.tl-fdh-02 li a {
	display: block;
	height: 55px;
	color: #333;
}
.tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover {
	background: url(../images/p16-icon6.png) no-repeat bottom center #1d1d1f;
	border-color: #1d1d1f;
}
.tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a {
	color: #fff;
}
.p12-aboutinfo-1 {
	display: inline-block;
	width: 100%;
	background: #fff;
	margin-bottom: 38px;
}
.p12-aboutinfo-1-tit {
	height: 114px;
	line-height: 114px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #4b4a4a;
}
.p12-aboutinfo-1-tit span {
	font-size: 22px;
	color: #aaa;
}
.p12-aboutinfo-1-nr {
	padding: 0 0 20px;
}
.f_bg {
	background: url(../images/f_bg.gif) repeat-x;
	height: 460px;
}
.footer {
	width: 1200px;
	margin: 0 auto;
}
.f_tel {
	height: 73px;
	line-height: 73px;
	overflow: hidden;    width: 95%;
    margin: 0 auto;
}
.f_tel p {
	float: left;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	height: 73px;
	position: relative;
}
.f_tel p:before {
	content: "";
	width: 3px;
	height: 44px;
	background: #1d1d1f;
	position: absolute;
	top: 15px;
	right: 0;
}
.f_tel .f_p01 {
	background: url(../images/f_ico01.png) no-repeat 0 26px;
	width: 390px;
	padding-left: 30px;
}
.f_tel .f_p02 {
	background: url(../images/f_ico02.png) no-repeat  80px 22px;
	width: 265px;
	padding-left: 115px;
}
.f_tel .f_p03 {
	background: url(../images/f_ico03.png) no-repeat 85px 22px;
	width: 185px;
	padding-left: 120px;
}
.f_tel p.f_p03:before {
	background: none;
}
.f_nav {
	height: 240px;
	width: 766px;
	padding: 40px 0 0;    margin-left: 4%;
}
.f_ul01 li {
	width: 140px;
	float: left;
	height: 220px;
}
.f_ul01 li a, .f_top {
	font-size: 16px;
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 190px;
	font-weight: bold;
}
.f_ul01 .f_ul02 li {
	height: 40px;
}
.f_ul01 .f_ul02 li a {
	font-size: 14px;
	height: 30px;
	line-height: 50px;
	color: #666;
	font-weight: normal;
}
.f_ul01 li a:hover {
	color: #fff;
}
.f_er {
	width: 120px;
	padding: 60px 0 0;
	height: 190px;
}
.er_p01 {
	width: 120px;
	height: 140px;
}
.er_p01 em {
	display: block;
	float: left;
	width: 25px;
	padding-right: 20px;
}
.er_p01 em img {
	width: 120px;
	height: 120px;
}
.er_p01 span {
	display: block;
	float: left;
	width: 40px;
}
.er_p01 span img {
	width: 40px;
	height: 30px;
}
.er_p02 {
	font-size: 12px;
	color: #666;
	text-align: center;
}
.er_p02 a {
	font-size: 12px;
	color: #666;
	padding-right: 10px;
}
.er_p02 span {
	padding-left: 10px;
}
.f_logo {
	height: 70px;
	background: url(../images/f_line03.gif) no-repeat 0 22px;
	padding: 10px 0 0;
}
.f_logo h5 {
	width: 220px;
	height: 22px;
	margin: 0 auto 20px;
}
.f_logo h5 img {
	width: 220px;
	height: 22px;
}
.f_logo p {
	font-size: 12px;
	color: #cecece;
	text-align: center;
}
.f_logo span {
	padding: 0 20px;
}
.f_logo a {
	color: #cecece;
}
.side-contact {
	float: none;
	margin-top: -200px;
	position: fixed;
	left: 1px;
	top: 50%;
	z-index: 90;
}
.side-contact li {
	background : #444;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	float: none;
	height: 45px;
	line-height: 45px;
	margin-bottom: 1px;
	position: absolute;
	text-align: center;
	width: 42px;
	border-radius: 3px;
}
.fonts_kf {
	color: White;
	font-size: 28px;
	font-smoothing: antialiased;
	float: right;
	display: block;
	width: 60px;
}
.side-contact li.qq_kf {
	width: 180px;
}
.side-contact li.qq01 {
	top: 46px;
}
.side-contact li.qq02 {
	top: 92px;
}
.side-contact li.qq03 {
	top: 138px;
}
.side-contact li.qq04 {
	top: 184px;
}
.side-contact li.qq05 {
	top: 230px;
}
.color_01 {
	color: White;
	font-size: 16px;
	float: left;
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
}
.side-contact li.img_bg {
	background: #000 !important
}
.client-2 {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}
.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 62px;
	position: relative;
}
.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}
.client-2 li p {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}
.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
	display: none;
}
.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 31px;
	background-position: -23px -47px;
	background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main {
	padding-top: 6px;
}
.client-2 .my-kefu-left {
	float: left;
	width: 62px;
	height: 47px;
	position: relative;
}
.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.client-2 .my-kefu-right {
	width: 20px;
}
.client-2 .my-kefu-tel-main {
	background: #1d1d1f;
	color: #fff;
	height: 53px;
	width: 230px;
	padding: 9px 0 0;
	float: left;
}
.client-2 .my-kefu-main {
	background: #1d1d1f;
	width: 97px;
	height: 53px;
	position: relative;
	padding: 9px 0 0;
	float: left;
}
.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}
