@charset "utf-8";



/*@font-face {

	font-family: "汉仪菱心体简";

	src: url("../fonts/汉仪菱心体简.ttf");

}*/

* {

	padding: 0px;

	margin: 0px;

}

header, section, footer, article, aside, nav, main, figure, figcaption, hgroup {

	display: block;

}

input {

	font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";

}

body {

	line-height: 140%;

	font-size: 16px;

	font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";

}

a {

	color: inherit;

	text-decoration: none;

	transition: .3s ease 0s;

}

a:hover {text-decoration: none;}

p {

	margin: 0px;

}

img {

	max-width: 100%;

	border: 0px;

	vertical-align: middle;

}

ul, ol, li {list-style: none;}



.clear {clear:both;}

.clearfix:after {

	clear: both;

	display: block;

	content: ".";

	width: 0px;

	height: 0px;

	visibility: hidden;

}

.ulclearfix ul:after {

	clear: both;

	display: block;

	content: ".";

	width: 0px;

	height: 0px;

	visibility: hidden;

}

.height100 {

	height: 100%;

	overflow: hidden;

}

.wrapper {

	box-sizing: border-box;

	width: 100%;

	max-width: 1920px;

	min-width: 320px;

	overflow: hidden;

	padding-top: 85px;

	margin: auto;

}

.wrapper:after {

	content: "";

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,.4);

	pointer-events: none;

	opacity: 0;

	transition: .4s;

}

.wrapper-after-show {

	height: 100%;

	overflow: hidden;

}

.wrapper-after-show:after {

	pointer-events: auto;

	opacity: 1;

}



@media screen and (min-width: 1201px) {

	.wrapper-after-show:after {

		pointer-events: none;

		opacity: 0;

	}

}

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

	.wrapper {padding-top: 50px}

}

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

	.wrapper {padding-top: 45px}

}







/*==头部==*/

.fpg-nbanner-box {

	margin-top: -190px;

  }



.fp-tooltip {

	background-color: rgba(0,0,0,.8);

	padding: 5px 10px;

}

.header {

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 10;

	display: flex;

	justify-content: space-between;

	align-items: center;

	box-sizing: border-box;

	width: 100%;

	padding: 0px 20px;

	background: #fff;

	transition: .3s;

}

header .logo h1{margin: 10px 0}

