@charset "utf-8";

/* CSS Document */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, img, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {

	margin: 0;

	padding: 0;

}

body {

	background: #fff;

	color: #555;

	font-size: 12px;



}

td, th, caption {

	font-size: 12px;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	font-size: 100%;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

a {

	color: #555;

	text-decoration: none;

	-webkit-transition: color .3s;

	-moz-transition: color .3s;

	-o-transition: color .3s;

	transition: color .3s

}

a:hover {

	text-decoration: underline;

	color: #e61616;

}

img {

	border: none;

}

ol, ul, li {

	list-style: none;

}

input, textarea, select, button {

	font: 14px Verdana, Helvetica, Arial, sans-serif;

}

table {

	border-collapse: collapse;

}

html {

	overflow-y: scroll;

}

li {

	float: left;

}

/* css common */



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

*zoom:1;

}

/*gg*/



@font-face {

	font-family: 'iconfont';

	src:  /* IE9*/

	src:  format('embedded-opentype'), /* IE6-IE8 */  format('woff'), /* chrome、firefox */   format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/   format('svg'); /* iOS 4.1- */

}

.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

.move {

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.magictime {

	-webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



.t1 {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

}

.t2 {

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

}

.t3 {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

}

.t4 {

	-webkit-animation-duration: 2.5s;

	animation-duration: 2.5s;

}

.r {

	position: relative;

}

.gk {

	width: 1400px;

	margin: 0 auto;

}

.section {

	position: relative;

	overflow: hidden;

}

.piclist p a em, .in-news-bodyt dl dt em, .in-news-bodyt dl dd em, .in-news-s dl dt em, .in-news-s dl dd em, .in-case-show em, .in-list-n dl dt em, .nll i {

	display: inline-block;

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

}

.ws-title-wrapper {

	display: none;

}

/*gg end*/



.naver {

	position: fixed;

	top: 0;

	overflow: hidden;

	z-index: 99;

	width: 100%;

	height: 80px;

	background: #fff;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.nav .nav-left {

	width: 20%;

	float: left;

	display:block;

	background-repeat: no-repeat;

}

.nav .nav-left p {

	display:none;

}

.nav .nav-left img {

	width: 241px;

	height: 68px;

	margin-top: 6px;

}

.nav .nav-right {

	width: 70%;

	float: right;

}

.nav-right ul li {

	height: 80px;

	line-height: 80px;

	width: 122.5px;

	text-align: center

}

.nav-right ul li a {

	width: 100%;

	font-size: 16.5px;

	display: inline-block;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

}

.nav-right ul li a:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #04a7e7;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.nav-right ul li a:hover, .nav-right ul li a:focus, .nav-right ul li a:active {

	color: #fff;

	text-decoration: none;

	background: #04a7e7 \9;

}

.nav-right ul li a:hover:before, .nav-right ul li a:focus:before, .nav-right ul li a:active:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.nav-right ul li.daohang {

	background: #04a7e7;

}

.nav-right ul li.daohang a {

	color: #fff

}

.in-pro a {

	color: #fff;

}

.in-title {

	margin: 50px auto;

}

.in-title-top {

	text-align: center;

}

.in-title-top h3 {

	font-size: 30px;

	font-weight: 500;

	margin-bottom: 5px;

}

.in-title-top span {

	font-size: 20px;

}

.in-title-bot {

	margin-top: 40px;

	background: #fff;

}

.in-title-bot ul li {

	width: 15%;

	margin-left: 2%;

}

.in-title-bot ul li:first-child {

	margin-left: 0;

}

.in-title-bot ul.inlist li:nth-child(6n+1) {

	margin-left: 0

}

.in-title-bot ul.inlisu{

        height:350px;

}

.in-title-bot ul.inlist li:first-child+li+li+li+li+li+li, .in-title-bot ul.inlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li {

	margin-left: 0

}

.in-title-bot a img {

	width: 100%;

	min-width: 140px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in-title-bot ul li:hover a img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1)

}

.in-title-bot dl {

	border: 1px solid #fff;

	border-top: none;

	padding: 22px 2%;

}

.in-title-bot dl dt h4 {

	font-size: 15px;

	padding-bottom: 22px;

	height: 40px;

	overflow: hidden;

}

