/*项目通用css*/
@charset "utf-8";
* {font-style:normal;font-weight:normal;margin:0px;padding:0px; border:0; /*line-height: 1;*/}
p, h1, h2, h3, div, ul, li {display:block;}
dl,dd,dt{ margin:0; padding:0;}
body{width: 100%; overflow-x: hidden; color:#333; font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; background:#fff;}
a {text-decoration:none; }
ul {list-style:none;}
p {list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="date"],input[type="tel"],input[type="datetime"],input[type="month"],input[type="text"],select,textarea,button{-webkit-appearance: none;-webkit-appearance: none;outline:none;font-family:'Microsoft YaHei';}
select{ border: none; background: none ;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 160px #fff inset; -webkit-text-fill-color: #333;}
.paig{ height:auto;overflow:hidden; }
.paig1 > *{ height:auto;overflow:hidden; }
.abs{ position:absolute;}
.fix{ position:fixed;}
.rel{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.display{ display:block;}
.auto{ height:auto; overflow:hidden;}
.mar{ margin:auto;}
.mar0{ margin:0 auto;}
.clear{ clear:both;}
.img100{ width:100%; height:auto; overflow:hidden;}
.none{display: none;}
.wd33{ width: 33.333%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd50{ width:49.5%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd25{ width: 25%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd20{ width: 20%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd75{ width: 75%;float: left; display: block; height: auto; overflow: hidden;}
.wd41{width:41%;float: left; display: block; height: auto; overflow: hidden;}
h5{text-align: center;}
.news4 h5{text-align: left;}

a.a-1:hover {
	background: #0060c7;
}
a.a-1:active {
	top: 1px;
}
.a-back {
	margin-top: 45px;
	text-align: center;
}
/*.btn-circle*/

header {
	height: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
}

.header-l {
	display: inline-block;
	margin-top: 0;
	vertical-align: top;
}
.header-r {
	display: block;
	width: 1200px; margin: auto;
	font-size: 0;
	
}

.m-close {
	display: none;
	cursor: pointer;
}
.header-r-nav, .header-r-lang {
	display: inline-block;
	vertical-align: top;
}
.header-r-nav > ul {
	font-size: 0;
}
.header-r-nav > ul > li {
	display: inline-block;
	position: relative;
	margin-right:80px;
	line-height: 16px;
	font-size: 16px;
	vertical-align: top;
	padding: 0 10px;
}
.header-r-nav > ul > li:hover {
	background: #027a95;
}
.header-r-nav > ul > li:hover .more-nav{
	color: #fff;
}

.header-r-nav > ul > li:last-child {
	margin-right: 0;
}


.header-r-nav > ul > li > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 32px;
	width: 0;
	height: 3px;
	/*background: #cda772;*/
	
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.header-r-nav > ul > li > a:hover::before, .header-r-nav > ul > li.cur > a::before {
	width: 100%;
}
.cur a{color: #000;background: url(../img/navbg.png) no-repeat center bottom;}
.sub-menu {
	position: absolute;
	top: 165px;
	left: -33%;
	padding-top: 24px;
	padding-bottom: 24px;
	/*min-width: 224px;*/
	/*min-width: 165px;*/
	background: #027a95;
	width:105px;
}

.header-r-nav > ul > li > a:hover{color: #027a95;}

.sub-menu > a:hover {
	color: #fff;
}
/*.sub-menu > a::after {
	content: '>';
	position: relative;
	font-family: arrow;
	float: right;
	line-height: 36px;
	display: inline-block;
	margin: 0 20px 0 0;
}*/

a.a-share-wx:hover .f-share-qrcode {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	transition: .5s .05s;
}

/*作者日期*/
.news-one-belongs {
	line-height: 14px;
	font-size: 0;
}
.author {
	margin-right: 19px;
	font-size: 12px;
}
.author::before {
	content: ' ';
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 5px;
	width: 10px;
	height: 11px;
	background-image: url(../img/i-author.png);
	background-repeat: no-repeat;
	-moz-background-size: 10px 11px;
	-o-background-size: 10px 11px;
	background-size: 10px 11px;
	background-position: center;
}
.views {
	font-size: 12px;
}
.views::before {
	content: ' ';
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 5px;
	width: 14px;
	height: 10px;
	background-image: url(../img/i-views.png);
	background-repeat: no-repeat;
	-moz-background-size: 14px 10px;
	-o-background-size: 14px 10px;
	background-size: 14px 10px;
	background-position: center;
}
.time {
	float: right;
	font-size: 14px;
}
 
 @media (min-width: 1200px) {
.sub-menu {
	z-index: -999;
	-webkit-transform: translatey(-63%) scale(.96);
	-moz-transform: translatey(-63%) scale(.96);
	-o-transform: translatey(-63%) scale(.96);
	transform: translatey(-63%) scale(.96);
	opacity: 0;
	visibility: hidden;
	-o-transition: .4s .05s;
	-moz-transition: .4s .05s;
	transition: .4s .05s;
}
.header-r-nav > ul > li:hover .sub-menu {
	-webkit-transform: translatey(-50%) scale(1);
	-moz-transform: translatey(-50%) scale(1);
	-o-transform: translatey(-50%) scale(1);
	transform: translatey(-50%) scale(1);
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

}
 @media (max-width: 1200px) {
header {
	position: relative;
	z-index: 99999;
	height: 3rem;
	background: #fff;
}


.m-close {
	display: block;
	position: absolute;
	right: 4%;
	top: 3.2rem;
	transform: translateY(-50%);
	z-index: 999;
	width: 30px;
	height: 26px;
}
.m-close i {
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	margin-top: -2px;
	width: 100%;
	height: 4px;
	background: #428bca;
	opacity: 1;
	transition: .4s;
}
body.on .m-close i {
	opacity: 0;
	width: 0;
}
.m-close::before,  .m-close::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transition: .6s;
	background: #428bca;
}
body.on .m-close::before,  body.on .m-close::after {
}
.m-close::before {
	top: 0;
	transform-origin: 50% 50% 0;
}
.m-close::after {
	bottom: 0;
	transform-origin: 50% 50% 0;
}
body.on .m-close::before {
	top: 50%;
	transform: translateY(-50%) rotate(-135deg);
}
body.on .m-close::after {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
}

.header-r-nav,  .header-r-lang {
	display: block;
}
.header-r-lang {
	display: none;
}
.header-r-nav > ul > li {
	margin: 0;
}
.header-r-nav {
	margin: 0 0 20px 0;
}
.header-r {
	display: none;
	position: absolute;
	left: 0;
	top: 3rem;
	z-index: -1;
	margin-top: 0;
	width: 100%;
	background: #fff;
}
body.on .header-r {
}
.header-r-in {
	
}
.header-r-nav > ul > li {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 18px;
	font-size: 18px;
}
.header-r-nav > ul > li > a {
	
	position: relative;
	height: auto;
	line-height: 4.8rem;
}
.header-r-nav > ul > li:last-child > a {
	border-bottom: 0;
}
.header-r-nav > ul > li > a::before {
	display: none;
}
.header-r-lang {
	text-align: center;
}
.sub-menu {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	z-index: 999;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding-top: 5px;
	padding-bottom: 0px;
	background: #fff;
	opacity: 1;
	visibility: visible;
}
.sub-menu > a:hover {
	color: #0150a3
}
.sub-menu > a::after {
	display: none;
}
.header-r-nav > ul > li > a.a-sub.on::after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.header-r-nav > ul > li > a.a-sub::after {
	
	display: inline-block;
	/*position: absolute;*/
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	float: right;
	margin-left: 20px;
	margin-top: 25px;
	width: 16px;
	height: 16px;
	line-height: 4.8rem;
	font-size: 2rem;
	color: #ccc;
	font-family: arrow;
	text-align: right;
}
.sub-menu > a {
	padding-bottom: 13px;
	/* line-height: 24px; */
	line-height: 18px;
	font-size: 16px;
}

a.a-share-wx:hover .f-share-qrcode {
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
}

a.a-1 {
	width: 146px;
	height: 46px;
	line-height: 46px;
}
.swiper-slide a.a-1 {
	margin-top: 17px;
}
.a-back {
	margin-top: 30px;
}
}
 @media (max-width: 34em) {


.header-r-in {
	padding-top: 15px;
	padding-bottom: 26px;
}
.logo img {
	width: 150px;
}
.lang-sel-m {
	right: 18%;
}
}

@font-face {
	font-family: xdlgo;
	src: url('../fonts/GOTHIC.TTF')
}
@font-face {
	font-family: xdlgob;
	src: url('../fonts/gothicb.ttf')
}
@font-face {
	font-family: arrow;
	src: url('../fonts/st-arrow.ttf')
}

@media (min-width: 1200px) {
	.header-in{width: 1200px; margin: auto;}
	.headEn{width: 100%;}
	.headEn4{width: 100%;margin: auto;}
	.headEn1{float: right;padding: 1rem 0 0 0;}
	.more-nav{color: #000;}
	.header-l{width: 260px; padding: 2rem 0  0 0;}
	.mo_logo{display: none;}
	.head_nav_a{display: block;}
	.header-r-nav > ul > li > a { 
	padding: 0; 
	position: relative;
	display: inline-block;
	height: 50px; line-height: 50px;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.sub-menu > a {
	
	display: block;
	font-size: 15px;
	line-height: 36px;
	/*color: #888;*/
	color: #fff;
	text-indent: 20px;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.sub-menu > a > span {
	display: inline-block;
	width: 58%;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	text-indent: 0;
}

.header-r-in li em{display: block; font-size: 12px; position: absolute; right: -52px; top: 28px;}
.dhbd{ display: block;}

.HDD{display: none;}
.bottom{width:100%; height: 50px; border-top: solid 1px #999; line-height: 50px; background: #f5ece3; text-align: center; font-size: 14px;}
.MO_pakr{display: none;}
}
@media (max-width: 1200px) {
	.header-in{width: 100%; margin: auto;}
	.headEn{display: none;}
	.head_nav_a{display: none;}
	.header-r-nav > ul > li > a { background:none;
	padding: 0; 
	position: relative;
	display: inline-block;
	height: 50px; line-height: 50px; color: #666;
	-o-transition: .3s; text-indent: 20px;
	-moz-transition: .3s;
	transition: .3s;
}
.dhbd{ display: none;}
.pakr{ display: none;}
.MO_dhbd{ display: block;}
.header-r-in li em{display: none;}
.sbg1{background: url(../img/zixun.png) no-repeat center center;}
.sbg2{background: url(../img/tuan.png) no-repeat center center;}
.sbg3{background: url(../img/tel.png) no-repeat center center;}
.side_r3{ width: 30px; height: 30px; margin: 15px auto 6px auto;}
.side_r{width: 100%; position: fixed; right: 0; bottom: 0; height: 73px; overflow: hidden;}
.side_r1 { padding: 1px 0; width: 33.333%; float: left; height: 73px;  background: #4c4c4c; margin: 0 0 5px 0;}
.side_r1 p{text-align: center; color: #aeaeae; font-size: 14px;}
.side_r1:hover p{color: #fff;}
.foot{width: 100%; height: auto; background: #f5ece3;}
.foot3{padding:1.5rem;height: auto; overflow: hidden;}
.foot4{width: 33.333%; float: left;}
.foot2{width: 100%; margin: auto;}
.foot5{clear: both; padding: 1rem 0;}
.foot4 dt a{ display: inline-block; border-bottom: solid 1px #333; font-size: 16px; color: #333; font-weight: 800; padding: 0 0 35px 0; margin: 0 0 25px 0;}
.foot4 dd a{display: block; line-height: 1.5rem; color: #333; font-size: 14px;}
.share0{width: 100%; height: 40px; clear: both;}
.share0 span{width: 20%; display: block; float: left; margin: 0;}
.share0 span img{display: block; margin: auto; width: 40%;}
.HDD{display: block; height: 73px;}
.bottom{ padding: 1.5rem; text-align: center; font-size: 1rem; border-top: solid 1px #999; line-height: 1.5rem; background: #f5ece3; text-align: center;}
.MO_pakr{display: block;}
.sub-menu > a {
	
	display: block;
	font-size: 15px;
	line-height: 36px;
	/*color: #888;*/
	color: #fff;
	text-indent: 20px;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.sub-menu > a > span { color: #999;
	display: inline-block;
	width: 58%;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	text-indent: 0;
}

.header-r-in ul li{border-bottom: solid 1px #ededed;}
	.mo_logo{display: block; float: left; height: 3rem; color: #C0A16B; text-indent: 20px; line-height: 3rem;font-size: 1.2rem; text-align: left;}
}
.innav{clear: both;padding:20px 0;}
.wd1200{width: 1200px; margin: auto; height: auto; overflow: hidden;}



.pybd4 P{width: 88px; height: 3px;background: #e62e21;}
.pybd4 h2{font-size: 22px; padding: 20px 0 0 0; }
.pybd{padding: 100px 0;}
.pybd6 p{ line-height: 28px; color: #999; font-size: 14px; text-indent: 2em; margin: 0 0 15px 0;}
.pybd2{width: 480px;}
.pybd3{width: 550px;}
.pybd6{padding: 35px 0;}
.pybdmore{ margin: 45px 0 0 0; width: 150px; height: 40px; color: #333; border: solid 1px #666; line-height: 40px;  display: block; border-radius: 40px; text-align: center; font-size: 16px;}
.pybd6 a:hover{ background: #027a95; border: solid 1px #027a95; color: #fff;}
.pyad1{left: 0; top: 0; height: 100%; width: 100%;}
.pyad7 img{ display: block; margin: auto;}
.pyad6 span{ color: #Fff; display: block; float: left;}
.pyad2 dl{width: 24%; float: left; margin:0;  overflow: hidden;}
.pyad2 dl:nth-child(1){  border-right: solid 2px rgba(220,220,220,0.7);}
.pyad2 dl:nth-child(2){  border-right: solid 2px rgba(220,220,220,0.7);}
.pyad2 dl:nth-child(3){  border-right: solid 2px rgba(220,220,220,0.7);}
.pyad2{ position: absolute; top: 50%; z-index: 800; left: 50%; margin: -73px 0 0 -600px;}

.pyad5{color: #fff; text-align: center; font-size: .8rem; line-height: 1.2rem;}
.pyad2 dl dd{ height: auto; overflow: hidden; clear: both; width: 45%; margin: auto;}
.pyad8{font-size: 2rem; line-height: 1.5rem; padding: 0 0 0 1.1rem;}
.pyad9{font-size: .8rem; line-height: 2.3rem;}
.pyad6{padding: .5rem 0 0 0;}
.product{width:100%; padding: 50px 0;}
.pro3{width: 750px;}
.pro2{width: 430px;}
.pro3 p{width: 80px; height: 3px; background: #e62e21;}
.pro3 h2 .pro20{ padding: 15px 0; font-size: 22px; color: #ddd; font-weight: 800;}
.pro19{display: block; margin: 0 15px 0 0; font-size: 22px;padding: 15px 0; color: #333;}
.pro8{font-size: .8rem;}
.pro2 p{width: 100px; cursor: pointer; height: 30px; float: left; background: #f5f5f5; margin: 0 2px; text-align: center; line-height: 30px; font-size: 14px;}
.pro_on{background: #e62e21 !important; color: #fff;}
.pro14{ opacity: 0; left: 0; top: 0; width: 100%; height: 98%; background: rgba(0,0,0,0.6);}
.pro14 span{display: block; text-align: center; position: absolute; left: 0;}
.pro_span1{top: -30px; width: 100%; color: #fff; font-size: 20px; height: 15px; line-height: 15px;}
.pro_span2{top: 50%; left: 172px; width: 1px; height: 1px; background: #fff;}
.pro_span3{bottom: -30px; width: 100%;color: #fff;font-size: 20px; height: 15px; line-height: 15px;}
.pro11{display: none;}
.pro11 dl:nth-child(1){width: 47%; float: left; margin-right: 1.5%; margin-bottom: 1.5%;}
.pro11 dl:nth-child(2){width: 47%; float: right; margin-left: 1.5%; margin-bottom: 1.5%;}
.pro11 dl:nth-child(3){width: 47%; float: left; margin-right: 1.5%; margin-top: 1.5%;}
.pro11 dl:nth-child(4){width: 47%; float: right; margin-left: 1.5%; margin-top: 1.5%;}
.pro11 dl img{width: 100%;} 
.pros{padding: 40px 0;}
.news4{width: 48%;}
.news7{padding: 25px 0 0 0;}
.news7 h3{font-size: 20px; padding: 0 0 15px 0;}
.news7 p{font-size: 14px;line-height: 1.6rem; color: #999;}
.news4 dl{height: auto; overflow: hidden; border-bottom: solid 1px #ddd; padding: 15px 0;}
.news4 dl dt{display: block; float: left; width: 20%;height: auto; overflow: hidden;}
.news4 dl dd{display: block; float: left; width: 80%;height: auto; overflow: hidden;}
.news4 dl dt h4{font-size: 55px; color: #ddd; text-align: center;}
.news4 dl dt span{font-size: 14px; display: block; color: #ddd; text-align: center;}
.news4 dl dd h5{font-size: 18px; color: #333; padding: 0 0 10px 0;}
.news4 dl dd p{font-size: 14px; color: #999; line-height: 1.4rem;}

.duc{ margin: 60px 0;}
.duc1{left: 0; top: 0; width: 100%; height: 100%;}
.duc3{width: 50%;}
.duc3 h3{padding: 25px 0 10px 25px; font-size: 22px; color: #fff;}
.duc3 p{padding: 0 0 0 25px; font-size: 12px; margin: 0 0 10px 0; color: #fff; line-height: 1.4rem; color: #fff;} 
.partner{width: 100%; padding: 20px 0;}
.panter1 dl{width: 180px; margin:15px 55px; border: solid 1px #ededed; /*height: 92px;*/ float: left;}
.panter1 dl img{width:100%}
.foot{width: 100%; padding: 25px 0; background: #2b2e33; overflow:hidden;}
.foot3{width: 70%;}
.foot4{width: 25%;}
.foot5{width: 25%;}
.foot6{width: 75%; color: #fff;}
.foot6 a{color: #fff; padding: 0 10px; border-right: solid 1px #fff;}
.foot6 h2{font-size: 22px; padding: 0 0 15px 0;}
.foot6 p{font-size: 12px; padding: 0 0 10px 0;}
.innav2 span{display: block; float: left;}
.innav3{width: 22px; height: 22px; line-height: 22px;}
.innav4{line-height: 22px; padding: 0 0 0 10px;}
.innav2{padding: 35px 0 0 0;}




@media only screen and (max-width: 1200px){
.wd1200{width: 100%; float:left;}
.innav1{width: 80%; float:left;}
.pybd{padding: 10px 10px;}
.pybd2{width: 100%; }
.pybd3{width: 100%; }
.innav2{display:none;}
.pro1{padding:0 10px}
.pro2{width:100%; padding:10px 0;}
.pro2 p{width: 23%;}
.pro3{width:100%}
.partner{width: 98%; padding: 20px 1%;}
.panter1 dl{width: 26%; margin:2% 3%;}
.news1{padding:0 1%;}
.news4{width:100%;}
.foot3{width:100%;}
.duc3 h3{padding: 1px 5px 10px 5px; font-size: 12px; color: #fff;}
}


@media only screen and (max-width: 768px){
.panter1 dl{width: 96%; padding:1px}
.foot5{width: 100%; text-align: center;}
.foot6{width:100%; text-align: center;}
.foot4{width: 100%; text-align: center;}
}












@charset "utf-8";

/*在线客服*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 64%;
	       /*-webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;*/
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    /*box-shadow: #DDD -1px 1px 4px;*/
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 82px;
    width: 82px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -120px;
    top: 80px;
    width: 120px;
    height: 120px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    /*-webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;*/
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}




*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
.kf {
	width: 127px;
	border: 1px solid #ff9458;
	position: fixed;
	top: 45%;
	right: 0;
	background: url(../images/kf_ico.png) no-repeat 7px 10px #ff6d1b;
	min-height: 50px;
	_height: auto!important;
	_height: 50px;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||130)-(parseInt(this.currentStyle.marginBottom, 10)||130)));
}
.kf_r {
	margin-left: 37px;
	background: #ff8038;
	color: #fff;
	text-align: center;
	padding: 10px 0 10px;
}
.kf_r img {
	margin-bottom: 5px;
}

body{
	font-family: "微软雅黑";
	color:#666;
	line-height: 1.6;
}
a{
	color:#333;
}
a:hover{
	color:#3dbddf;
	text-decoration: none;
}
.logo{
	padding:0;
	margin-right:25px;
	margin-top: 10px;

}
.menu{
	margin-top: 20px;
}


#navbar-collapse{
	margin-top:0;
}

#myCarousel{
	margin:0px;
}
#myCarousel ol{
	margin-bottom:0px;
}

.product h1, .field h1, .newss h1{
	font-size: 20px;
	color: #333;	
	margin: 30px 0 0px 0;
}

.abouts h1{
		font-size: 20px;
		color: #333;
	 	margin: 20px 0 15px 0;
	}
section h2{
	height: auto;
	font-size: 20px;
	margin-bottom: 10px;
}
/*.product span {
	color:#00a0e9;
}*/

/*.field{
	background: #f4f4f4;
	padding: 40px 0;
}*/
.field span {
	color:#3dbddf;
}

.newss{
	padding-bottom: 40px; 
}

.newss h4{
	font-size: 16px;
}
/*.news{
	border: 1px solid #e0e0e0;
	background: #fff;
	padding: 4px;
	box-shadow: 2px 2px 2px rgb(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 2px rgb(0,0,0,0.15);
	margin-top: 10px;
}*/
.news img{
	height: 220px;
	width:100%;
}
.picnews{
	padding: 20px;
}
.picnews h4{
	padding-bottom: : 10px;
}
.picnews p{
	color:#999;
}
.abouts{
	background: #f4f4f4;
	padding: 0;
}
.abouts span {
	color:#00a0e9;
}
.abouttext{
	padding: 10px 0 0 10px;
	font-size: 16px;
	line-height: 1.8;
}
.pdtb20{
	padding: 15px;
}
.pd0{
	padding: 0px;
}
.mg0{
	margin: 0px;
}
/*= Reset CSS 
============= */

.text-desc .pic {
	margin-top: 40%;
}
.text-desc p {
	line-height: 24px;
	font-size: 30px;
	margin-top: 22%;
	text-align: center;
}

.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(61, 189, 223, 0.8);
	height: 100%;
	opacity: 0;
	width: 100%;
}
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1 {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.port-1 .text-desc {
	opacity: 0.9;
	top: -100%;
	transition: 0.5s;
	color: #fff;
}
.port-1 img {
	transition: 0.5s;
}
.port-1:hover img {
	transform: scale(1.2);
}
.port-1:hover  .text-desc img {
	transform: scale(1);
}

.port-1.effect-2 .text-desc {
	top: auto;
	bottom: -100%;
}
.port-1.effect-2:hover .text-desc {
	bottom: 0;
}

/* effect-1 css end */

.border-list{
	border: 1px solid #eee;
	overflow: hidden;
	background: #f4f4f4;
	margin:15px 0;
	padding: 10px;
}
.product-text{
	margin-top: 40px;
}
.product-text-btn{
	margin-top: 20px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center;
	border-radius:4px;
	display: block;
	width:100px;
}
.pdtb30{
	padding: 0px;
}
.newss h4{
	font-size: 16px;
}

.news-list{
	margin: 10px 0 20px 0;
}
.news-list:hover .newstime{
	background: #ff6d1b;
}
.news-list p{
	color: #999;
}
.newstime{
	width:80px;
	height: 80px;
	padding: 10px;
	color:#fff;
	text-align:center;
	background: #b8b8b8;
}
.newstime span{
	font-size: 30px;
	display: block;

}

#footer{
	background: #4c4c4c;
	border-top:1px solid #ccc;
	padding: 20px 0;
	color:#b8b8b8;
	text-align:center;
}
#footer h4{
	padding-bottom: 15px;
}
#footer p{
	margin-bottom: 5px;
}
#footer h4, #footer a:hover{
	color:#fff;
}
#footer a{
	color:#b8b8b8;
}
#footer .line{
	border-right: 1px solid #5c5c5c;
	min-height: 220px;
}
.copyright{
	padding: 10px 0 0 0;
	margin:0;
}
.tbox {
    bottom: 15px;
    display: none;
    float: right;
    position: fixed;
    right: 10px;
    width: 50px;
}
.tbox #gotop {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
}
.main{
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
.mainbanner ul, .mainbanner li{
	height: 360px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.left-title {
	background: #3dbddf;
	color: #fff;
	padding: 20px;
	font-size: 24px;
	margin: 0;
	border-radius: 4px 4px 0 0 ;
}
.left-contact h1{
	font-size: 24px;
}
.left-contact img{
	margin-bottom: 10px;
}
.sub-mob{
	position: absolute;
	right:20px;
	top: 8px;
}

/*菜单列表样式*/
.left_nav ul {
	padding: 0px;
	margin: 0px;
}
.left_nav li {
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 5px 0px;
	position: relative;
}
.left_nav li a {
	width: 100%;
	display: block;
	border-left: 2px solid #ddd;
	border-bottom: 1px solid #eee;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: left;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
	background: url(../images/left_arrow.png) 94% 0px no-repeat;
	transition: all 0.3s linear 0s;
}
.left_nav li a:hover {
	border-left: 2px solid #3dbddf;
	border-bottom: 1px solid #eee;
	color: #3dbddf;
	transition: all 0.3s linear 0s;
	background: url(../images/left_arrow.png) 94% -40px no-repeat;
}
.left_nav li a.oncurrent {
	border-left: 2px solid #3dbddf;
	border-bottom: 1px solid #eee;
	color: #3dbddf;
	background: url(../images/left_arrow.png) 94% -40px no-repeat;
}
.left_nav li ul {
	display: none;
	position: absolute;
	left: 300px;
	top: 0;
	background:#f1f1f1;
	width: 182px;
	z-index:999;
}
.left_nav li ul li {
	float: left;
	width: 182px;
	border-bottom: 1px solid #ccc;
	margin:0;
}
.left_nav li ul li a {
	width: 160px;
	border-left: 2px solid #ccc;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: left;
	padding-left: 20px;
	color: #666;
	font-size: 14px;
	background: url(../images/left_arrow.png) 160px 0px no-repeat #f1f1f1;
}
.left_nav li ul li a:hover {
	border-left: 2px solid #912360;
	color: #912360;
	background: url(../images/left_arrow.png) 160px -40px no-repeat #f1f1f1;
}
.main-content h2{
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c4c4c4;
}
.main-content h2 span{
	font-size: 10px;
	margin-left: 6px;
}
.news-main-list{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.news-main-list h4{
	font-size: 16px;
}
.news-main-list p{
	color:#999;
}
/*.news-main-list h4{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.news-detail h1{
	font-size: 18px;
	text-align: center;
}
.news-detail .info{
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e8e8e8;
}
.news-detail p{
	line-height: 1.6;
	text-indent:2em;

}
.pingjia{
	background: rgba(0,0,0,0.6);
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 900;
}
.pj-img{
	margin-top: -60px;
}
.pj-submit{
	font-size: 18px;
	padding: 1.8em 0;
}

.receive-close {
    background: rgba(0, 0, 0, 0) url("../images/receive_close.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: 16px;
    top: 0px;
    transition: all 0.5s ease 0s;
    width: 25px;
}
.receive-close:hover {
    transform: rotate(180deg);
}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	 .tel{
		font-size: 16px;
	}
	.nav > li > a{

		padding: 8px;
	}
	.aboutus {
		padding: 24px 20px;
		font-size: 14px;	
	}
	.product h1, .field h1, .newss h1{
		font-size: 24px;
		margin: 40px 0 0px 0;
	}
	.abouts h1{
		font-size: 24px;
	 	margin: 40px 0 15px 0;
	}
	.abouttext{
		padding: 30px 0 0 30px;
		font-size: 16px;
		line-height: 1.6;
	}
	.process h4, .works h4, .newss h4, .partner p{
		font-size: 16px;
	}
	.copyright{
		padding: 10px 0 0 0;
	}
	.sub-mob{
		display: none;
	}
	.main-content h2{
		font-size: 20px;
	}
	.main-content h2 span{
		font-size: 12px;
	}
	.main{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.news-main-list h4{
		font-size: 18px;
	}
	.works h3, .news-detail h1{
		font-size: 20px;
	}
	.pdtb30{
		padding: 30px 0;
	}
}

	/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	.tel{
		font-size: 17px;
	}
	.nav > li > a{

		padding: 8px;
	}
	.aboutus {
		padding: 28px 20px;
		font-size: 15px;	
	}
	.product h1, .field h1, .newss h1{
		font-size: 28px;
		margin: 50px 0 0px 0;
	}
	.abouts h1{
		font-size: 28px;
	 	margin: 40px 0 20px 0;
	}
	.abouttext{
		padding: 30px 0 0 30px;
		font-size: 16px;
		line-height: 1.8;
	}
	.imgleft{
		float: left;
		margin-right:20px;
	}
	.process h4, .works h4, .newss h4, .partner p{
		font-size: 17px;
	}
	.main-content h2{
		font-size: 22px;
	}
	.main-content h2 span{
		font-size: 13px;
	}
	.works h3, .news-detail h1{
		font-size: 22px;
	}

}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {

	.tel{
		font-size: 18px;
	}
	.nav > li > a{

		padding: 10px;
	}
	.aboutus {
		padding: 38px 20px;
		font-size: 16px;	
	}
	.product h1, .field h1, .newss h1{
		font-size: 30px;
		margin: 60px 0 0px 0;
	}
	.abouts h1{
		font-size: 30px;
	 	margin: 60px 0 20px 0;
	}
	.abouttext{
	padding: 50px 0 0 50px;
	font-size: 16px;
	line-height: 1.8;
}
	.imgleft{
		float: left;
		margin-right:20px;
	}
	.process h4, .works h4, .newss h4, .partner p{
		font-size: 18px;
	}
	.main-content h2{
		font-size: 24px;
	}
	.main-content h2 span{
		font-size: 14px;
	}
	.works h3, .news-detail h1{
		font-size: 24px;
	}


}

div.badoo {
	width: 100%;
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
	font-size: 13px;
	padding-bottom: 10px;
	color: #48b9ef;
	padding-top: 30px;
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
	text-align: center
}
div.badoo li{
	float: left;
}
div.badoo a {
	border-right: #f0f0f0 2px solid;
	padding-right: 5px;
	border-top: #f0f0f0 2px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 0 2px;
	border-left: #f0f0f0 2px solid;
	color: #5e5e5e;
	padding-top: 2px;
	border-bottom: #f0f0f0 2px solid;
	text-decoration: none
}
div.badoo a:hover {
	border-right: #eb3021 2px solid;
	border-top: #eb3021 2px solid;
	border-left: #eb3021 2px solid;
	color: #eb3021;
	border-bottom: #eb3021 2px solid
}
div.badoo .active {
	border-right: #eb3021 2px solid;
	border-top: #eb3021 2px solid;
	border-left: #eb3021 2px solid;
	color: #fff;
	background-color: #eb3021;
	border-bottom: #eb3021 2px solid
}
div.badoo a:active {
	border-right: #ff5a00 2px solid;
	border-top: #ff5a00 2px solid;
	border-left: #ff5a00 2px solid;
	color: #ff5a00;
	border-bottom: #ff5a00 2px solid
}
div.badoo span.current {
	border-right: #ff5a00 2px solid;
	padding-right: 5px;
	border-top: #ff5a00 2px solid;
	padding-left: 5px;
	font-weight: 700;
	padding-bottom: 2px;
	border-left: #ff5a00 2px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #ff5a00 2px solid;
	background-color: #ff6c16
}
div.badoo span.disabled {
	display: none
}

.sub{
	display: none;
	position: absolute;
	z-index: 9999999999;
	background: #fff;
	width:84px;
	left: 0px;
    -moz-box-shadow: 0px 4px 10px #444444; /* 老的 Firefox */
    box-shadow:0px 4px 10px #444444;

	
}
.sub li{
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: #fff;
}
.sub li a{
	color:#333;
}
.sub li:hover{
	background: #027a95;
	-o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.sub li:hover a{
	color: #fff;
	-o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.header-r-nav > ul > li:hover .sub{
	display: block;
}