.header-scroll {box-shadow: 0px 1px 1px #ccc}



.logo img {

	width: 100%;

}



.meun-btn {

	position: relative;

    width: 30px;

    height: 30px;

    display: none;

	cursor: pointer;

}

.meun-btn span {

	position: absolute;

	top: 50%;

	left: 0px;

	display: block;

	width: 30px;

	height: 2px;

	margin-top: -1px;

	background: #000;

	transition: .2s ease;

}

.meun-btn-open span {

	width: 0px;

}

.meun-btn span:before {

	content: '';

	position: absolute;

    top: -8px;

    left: 0px;

    width: 30px;

    height: 2px;

    border-radius: 3px;

    background: #000;

    transition: transform .2s ease, top .2s ease;

}

.meun-btn-open span:before {

	top: 0px;

    transform: rotate(45deg);

}

.meun-btn span:after {

	position: absolute;

	top: 8px;

    left: 0px;

    width: 30px;

    height: 2px;

    content: '';

    border-radius: 3px;

    background: #000;

    transition: transform .2s ease, top .2s ease;

}

.meun-btn-open span:after {

	top: 0px;

    transform: rotate(-45deg);

}



.meun-nav {}

.meun-nav ul {

	margin-bottom: 0px;

}

.meun-nav ul li {

	float: left;

	margin-left: 1px;

}

.meun-nav ul li .tit1 {

	display: block;

	padding: 0px 22px;

	line-height: 85px;

	font-size: 14px;

	color: #505050;

	letter-spacing: 1px;

	transition: color .3s, background-color .2s;

}

.meun-nav ul li:hover .tit1,

.meun-nav ul li.active .tit1 {

	background: #010101;

	color: #fff;

}



.second-nav {

	position: absolute;

	top: 100%;

	left: 0px;

	right: 0px;

	z-index: 2;

	box-sizing: border-box;

	width: 1200px;

	padding: 20px 2.5%;

	margin: auto;

	background: rgba(0,0,0,.7);

	pointer-events: none;

    opacity: 0;

    transition: .6s ease;

}

.meun-nav ul li:hover .second-nav {

	pointer-events: auto;

    opacity: 1;

}

.second-nav:after {

	clear: both;

	display: block;

	content: ".";

	width: 0px;

	height: 0px;

	visibility: hidden;

}

.second-nav-left {

	float: left;

	width: 32%;

}

.second-nav-left h5 {

	height: 44px;

	overflow: hidden;

	margin: 0px;

	font-size: 30px;

	color: #ffffff;

	text-transform: uppercase;

	letter-spacing: 2px;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.second-nav-left hr {

	width: 32px;

	height: 2px;

	border: none;

	margin: 15px 0px;

	background: #f04b01;

}

.second-nav-left dl {

	margin-top: 25px;

}

.second-nav-left dl:after {

	clear: both;

	display: block;

	content: ".";

	width: 0px;

	height: 0px;

	visibility: hidden;

}

.second-nav-left dl dd {

	float: left;

	box-sizing: border-box;

	width: 50%;

	height: 21px;

	overflow: hidden;

	padding: 0px 12px;

	margin: 8px 0px;

	background: url(../images/secondnavdd.png) no-repeat left;

	line-height: 21px;

	font-size: 16px;

	color: #ababab;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.second-nav-left dl dd a:hover,

.second-nav-left dl dd a.active {

	color: #fff;

}



.second-nav-right {

	float: right;

	width: 65%;

	height: 254px;

	background-repeat: no-repeat;

	background-position: center;

}



.out-link {

	position: relative;

	margin-bottom: 0px;

}

.out-link dt {

	display: none;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #505050;

    text-shadow: 0 1px 1px rgba(255,255,255,0.75);

    background-color: #f5f5f5;

    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));

    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);

    background-image: -o-linear-gradient(top,#fff,#e6e6e6);

    background-image: linear-gradient(to bottom,#fff,#e6e6e6);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);

    border-color: #e6e6e6 #e6e6e6 #bfbfbf;

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

    border: 1px solid #bbb;

    border-bottom-color: #a2a2a2;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.out-link dd {

	margin-right: -16px;

}

.out-link dd a {

	float: left;

	display: block;

	margin-top: 10px;

	margin-left: 5px;

	cursor: pointer;

}

.out-link dd a:hover {

	opacity: .8;

}

.out-link dd a img {width: 100px}

.out-link dd a.jdico {margin-right: 20px;}

.wechat-fade {

	position: fixed;

	top: 0%;

	left: 0%;

	z-index: 13;

	display: none;

	width: 100%;

	height: 100vh;

	margin-top: 0px;

	margin-left: 0px;

	background: rgba(0,0,0,.7);

	line-height: 150px;

	text-align: center;

}

.wechat-fade img {

	width: 220px;

	padding-top: 21%;

}





@media screen and (min-width: 1920px) {

	.header {

		padding: 0px 71px;

	}

}

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

	.meun-nav ul li .tit1 {

		padding: 0px 16px;

	}



	.out-link dt {

		display: inline-block;

	}

	.out-link dd {

		position: absolute;

		top: 100%;

		right: 0px;

		width: 230px;

		padding: 20px 0px 0px 10px;

		background: rgba(255,255,255,.4);

		pointer-events: none;

		opacity: 0;

		transition: .3s;

	}

	.out-link:hover dd {

		pointer-events: auto;

		opacity: 1;

	}

}

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

	.header {

		height: 50px;

	}

	.logo {

		width: 190px;

	}

	.second-nav-bg {

		left: 0px;

		right: 0px;

	}

	.meun-nav ul li .tit1 {

		padding: 0px 16px;

	}

	.second-nav {

		padding: 2.5%;

	}

	.meun-nav {

		display: none;

	}

	.out-link {

		display: none;

	}

}

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

	.header {

		height: 55px;

		padding: 0px 10px;

		box-shadow: 0px 0px 10px #999999;

	}

	.logo {

		width: 160px;

	}

}







/*==小于1200px的导航*/

.mobile-nav-box {

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 13;

	width: 320px;

	height: 100%;

	background: #fff;

	box-shadow: 0 5px 10px rgba(0,0,0,.4);

	transform: perspective(450px) rotateY(-90deg);

	transform-origin: 0% 0%;

	transition: .4s ease;

}