.in-title-bot dl dd {

	border: 1px solid #C0C0C0;

	height: 30px;

	line-height: 30px;

	width: 100px;

	text-align: center;

}

.fp-height-auto {

	height: 100px;

}

.in-news-o {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}

 @-webkit-keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 -ms-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

}

}

.in-news-w {

	background: url(../images/innewsbj.png) repeat-x;

	width: 100%;

	height: 300px;

	padding: 90px 0;

	overflow: hidden;

}

.in-news-list {

	width: 31%;

	margin-left: 3.5%;

	float: left;

	overflow: hidden;

}

.in-news-body {

	background: #FFF;

}

.in-news-list a img {

	width: 100%;

	max-width: 434px;

	max-height: 250px;

}

.piclist li {

	width: 100%;

	height: 300px;

}

.piclist p {

	padding: 0 15px;

	height: 45px;

	line-height: 45px;

}

.piclist p a span {

	font-size: 16px;

	float: left

}

.piclist p a em {

	width: 15px;

	height: 15px;

	background-position: 0 -37px;

	vertical-align: middle;

	margin-right: 5px

}

.piclist p a.ttright {

	float: right;

}

.piclist p a i {

	font-style: normal

}

.in-news-list:first-child {

	margin-left: 0

}

.in-news-title {

	margin-bottom: 13px

}

.in-news-title a h3 {

	font-size: 25px;

	font-weight: bold;

	display: inline

}

.in-news-title span {

	font-size: 18px;

	margin-left: 5px

}

.in-news-bodyt {

	padding: 20px 20px 0;

	height: 280px;

	overflow: hidden;

}

.in-news-t ul {

	overflow: hidden;

	height: 260px

}

.in-news-t ul li {

	width: 100%;

}

.in-news-t ul li:first-child {

	padding-top: 0

}

.in-news-t ul li a h4 {

	font-size: 16px;

	color: #333;

	font-weight: bold;

}

.in-news-t ul li p {

	margin: 10px 0 18px

}

.in-news-s {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

 @-webkit-keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 -ms-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

}

}



.in-news-s ul li:nth-child(even) {

	background: none

}

.in-news-s dl dt a {

	color: #333;

	font-size: 16px;

	font-weight: bold

}

.in-news-s dl {

	line-height: 25px;

	overflow: hidden;

	font-size: 14px;

}

.in-news-s dl dt em, .in-news-s dl dd em {

	width: 16px;

	height: 16px;

	margin-right: 12px;

}

.in-news-s dl dt em {

	background-position: 0 0

}

.in-news-s dl dd em {

	background-position: 0px -18px

}

/*in-case*/



.in-case-w {

	background: url(../images/incasebg.jpg) no-repeat;

	overflow: hidden;

}

.in-case-n {

	margin: 35px auto 65px auto;

}

.in-case-show, .case {

	margin-top: 60px;

}

.in-case-show dl {

	border-bottom: 5px solid #C3C3C3;

	width: 22.857%;

	margin-left: 2.857%;

	float: left;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.in-case-show dl {

	-webkit-animation-name: slideDownRetourn;

	animation-name: slideDownRetourn;

}

 @-webkit-keyframes slideDownRetourn {

 0% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(100%);

}

 100% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(0%);

}

}

 @keyframes slideDownRetourn {

 0% {

 transform-origin: 0 0;

 transform: translateY(100%);

}

 100% {

 transform-origin: 0 0;

 transform: translateY(0%);

}

}

.in-case-show dl:hover, .case dl:hover {

	border-bottom: 5px solid #33B9EE;

}

.in-case-show dl:first-child, .case dl:first-child {

	margin-left: 0;

}

.in-case-show dl dt, .case dl dt {

	overflow: hidden;

	width: 100%;

	height: 168px;

}

.in-case-show dl a img, .case dl a img {

	width: 100%;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.case dl a img {

	width: 100%;

	height: 168px;

}

.in-case-show dl:hover a img, .case dl:hover a img {

-webkit-transform:transform:scale(1.05, 1.05);;

-moz-transform:transform:scale(1.05, 1.05);;

-ms-transform:transform:scale(1.05, 1.05);;

-o-transform:transform:scale(1.05, 1.05);;

	transform: scale(1.05, 1.05);

}

.in-case-show dl dd, .case dl dd {

	background: #fff;

	padding: 10px 20px;

}

.case dl dd {

	padding: 10px;

}

.in-case-show dl dd a h4, .case dl dd a h4 {

	height: 50px;

	line-height: 25px;

	overflow: hidden;

	font-size: 16px;

	margin: 6px 0 15px 0;

}

.in-case-show p, .case p {

	height: 65px;

	overflow: hidden;

	color: #8e8e8e;

	font-size: 12px;

	margin-bottom: 16px;

}

.in-case-show em, .case em {

	width: 21px;

	height: 21px;

	background-position: -16px -31px;

	vertical-align: middle;

	margin-right: 8px;

}

.in-list-w {

	background: #F4F4F4;

	padding-bottom: 70px

}

.in-list-n dl {

	width: 22%;

	text-align: center;

	margin-left: 4%;

	float: left;

	margin-top: 70px;

}

.in-list-n dl:first-child {

	margin-left: 0;

}

.in-list-n dl dt em {

	width: 125px;

	height: 125px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.in-list-n dl dt a h3 {

	font-size: 16px;

	font-weight: bold;

	margin: 30px 0;

}

.in-list-n dl dd {

	font-size: 13px;

	line-height: 25px;

}

.in-list-n dl dt.l1 em {

	background-position: 0 -225px

}

.in-list-n dl dt.l2 em {

	background-position: -124px -225px

}

.in-list-n dl dt.l3 em {

	background-position: -373px -225px

}

.in-list-n dl dt.l4 em {

	background-position: -248px -225px

}

.in-list-n dl:hover dt.l1 em {

	background-position: 0 -76px

}

.in-list-n dl:hover dt.l2 em {

	background-position: -124px -76px

}

.in-list-n dl:hover dt.l3 em {

	background-position: -373px -76px

}

.in-list-n dl:hover dt.l4 em {

	background-position: -248px -76px

}

/*footer*/



.footer {

	clear: both;

	background: #2C2C2C;

	border-top: 5px solid #F4F4F4;

	overflow: hidden;

}

.footer a {

	color: #9b9b9b;

}

.foot-white {

	background: #fff;

	height: 5px;

}

.foot-top {

	border-bottom: 1px solid #403E3E;

	padding: 55px 0 35px 0;

	overflow: hidden;

}

.foot-top dt {

	margin-bottom: 15px;

	color: #fff;

	font-size: 14px

}

.foot-top dt a {

	color: #fff;

	font-size: 14px;

	font-weight: bold

}

.foot-top dd {

	padding: 2.5px 0;

}

.foot-top dl {

	float: left;

	width: 13%;

	margin-left: 2%;

	overflow: visible

}

.foot-top dl.indlend {

	width: 25%;

	color: #9b9b9b;

}

.foot-top dl:first-child {

	margin-left: 0;

}

.foot-top dl dd ul li p {

	font-size: 30px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 5px;

	margin-top: -5px;

	-webkit-animation-name: bounceInUp;

	animation-name: bounceInUp;

	webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

 @-webkit-keyframes bounceInUp {

 from, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

from {

	opacity: 0;

	-webkit-transform: translate3d(0, 3000px, 0);

	transform: translate3d(0, 3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0);

}

 75% {

 -webkit-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, -5px, 0);

 transform: translate3d(0, -5px, 0);

}

to {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

}

 @keyframes bounceInUp {

 from, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

from {

	opacity: 0;

	-webkit-transform: translate3d(0, 3000px, 0);

	transform: translate3d(0, 3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0);

}

 75% {

 -webkit-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, -5px, 0);

 transform: translate3d(0, -5px, 0);

}

to {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

}

.foot-top dl dd ul li {

	width: 100%;

	padding: 2.5px 0;

}

.foot-bot {

	border-top: 1px solid #1C1C1C;

	padding: 18px 0;

	overflow: hidden;

	color: #9b9b9b;

}

.foot-bot ul li {

	margin-right: 10px;

}

.foot-ba {

	background: #000;

	text-align: center;

}

.foot-ba a {

	color: #6e6e6e

}

.foot-ba p {

	height: 55px;

	line-height: 55px;

	color: #6e6e6e;

}

/*.newsnr*/



.pub-dh {

	margin-top: 80px;

	height: 450px;

	overflow: hidden;

}

.pub-dht {

	margin-top: 160px;

	-webkit-animation-name: slideUp;

	animation-name: slideUp;

}

.pub-dhs {

	color: #fff;

	margin-top: 15px;

	-webkit-animation-name: slideUp;

	animation-name: slideUp;

}

.pub-dhs a {

	color: #fff;

}

.news-dh {

	background: url(../images/newsbanner.jpg);

  top: 0;

  left: 0;

  width:100%;

  height:100%;

  /*min-width: 1000px;*/

  z-index:-10;

  zoom: 1;

  background-color: #fff;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  background-position: center 0;

}

.pro-dh {

	background: url(../images/probj.jpg) center no-repeat

}

.pro-dh2 {

	background: url(../images/probj2.jpg) center no-repeat

}

.case-dh {

	background: url(../images/newsbanner.jpg) center no-repeat

}

.pub-dh h2 {

	color: #3b3b3b;

	font-size: 44px;

	font-weight: bold

}

.pub-dh p {

	font-size: 30px;

	color: #3b3b3b;

	font-weight: bold

}

.pub-dhs i:before {

	margin-right: 10px;

}

.news-bodyer {

	background: #F4F4F4;

	font-size: 14px;

	padding-bottom: 70px\9;

}

.news-bodyer a {

	font-size: 14px;

}

.news-body {

	position: relative;

}

.newssm {

	text-align: center;

}

.neleft-body {

	font-size: 16px;

	line-height: 30px;

	margin-top: 60px;

}

.neleft-body img{

  display: inline-block;

  height: auto !important;

  max-width: 100%;

}



.newssm ul li i {

	margin-right: 10px;

}

.neleft-body a {

	font-size: 16px;

}

.neleft-body p {

	line-height: 30px;

	font-size: 14px;

	text-indent: 2em;

}

.nbleft .newssm ul li {

	float: none;

	display: inline;

	margin: 0 15px;

}

.nbleft, .news-list-left, .proleft, .about, .pronrleft {

	width: 70%;

	margin: 70px 0;

	float: left;

	padding: 50px 2.5%;

	margin-top: -80px;

	background: #fff;

	-webkit-animation-name: slideUp;

	animation-name: slideUp;

}

.case {

	width: 70%;

	margin: 70px 0;

	float: left;

	padding: 50px 2.5%;

	margin-top: -80px;

	-webkit-animation-name: slideUp;

	animation-name: slideUp;

}

 @-webkit-keyframes slideUp {

 0% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(50%);

 opacity: 0

}

 100% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(-0%);

 opacity: 1

}

}

 @keyframes slideUp {

 0% {

 transform-origin: 0 0;

 transform: translateY(50%);

 opacity: 0

}

 100% {

 transform-origin: 0 0;

 transform: translateY(-0%);

 opacity: 1

}

}

.nbleft h2 {

	font-weight: bold;

	margin-bottom: 30px;

	text-align: center;

	font-size:18px;

}

.nbleft h2 a {

	font-size: 20px;

	color: #3b3b3b

}

#fx {

	margin-top: 50px;

}