.mobile-nav-box-show {

	transform: perspective(450px) rotateY(0deg);

}



.search-btn {

	box-sizing: border-box;

	padding: 0px 20px;

	margin: 0px;

	background: #333;

	line-height: 56px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	cursor: pointer;

}

.search-btn i {

	margin-left: 10px;

}



.mobile-meun-nav {overflow-y: scroll}

.mobile-meun-nav ul {}

.mobile-meun-nav ul li {

	border-bottom: 1px solid #f2f2f2;

}

.mobile-meun-nav ul li .tit {

	position: relative;

	display: block;

	height: 56px;

	line-height: 56px;

	overflow: hidden;

	padding: 0px 20px 0px 40px;

	margin: 0px;

	font-size: 16px;

	color: #505050;

	font-weight: normal;

	letter-spacing: 1px;

	cursor: pointer;

	transition: .3s;

}

.mobile-meun-nav ul li .tit:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 15px;

	width: 10px;

	height: 10px;

	margin-top: -5px;

	border: 1px solid #505050;

	border-radius: 50%;

	transition: .3s;

}

.mobile-meun-nav ul li .tit.chose:before,

.mobile-meun-nav ul li .tit.active:before {

	border-color: #1b1b1b;

	background: #1b1b1b;

}

.mobile-meun-nav ul li .tit:hover,

.mobile-meun-nav ul li .tit.chose,

.mobile-meun-nav ul li .tit.active {

	color: #1b1b1b;

}

.mobile-meun-nav ul li .tit i {

	float: right;

	margin-top: 18px;

	font-size: 18px;

}

.mobile-second-nav {

	display: none;

	margin-bottom: 0px;

}

.mobile-second-nav dd {

	border-top: 1px solid #f2f2f2;

}

.mobile-second-nav dd a {

	display: block;

	height: 56px;

	line-height: 56px;

	overflow: hidden;

	padding: 0px 10px 0px 45px;

	font-size: 16px;

	color: #505050;

	letter-spacing: 1px;

	cursor: pointer;

}

.mobile-second-nav dd a:hover,

.mobile-second-nav dd a.active {

	color: #ff4e00;

}



.mobile-out-link {

	margin-top: 30px;

	text-align: center;

}

.mobile-out-link a {

	display: inline-block;

	margin-left: 5px;

	cursor: pointer;

}

.mobile-out-link a:hover {

	opacity: .8;

}

.mobile-out-link img {

	width: 50px

}



@media screen and (min-width: 1201px) {

	.mobile-nav-box {display: none}

}

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

	.meun-btn {

		display: block;

	}

}

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

	.mobile-meun-nav {

		position: absolute;

		top: 56px;

		bottom: 0px;

		width: 100%;

	}

	.mobile-out-link {

		position: absolute;

		top: 50%;

		right: 0px;

		margin-top: -105px;

		opacity: 0;

	}

	.mobile-meun-nav ul li .tit,

	.mobile-second-nav dd a {

		height: 50px;

		line-height: 50px;

	}

	.mobile-out-link a {

		display: block;

		margin: 10px 0px;

	}

	.mobile-nav-box-show .mobile-out-link {

		right: -60px;

		opacity: 1;

		transition: .3s .5s;

	}

}

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

	.mobile-nav-box {

		width: 250px;

	}

	.mobile-out-link a img {

		width: 55px;

	}

}



/* 产品列表页 */

.prowrapper #dowebok {margin-top: -10px;}

.productlistpage {width: 100%;height: auto;}