.syt {

	margin-top: 50px;

	font-size: 16px;

}

.syt p a {

	font-size: 16px;

}

.syt p:first-child {

	margin-bottom: 10px;

}


.pnright {

	width: 22%;

	float: right;

	color: #fff;

	position: absolute;

	right: 0;

	top: -211px;

	-webkit-animation-name: slideDown;

	animation-name: slideDown;

}

 @-webkit-keyframes slideDown {

 0% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(-50%);

 opacity: 0

}

 100% {

 -webkit-transform-origin: 0 0;

 -webkit-transform: translateY(0%);

 opacity: 1

}

}

 @keyframes slideDown {

 0% {

 transform-origin: 0 0;

 transform: translateY(-50%);

 opacity:0

}

 100% {

 transform-origin: 0 0;

 transform: translateY(0%);

 opacity:1

}

}

.pr-top {

	background: #3E3E3E;

	padding: 30px 0 50px 0;

}

img.lx {

	margin-top: 20px;

	width: 100%;

}

.pnright ul li {

	float: none;

	line-height: 60px;

	height: 60px;

	padding: 0 15%;

	cursor: pointer;

	border-bottom: 1px solid #505458;

}

.pnright ul li.lista {

	background: #E71616

}

.pnright ul li a {

	font-size: 16px;

	color: #FFF;

	display: block;

}

.pnright ul li:hover {

	background: #E71616;

}

.pnright ul li a:hover {

	text-decoration: none;

}

.prtt {

	padding: 0 15%;

	margin-bottom: 50px;

}

.pnright h2 {

	font-size: 35px;

}

.pnright p {

	font-size: 20px;

	margin: 15px 0 25px 0;

}

/*.newsnr end*/







/* .newslist */



.news-list-left {

	padding: 30px 1.5% 20px;

	background: #fff;

}

.news-list-left ul li {

	background: #fff;

	width: 31.333%;

	padding: 15px 1%;

	border-bottom: 1px #ccc dashed;

}

.news-list-left ul li a img {

	width: 100%;

	height: 197px;

}

.news-list-left ul li h4 {

	padding: 10px 0;

	height: 50px;

	line-height: 25px;

}

.news-list-left ul li h4 a {

	font-size: 16px;

}

.news-list-left ul li p {

	font-size: 12px;

	color: #8e8e8e;

	padding: 20px 0;

	height: 48px;

	overflow: hidden;

}

/*.news-list-left ul li:nth-last-child(1),.news-list-left ul li:nth-last-child(2),.news-list-left ul li:nth-last-child(3){border-bottom:none;}*/



a.nll {

	font-size: 12px;

}

.nll i {

	width: 15px;

	height: 15px;

	background-position: 0 -37px;

	vertical-align: middle;

	margin-right: 5px;

}

.pagelist {

	clear: both;

	padding: 30px 0 30px;

	text-align: center

}

.pagelist li {

	display: inline;

	margin: 0 0.5%;

	float: none;

}

.pagelist li.thisclass,  .pagelist a:hover {

	padding: 10px 15px;

	border: 1px solid #E71616;

	background: #E71616;

	color: #fff;

	text-decoration: none;

	border-radius: 3px;

	line-height: 50px;

}

.pagelist a {

	padding: 10px 15px;

	border: 1px solid #ddd;

	background: #fff;

	color: #A4A4A4;

	line-height: 50px;

	border-radius: 3px;

}

/*.newslist end*/







/*prolist*/



.proleft {

	padding-bottom: 20px;

}

.proleft ul li {

	width: 22%;

	margin-left: 4%;

	margin-bottom: 15px;

}

.proleft ul li:nth-child(4n+1) {

	margin-left: 0;

}

.proleft ul li:first-child+li+li+li+li, .proleft ul li:first-child+li+li+li+li+li+li+li+li {

	margin-left: 0;

}

.proleft a img {

	min-width: 50px;

}

/*prolist end*/







/*case*/



.case {

	padding-bottom: 20px

}

.case dl {

	margin-bottom: 30px;

	background: #fff;

	padding: 20px 1.5%;

	width: 20.357%;

	margin-left: 1.857%;

	float: left;

	border-bottom: 5px solid #fff

}

.case dl:nth-child(4n+1) {

	margin-left: 0

}

.case dl:first-child+dl+dl+dl+dl, .case dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl {

	margin-left: 0

}

/*case end*/



/*contact*/



.iw_poi_title {

	font-size: 16px;

}

.contact {

	margin: 90px auto;

	overflow: hidden;

}

.conleft {

	float: left;

	width: 38%;

	border-right: 1px solid #D2D2D2;

	font-size: 14px

}

.conleft h1 {

	font-size: 30px;

	font-weight: bold;

	color: #434343;

	margin-top: -15px;

	line-height: 60px;

}

.conleft ul li {

	float: none;

	line-height: 35px;

}

.conleft p.conqq i:before {

	content: "\e636";

}