.prolistpdesc {width: 100%;height: auto;background-color: #f5f5f5;padding: 50px 0px ;}

.prolistpdescinfo {width: 100%;height: auto;}

.prolistpdescinfo p {line-height: 25px;font-size: 14px;}

/* .sec-prolist {width: 100%;height:103%;} */

.sec-prolist a {display: block;}

.prolistinfocol {padding: 0px;}

.prolistinfo {width:100% ;height: 455px;background-color: rgba(255, 255, 255, .8);margin-top: 0px;padding:6% 0px 0px 10%;transition: all .5s;}

.prolistinfo h3 {color: #333333;font-size: 20px;font-weight: bold;padding-bottom: 10px;transition: all .5s;}

.prolistinfo h4 {color: #666666;font-size: 16px;padding-bottom: 30px;text-transform: capitalize;}

.prolistinfo p {font-size: 14px;color: #777777;line-height: 25px;padding-right: 10%;transition: all .5s;}

.prolistinfo button {transition: all .5s;width: 140px;height: 50px;background-color: #555555;border-radius: 5px;color: #ffffff;border: 0px;margin-top: 40px;}

.sec-prolist .prolistinfo:hover {box-shadow: 0px 0px 15px #999999;}

.sec-prolist .prolistinfo:hover  h3 {letter-spacing: 2px;color:#ff8a00 ;text-shadow: 0px 0px 1px #ff8a00;}

.sec-prolist .prolistinfo:hover  p {color: #333333;text-shadow: 0px 0px 1px #666666;}

.sec-prolist .prolistinfo:hover  button {letter-spacing: 1px;color: #ffffff;background-color: #ff8a00;}

@media (max-width:768px) {

	.prolistinfo {height: 500px;}

}



/* 产品二级列表页 */

.productpage {width: 100%;height: auto;padding: 50px 0px;}

.prolistitem {width: 100%;height: auto;margin-bottom: 30px;}

.prolistitem a {display: block;overflow: hidden;}

.prolistitem a img {max-width: 100%;transition: all .5s;}

.prolistitem a p {text-align: center;line-height: 60px;color: #333333;font-size: 14px;transition: all .5s;}

.prolistitem a:hover p {background-color: #e2e2e2;letter-spacing: 1px;}
.prolistitem a:hover img {transform: scale(1.05);}
.bdsharebuttonbox {margin-top: 40px;padding-left: 10px;}

.procontact {display: block;}

.procontact:hover {color: #ff8a00;}



/*==底部==*/

.footer {

	position: relative;

	box-sizing: border-box;

	padding: 0px 20px;

	margin-top: 20px;

	border-top: 1px solid #eee;

	background: #fff;

	line-height: 70px;

	font-size: 14px;

	color: #8b8b8b;

}

.footer p {

	display: inline-block;

}

.footer a:hover {

	color: #e76f30;

}

.link-btn {

	margin: 0px 5px;

	cursor: pointer;

	transition: .3s;

}

.link-btn:hover {

	color: #e76f30;

}

.powerby {

	float: right;

}



.scroll {

	position: absolute;

	right: 50%;

	top: 0px;

	display: none;

	box-sizing: border-box;

	width: 105px;

	height: 100%;

	padding-top: 8px;

	margin-right: -52.5px;

	line-height: 30px;

	text-align: center;

}

.scroll img {

	animation: scroll 1.8s linear infinite;

}

.scroll p {

	font-size: 12px;

	color: #000;

	letter-spacing: 1px;

	font-family: "Arial";

}

@keyframes scroll {

	0% {transform: scale(1);}

	25% {transform: scale(1.1);}

	50% {transform: scale(1);}

	75% {transform: scale(.9);}

	100% {transform: scale(1);}

}



@media screen and (min-width: 1920px) {

	.footer {

		padding: 0px 71px;

	}

}

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

	.footer {

		line-height: 50px;

	}

	.scroll {

		display: none;

	}

}

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

	.prolistinfocol {padding: 0px 10px;}

	.footer {

		position: static;

		padding: 5px 10px;

		line-height: 24px;

		text-align: center;

	}

	.footer p {

		display: block;

	}

	.powerby {

		float: none;

		display: block;

		margin: auto;

	}

}





/*==友情链接==*/

.popover-content a {

	display: block;

	line-height: 24px;

	font-family: "Microsoft YaHei";

}





/*==search-box==*/

.search-box {

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 101;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.9);

	pointer-events: none;

	opacity: 0;

	transition: .4s;

}

.search-box-show {

	pointer-events: auto;

	opacity: 1;

}

.search-box .close {

	position: absolute;

	top: 30px;

	right: 30px;

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/ico_37.png) no-repeat center;

	opacity: 1;

}

.search-box form {

	position: absolute;

	top: 50%;

    left: 2.6%;

    right: 2.6%;

    height: 40px;

    margin-top: -62px;

    border-bottom: 1px solid #515151;

}

.search-box form input {

	box-sizing: border-box;

	width: 100%;

	height: 40px;

	overflow: hidden;

	padding-left: 30px;

    padding-right: 50px;

    border: none;

    outline: none;

    background: url(../images/ico_36.png) no-repeat left;

    line-height: 40px;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.search-box form button {

	position: absolute;

	top: 0px;

    right: 0px;

    width: 50px;

	height: 100%;

    border: none;

    background: transparent;

    line-height: 40px;

    font-size: 18px;

    color: #777;

    text-align: center;

    cursor: pointer;

    transition: .3s;

}

.search-box form button:hover {

	color: #fff;

}





/*.loader {

	position: fixed;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	z-index: 100;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #fff url(../images/loader.gif) no-repeat center;

	text-align: center;

}*/







/*==标题==*/

.title7 {

	text-align: center;

}

.title7 h5 {

	font-size: 40px;

	color: #fff;

	font-weight: bold;

	font-family: "Arial";

	letter-spacing: 2px;

	text-transform: uppercase;

}

.title7 h3 {

	margin: 10px 0px;

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    letter-spacing: 4px;

}

.title7 hr {

	width: 32px;

	height: 2px;

	margin: 20px auto;

	border: 0px;

	background: #f04b01;

}



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

	.title7 h5 {font-size: 32px}

	.title7 h3 {font-size: 16px}

}



/*===fixed-right2===*/

.fixed-right2 {

	position: fixed;

	right: 40px;

	bottom: 140px;

	z-index: 999;

	box-sizing: border-box;

	width: 140px;

	background: #d6f3ff;

}

.fixed-right2-tit-open .fixed-right2-bgimg{

    top: -318px;

}

.fixed-right2-closebtn {

	position: absolute;

	top: -18px;

	right: -18px;

	cursor: pointer;

	z-index: 1;

}

.fixed-right2-bgimg {

	position: absolute;

    top: 0px;

    right: -32px;

    z-index: 1;

}

.fixed-right2-tit {

	padding: 0 20px;

	margin: 0;

	font-size: 1.8rem;

	color: #fff;

	font-weight: bold;

	line-height: 72px;

}

.fixed-right2-tit-point {

	cursor: pointer;

}

.fixed-right2-ul {

	

	margin: 0;

}

.fixed-right2-ul li{

	padding-left:13px;

	border-bottom: 1px solid #bfe2f1;

    height: 53px;

	display: flex;

    align-items: center;

}

.fixed-right2-ul li {

	font-size: 1.4rem;

	color: #333333;

	font-weight: bold;

}

.fixed-right2-ul li h6{

	font-size: 16px;

	line-height: 170%;

}

.fixed-right2-ul .cem{

	height: 70px;

}

.fixed-right2-ul li h6 img{

	margin-right: 11px;

}

.fixed-right2-ul li a {

	display: block;

    height: 32px;

    overflow: hidden;

    padding-left: 29px;

    border-radius: 5px;

    /* background-color: #fff; */

    background-repeat: no-repeat;

    background-position: 0px center;

    line-height: 32px;

    font-size: 1.6rem;

    color: #585858;

	font-weight: normal;

}

.fixed-right2-ul li a img{

	margin-right: 8px;

}

.fixed-right2-ul li a:hover {

	color: #ff515a

}





/*===fixed-left===*/

.fixed-left {

	position: fixed;

	left: 40px;

	bottom: 72px;

	z-index: 999;

	box-sizing: border-box;

	width: 160px;

	background: #d6f3ff;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

/* WebKit browsers */

color: #999999;

}

input:-moz-placeholder, textarea:-moz-placeholder {

/* Mozilla Firefox 4 to 18 */

color: #999999;

}

input::-moz-placeholder, textarea::-moz-placeholder {

/* Mozilla Firefox 19+ */

color: #999999;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

/* Internet Explorer 10+ */

color: #999999;

}

.fixed-left-closebtn {

	position: absolute;

	top: -18px;

	right: -18px;

	cursor: pointer;

	z-index: 1;

}

.fixed-right2-ul{

     display: block;

}

.fixed-right2-ul-show{

	display: none;

}

.fixed-left-form{

	display: block;

}

.fixed-left-form-show{

	display: none;

}

.fixed-left-tit {

	margin: 0;

    font-size: 1.8rem;

    color: #fff;

    font-weight: bold;

    /* line-height: 72px; */

    background: #00aff3;

    height: 160px;

    width: 32px;

    position: absolute;

    left: -30px;

	top: 0px;

	background: transparent;

}

.fixed-left-tit-open{

	top: -391px!important

}

.fixed-left-tit-point {

	cursor: pointer;

	top:-10%;

}

.fixed-left-form {

	padding: 0 7px;

}

.fixed-left-table {

	width: 100%;

}

.fixed-left-table td {

	padding-top: 7px;

	font-size: 1.2rem;

	color: #333333;

	vertical-align: top;

	line-height: 100%;

}

.fixed-left-table td .cn{

	color: #333333;

	line-height: 100%;

	padding: 14px 0 0 0;

}

.fixed-left-table td input {

	box-sizing: border-box;

	width: 100%;

	height: 30px;

	padding: 0 5px;

	border: none;

	border-radius: 5px;

	outline: none;

	line-height: 30px;

	font-size: 1.4rem;

	color: #666;

}

.fixed-left-table td textarea {

	box-sizing: border-box;

	width: 100%;

	height: 70px;

	padding: 5px 5px 0px 5px;

	border: none;

	border-radius: 2px;

	outline: none;

	line-height: 20px;

	font-size: 1.4rem;

	color: #666;

}

.fixed-left-table td button {

	display: block;

	width: 135px;

	border: none;

	border-radius: 5px;

	outline: none;

	background: #ff515a;

	line-height: 30px;

	font-size: 1.4rem;

	color: #fff;

	text-align: center;

	transition: .3s;

}



.fixed-left-phone {

	margin: 0;

	line-height: 30px;

	font-size: 1.2rem;

	color: #fff;

	font-weight: bold;

}

.fixed-left-table td input:focus,

.fixed-left-table td textarea:focus,

.fixed-left-table td button:hover {

	box-shadow: 0 0 5px #fff;

}



.fixed-left-ewm {

	position: static;

    bottom: 10px;

    right: 0;

    width: 150px;

    /* height: 80px; */

    margin: 14px 0 0 0;

}

.cen h6 img{

	margin-right: 8px;

}

.cen h6{

	color:#333333;

	font-size: 14px;

	line-height: 150%;

}

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

	.fixed-left,

	.fixed-right2 {

		display: none

	}

}





/*==弹窗留言==*/

.tc-feedback-bg {

	position: fixed;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	z-index: 12;

	display: none;

	background: rgba(0,0,0,.5);

}

.tc-feedback {

	position: absolute;

	top: 50%;

	left: 50%;

	box-sizing: border-box;

	width: 732px;

	padding: 28px;

	margin-top: -330px;

	margin-left: -366px;

	border: 1px solid #e5e5e5;

	background: #fff;

}

.close-tc-feedback {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 40px;

	height: 40px;

	background: #e76f30;

	cursor: pointer;

}

.close-tc-feedback:before {

	content: "";

	position: absolute;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	background: url(../images/ico_37.png) no-repeat center;

	transition: .3s;

}

.close-tc-feedback:hover::before {transform: rotate(180deg)}

.tc-feedback-tit {

	padding-bottom: 20px;

	margin-top: 0px;

	border-bottom: 1px solid #e76f30;

	font-size: 24px;

	color: #2f2f2f;

	text-align: center;

}

.step {

	display: block;

	margin: 15px 0px;

	font-size: 16px;

	color: #3f3f3f;

	letter-spacing: 2px;

}

.step b {

	color: #e76f30;

	font-weight: normal;

}

.tc-feedback-nav {}

.tc-feedback-nav ul {}

.tc-feedback-nav ul li {

	float: left;

	width: 30.33%;

	margin-left: 4.5%;

	margin-bottom: 2.5%;

}

.tc-feedback-nav ul li:nth-of-type(3n+1) {margin-left: 0px}

.tc-feedback-nav ul li a {

	display: block;

	border: 1px solid #a0a0a0;

	line-height: 36px;

	font-size: 14px;

	color: #3f3f3f;

	text-align: center;

	cursor: pointer;

}

.tc-feedback-nav ul li:hover a,

.tc-feedback-nav ul li.active a {

	border-color: #e76f30;

	background: #e76f30;

	color: #fff;

}



.tc-form {}

.form-textarea {

	box-sizing: border-box;

	width: 100%;

	padding: 10px 15px;

	border: 1px solid #e5e5e5;

	outline: none;

	line-height: 28px;

	font-size: 14px;

	color: #797979;

	margin-top: 10px;

	transition: .3s;

}

.tc-form-left {

	float: left;

	width: 380px;

}

.form-group {}

.form-group:after {

	clear: both;

	display: block;

	content: ".";

	width: 0px;

	height: 0px;

	visibility: hidden;

}

.form-group label {

	float: left;

	width: 60px;

	height: 36px;

	margin-right: 10px;

	line-height: 36px;

	font-size: 14px;

	color: #797979;

	text-align: right;

}

.form-group label i {color: #ca0000}

.form-group input {

	box-sizing: border-box;

	float: left;

	width: 100%;

	max-width: 380px;

	height: 36px;

	padding: 0px 8px;

	border: 1px solid #e5e5e5;

	outline: none;

	line-height: 34px;

	font-size: 14px;

	color: #797979;

	transition: .3s;

}



.form-group input:focus,

.form-textarea:focus {box-shadow: 0px 0px 10px #e5e5e5}



.area-select {

	float: left;

	width: 30.33%;

	height: 36px;

	margin-left: 4.5%;

	border: 1px solid #e5e5e5;

	outline: none;

	font-size: 14px;

	color: #797979;

}

.area-select:nth-of-type(1) {margin-left: 0px}

.submit-btn,

.reset-btn {

	display: inline-block;

	width: 106px;

	height: 32px;

	margin-right: 10px;

	border: none;

	outline: none;

	background: #e76f30;

	line-height: 32px;

	font-size: 14px;

	color: #fff;

	text-align: center;

	cursor: pointer;

	transition: .3s;

}

.submit-btn:hover,

.reset-btn:hover {box-shadow: 0px 0px 10px #e76f30}



.tc-form-right {

	float: right;

	width: 264px;

}

.tc-form-right dt {

	float: left;

	width: 135px;

	height: 135px; 

}

.tc-form-right dd {

	float: right;

	width: 116px;

	line-height: 24px;

	font-size: 14px;

	color: #4d4d4d;

}

.tc-form-right dd span {

	display: block;

	color: #e76f30;

}



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

	.tc-feedback {

		top: 0px;

		left: 0px;

		bottom: 0px;

		width: 100%;

		overflow-y: scroll;

		padding: 10px;

		margin-left: 0px;

		margin-top: 0px;

	}

	.close-tc-feedback {

		position: fixed;

		top: 2px;

		right: 22px;

	}

	.tc-feedback-tit {

	    padding-bottom: 10px;

	    font-size: 20px;

	}

	.tc-form-left {width: 100%}

	.area-select {

		width: 48%;

		margin-left: 4%;

	}

	.s_county {

		width: 100%;

		margin-top: 15px;

		margin-left: 0px;

	}



	.tc-form-right {

		width: 100%;

		margin-top: 20px;

	}

	.tc-form-right dd {

		float: left;

		margin-left: 25px;

	}

}



/*==滑动验证==*/

.form-inline-input input,

.code-box{

	padding: 0 10px;

    width: 100%;

    max-width: 285px;

    height: 28px;

    color: #fff;

    text-shadow: 1px 1px 1px black;

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

    border: 0;

    border-radius: 5px;

	outline: none;

	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);

}

.code-box{

	position: relative;

	margin-top: 7px;

}

.code-box p,

.code-box span{

	display:block;

	position: absolute;

	left: 0;

	height:28px;

	text-align: center;

	line-height: 28px;

	border-radius: 5px;

}

.code-box span{

	width: 40px;

	background-color:#e76f30;

	font-family: "宋体";

	font-size: 16px;

	color: #fff;

	cursor: pointer;

}

.code-box3 span {

	background-color:#00aff3;

	color: #fff;

    font-size: 27px;

}

.ce{

	color:red;

}

.code-box p{

	width: 0;

	background-color: #FFFF99;

	overflow: hidden;

	text-indent: -20px;

	transition: background 1s ease-in;

}

.code-box .code-input{

	display: none;

}