.conleft p.conqq {

	font-size: 12px;

	margin-top: 20px;

	cursor: pointer;

	padding-top: 13px

}

.conleft p.conqq em {

	font-style: normal;

	display: inline-block;

	width: 115px;

	height: 30px;

	background: #01A7EB;

	line-height: 30px;

	text-align: center;

}

.conleft p.conqq a {

	color: #fff;

	font-size: 14px

}

.conleft p.conqq a:hover {

	color: #434343;

	text-decoration: none

}

.conright {

	float: right;

	width: 50%;

	

}

.conright ul {

	overflow: hidden;

}

.conright ul li {

	width: 60%;

	position: relative;

	margin-bottom: 15px;

	margin-left: 30px;

}

.conright ul li.no-left {

	margin-left: 0;

}

.conright ul li input {

	height: 35px;

	line-height: 35px;

	width: 90%;

	padding: 5px 5%;

	color: #bcbcbc;

	border: 1px solid #C9C9C9;

	

}

.conright ul li span {

	position: absolute;

	left: 7%;

	font-size: 14px;

	top: 6px;

}

.conright ul li textarea {

	width: 150%;

	padding: 5px 5%;

	color: #bcbcbc;

	height: 65px;

	border: 1px solid #C9C9C9;

	

}

.conright .tj input {

	width: 86px;

	height: 40px;

	background: #01A7EB;

	border: none;

	color: #fff;

	font-size: 16px;

	margin-right: 10px;

	transition: all .3s;

	cursor: pointer;

	

}

.conright .tj input.reset {

	background: #B8B8B8

}

.conright .tj input:hover {

	background: #4A4A48

}

/*contact end*/



/*about*/



.about {

	font-size: 14px;

	color: #8e8e8e;

}

.about {

	font-size: 14px;

	color: #8e8e8e;

}

.about img.abimg1 {

	float: right;

	margin: 8px 0 0 35px;

	-webkit-animation-name: boingInUp;

	animation-name: boingInUp;

	-webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	animation-delay: 1.2s;

	-webkit-animation-delay: 1.2s;

}

 @-webkit-keyframes boingInUp {

 0% {

 opacity: 0;

 -webkit-transform-origin: 50% 0%;

 -webkit-transform: perspective(1800px) rotateX(-90deg);

}

 50% {

 opacity: 1;

 -webkit-transform-origin: 50% 0%;

 -webkit-transform: perspective(1800px) rotateX(50deg);

}

 100% {

 opacity: 1;

 -webkit-transform-origin: 50% 0%;

 -webkit-transform: perspective(1800px) rotateX(0deg);

}

}

 @keyframes boingInUp {

 0% {

 opacity: 0;

 transform-origin: 50% 0%;

 transform: perspective(1800px) rotateX(-90deg);

}

 50% {

 opacity: 1;

 transform-origin: 50% 0%;

 transform: perspective(1800px) rotateX(50deg);

}

 100% {

 opacity: 1;

 transform-origin: 50% 0%;

 transform: perspective(1800px) rotateX(0deg);

}

}

.about img.abimg2 {

	float: left;

	margin: 8px 35px 0 0;

	-webkit-animation-name: swashIn;

	animation-name: swashIn;

}

 @-webkit-keyframes swashIn {

 0% {

 opacity: 0;

 -webkit-transform-origin: 50% 50%;

 -webkit-transform: scale(0, 0);

}

 50% {

 opacity: 1;

 -webkit-transform-origin: 50% 50%;

 -webkit-transform: scale(0.5, 0.5);

}

 100% {

 opacity: 1;

 -webkit-transform-origin: 50% 50%;

 -webkit-transform: scale(1, 1);

}

}

 @keyframes swashIn {

 0% {

 opacity: 0;

 transform-origin: 50% 50%;

 transform: scale(0, 0);

}

 50% {

 opacity: 1;

 transform-origin: 50% 50%;

 transform: scale(0.5, 0.5);

}

 100% {

 opacity: 1;

 transform-origin: 50% 50%;

 transform: scale(1, 1);

}

}

.about p {

	line-height: 30px;

	text-indent: 2em

}

.about .ab2 {

	margin: 35px 0;

}

/*about end*/



/*pronr*/



.pronr-top {

	position: relative;

	overflow: hidden;

}

.pronrimg {

	position: relative;

	width: 36.5%;

	float: left;

}

.pronrimg .bd {

	position: relative;

	z-index: 0;

}

.pronrimg .bd li {

	width: 100%

}

.pronrimg .bd li img {

	width: 100%;

	vertical-align: top

}

.pronrimg .hd {

	position: relative;

	z-index: 1;

	margin-top: -30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

}

.pronrimg .hd ul {

	text-align: center;

	padding-top: 5px;

}

.pronrimg .hd ul li {

	cursor: pointer;

	display: inline-block;

*display:inline;

	zoom: 1;

	width: 8px;

	height: 8px;

	margin: 5px;

	overflow: hidden;

	font-size: 0;

}

.pronrimg .hd ul .on {

	background-position: 0 0;

}

.pronrimg .hd ul li {

	float: none;

}

.pronrimg .prev, .pronrimg .next {

	z-index: 1;

	display: block;

	width: 55px;

	height: 55px;

	position: relative;

	margin: -27% 0 0 3%;

	float: left;

	filter: alpha(opacity=40);

	opacity: 0.4;

}

.pronrimg .next {

	background-position: right 0;

	float: right;

	margin-right: 3%

}

.pronrimg .prev:hover, .pronrimg .next:hover {

	filter: alpha(opacity=80);

	opacity: 0.8

}

.pronrright {

	width: 58%;

	float: right;

}

.pronrright h1 {

	font-weight: bold;

	font-size: 35px;

	color: #3b3b3b;

}

.pronrright ul {

	margin: 20px 0 70px 0;

}

.pronrright ul li {

	float: none;

	line-height: 25px;

	padding: 10px 0;

}

.prbj {

	position: absolute;

	bottom: 0;

	width: 95%;

	margin-top: 10px;

}

.prbj span a {

	display: inline-block;

	padding: 10px 0;

	width: 20%;

	background: #E61515;

	color: #fff;

	font-size: 16px;

	text-align: center;

}

.prbj span a.przx {

	background: #3E3E3E;

	margin-left: 5%;

}

.pronr-bo {

	clear: both;

	overflow: hidden;

}

.prozhengwen {

	width: 100%;

	

	clear: both;

	margin-top: 40px;

}

.prozhengwen .hd {

	overflow: hidden;

	background: #3E3E3E;

	padding-left: 3%;

}

.prozhengwen .hd ul {

	z-index: 5;

	position: relative;

	zoom: 1;

}

.prozhengwen .hd li {

	float: left;

	height: 40px;

	line-height: 40px;

	margin-top: 4px;

	padding: 0px 16px 0px 16px;

	margin-right: 5px;

	color: #FFF;

	cursor: pointer;

	font-size: 16px;

	position: relative;

	top: 1px;

	font-weight: 700;

}

.prozhengwen .hd li a {

	font-size: 16px;

	color: #fff

}

.prozhengwen .hd li.on {

	height: 41px;

	line-height: 41px;

	overflow: hidden;

	margin-top: 4px;

	position: relative;

	top: 0px;

	background: #FFFFFF;

	color: #333;

}

.prozhengwen .bd {

	padding: 10px 20px 0 20px;

	clear: both;

	position: relative;

	overflow: hidden;

}

.prozhengwen .bd .conWrap {

	width: 100%;

}

.conWrap img {

	width: 90%;

}

.con span:first-child {

	top: -80px;

	height: 0

}

.con {

	margin: 20px 0;

}

.con, .con p {

	line-height: 30px;

	font-size: 14px;

}

.con h3 {

	color: #3E3E3E;

	font-weight: bold;

	font-size: 16px;

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	margin-bottom: 10px

}

.con h4 {

	color: #3e3e3e;

	font-weight: bold;

	font-size: 14px;

	padding: 5px 0

}

.con strong {

	font-weight: 700;

	font-size: 16px;

}

.prozhengwen .prev, .prozhengwen .next {

	position: absolute;

	left: 10px;

	top: 80px;

}

.prozhengwen .next {

	left: auto;

	right: 10px;

}

.prozhengwen .prevStop, .prozhengwen .nextStop {

	display: none;

}

.prozhengwen .bd p {

	padding-bottom: 10px

}

.prozhengwen table {

	width: 100%;

	text-align: center;

	cursor: pointer;

	border: 1px solid #ccc;

	border-right: none;

	border-bottom: none;

}

.prozhengwen table tr td {

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.prozhengwen table tr:nth-child(odd) {

	background: #E6E6E6;

}

.prozhengwen table tr:hover {

	background: #CC0000;

	color: #fff;

}

.pronr-case h3 {

	font-size: 20px;

	color: #3b3b3b;

	border-bottom: 1px solid #E9E9E9;

	padding-bottom: 20px;

	margin: 40px 0 20px 0;

}

.pronr-case ul li {

	width: 14%;

	margin-left: 4%;

}

.pronr-case ul li a img {

	width: 100%;

}

.pronr-case h4 {

	margin-top: 20px;

}

.pronr-case ul li:first-child {

	margin-left: 0;

}

/*pronr end*/



/*diqu*/



.citylist h3, .cityhot h3 {

	margin: 20px 0;

	font-size: 16px;

	font-weight: bold

}

.citylist ul {

	padding: 0 4%;

}

.citylist ul li {

	width: auto;

}

.cityhot ul li {

	width: 100%;

	overflow: hidden;

	padding: 5px 0;

	border-bottom: 1px solid #ccc;

}

.city {

	padding: 80px 0 40px 0;

}

.cityleft {

	width: 100%;

	float: left;

	padding-bottom: 30px;

	border: 1px solid #ccc;

}

.cityleft dl {

	width: 90%;

	margin: 20px 5% 0 5%;

}

.cityleft dl dt {

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: 1px solid #ccc;

}

.cityleft dl dt a {

	font-size: 14px;

	font-weight: 400;

	float: right;

}

.cityleft dl dd, .cityleft dl dd a {

	font-size: 14px;

}

.cityleft dl dd ul li {

	line-height: 30px;

	width: 100%;

}

.cityleft dl dd ul li a {

	color: #555;

	width: 80%;

	overflow: hidden;

	display: block;

	height: 30px;

	white-space: nowrap;

	text-overflow: ellipsis;

	float: left;

}

.cityleft dl dd ul li a:hover {

	color: #FD971F;

}

.cityleft dl dd ul li span {

	float: right;

}

.citylist {

	overflow: hidden;

	margin-bottom: 30px

}

.cityright {

	width: 100%;

	float: right;

	border: 1px solid #ccc;

	margin-top: 30px;

}

.cityright ul li {

	float: left;

	margin: 0 4% 0 0;

	border: none;

	padding: 0;

	font-size: 14px;

	float: left

}

.cityright .tuijiannews {

	border: none;

	overflow: hidden;

}

.cityright .cityhot ul li {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 35px;

}

.citylist ul li:nth-last-child(1), .citylist ul li:nth-last-child(2), .citylist ul li:nth-last-child(3) {

	border-bottom: 1px dashed #ccc;

}

.citylist h3, .cityhot h3 {

	font-size: 20px;

	font-weight: 700;

	border-bottom: 1px solid #ccc;

	margin-bottom: 20px;

	padding-bottom: 10px;

}

.citylist h3 em, .cityhot h3 em {

	display: inline-block;

	background-position: 0 -90px;

	width: 25px;

	height: 25px;

	display: inline-block;

	background-position: 0 -90px;

}

.citylist h3 span, .cityhot h3 span {

	font-size: 14px;

	font-weight: normal;

	margin-left: 10px;

	color: #777;

}

.cityhot {

	overflow: hidden;

	margin-bottom: 20px;

}

.cityhot ul {

	padding: 0 4%;

}

.kf_bottom-box {

	display: none;

}

.bottom_y {

	display: none;

}



/***haocong20171114***/

.product_nav {width:100%;}

.product_nav li {display:inline;float:left;margin-right:25px;width:200px;line-height:24px;height:auto;list-style:disc;word-break:break-all;word-wrap:break-word;}

/***haocong20171114***/
.pnright1{
		display:none;
		}
.pnright{
		display: block !important;
		}