﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "UTF-8";

body {

	overflow-x: hidden;

	overflow-y: auto;

}

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

	margin: 0px;

}

input, button, ul, ol {

	margin: 0px;

	padding: 0px;

}

body, input, button, form {

	font-size: 14px;

	line-height: 28px;

	font-family: "microsoft yahei", "宋体", "Arial";

	color: #333333;

}

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

	font-size: 14px;

	font-weight: normal;

}

ul, ol, li {

	list-style: none;

}

input {

	background: none;

	border: 0 none;

}

img, iframe {

	border: 0px;

}

em, i {

	font-style: normal;

}

button, input, select, textarea {

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.red {

	color: #ba292e;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.tac {

	text-align: center;

}

.tar {

	text-align: right;

}

.poa {

	position: absolute;

}

.por {

	position: relative;

}

.hidden {

	display: none;

}

.w1200 {

	width: 1300px;

	margin: 0 auto;

}

.ico {

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

	display: inline-block;

	vertical-align: middle;

}

a {

	color: #434343;

	text-decoration: none;

}

a:hover {

	color: #0067D0;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.ease, .ease * {

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.noease, .noease * {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

:-moz-placeholder {

color: #aaa;

}

::-moz-placeholder {

color: #aaa;

}

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

color: #aaa;

}

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

color: #aaa;

}

/*清除浮动*/

.clearfix {

*zoom: 1;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

/*top_main*/

.top_main {

	width: 100%;

	height: 45px;
	position: relative;

	z-index: 80;

	background-color: #0067D0;

	color: #fff;

	font-size: 16px;


}

.top_main li {

	position: relative;

	display: inline-block;

	text-align: center;

	margin: 0 8px;

}

.top_main .split {

	display: inline-block;

	width: 1px;

	height: 12px;

	background: #666;

	vertical-align: middle;

	margin: 0;

	margin-top: -2px;

}

.top_main li a {

	color: #fff;

	cursor: pointer;

}

.top_main li a:hover {

	color: #fff;

}

/*header_main*/
/*导航*/
.to {
	background: #fff;
	width: 100%;
}
.to_in {
	position: relative;
	min-width: 100%;
	margin: 0 auto; width:1300px;
}
.to_in > .totalwidth {
	position: relative; width:1300px; margin:0px auto;
}
.to .fr {
	height: 117px;
}
.to .logo {
	margin-top: 15px;
}
.top .kds2 {
	width: 220px;
	padding-top: 33px;
	padding-left: 15px;
}
.to .totalwidth .fl {
	display: block;
}
.to .totalwidth .fl a, .top .page .fl a img {
	display: block;
}
.NavCeshi > li {
	float: left;
	width: 108px;
	text-align: center;
	transition: 0.6s all ease-in-out;
	padding-right: 0px;
	height: 117px;
	line-height: 117px;
	display: block
}
.NavCeshi > li > a {
	font-size: 18px;
	color: #454545;
	transition: 0.2s all ease-in-out;
	position: relative;
	z-index: 1113;
}
.NavCeshi > li.navcurrent, .NavCeshi > li:hover {
	transition: 0.8s all ease-in-out; background: url(../images/navbg.png) center no-repeat;
	color: #000;
}
.NavCeshi > li.navcurrent a, .NavCeshi > li:hover a {
	color: #0067D0;
}

/* banner */

#banner_main {


	position: relative;

	z-index: 2;

	max-width: 1920px;

	margin: 0 auto;

}

#banner_main .banner {

	height: 630px;

}

#banner {

	width: 100%;

	min-width: 1000px;

	position: relative;

	overflow: hidden;

	z-index: 0;

}

#banner, .banner ul {

	max-height: 630px;

	overflow: hidden;

}

.banner li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

	display: none;

}

.banner li:first-child {

	display: block;

}

.banner li img {

	width: 1920px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

#banner .tip {

	width: 1000px;

	height: 20px;

	line-height: 0;

	font-size: 0;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -500px;

	bottom: 42px;

	z-index: 3;

}

#banner .tip span {

	width: 16px;

	height: 16px;

	margin: 0 6px;

	display: inline-block;

	font-size: 0;

	cursor: pointer;

	background-position: -150px 0px;

}

#banner .tip span.cur {

	background-position: -130px 0px;

}

#banner #btn_prev, #banner #btn_next {

	width: 32px;

	height: 50px;

	position: absolute;

	top: 50%;

	margin-top: -25px;

	z-index: 5;

}

#banner #btn_prev {

	background-position: -60px 0;

	left: 4%;

	transition: all 600ms ease;

}

#banner #btn_next {

	background-position: -92px 0;

	right: 4%;

	transition: all 600ms ease;

}

#banner #btn_prev:hover {

	opacity: .8;

	filter: alpha(opacity=80);

	transition: all 600ms ease;

	left: 3.6%;

}

#banner #btn_next:hover {

	opacity: .8;

	filter: alpha(opacity=80);

	transition: all 600ms ease;

	right: 3.6%;

}

/* search */

.announ_main {

	width: 100%;

	height: 60px;

	line-height: 60px;

	background: #efefef;

}

.announ_main .announ_right {

	width: 285px;

	padding-top: 12px;

}

.announ_main .announ_right .search {

	width: 282px;

	height: 36px;

	line-height: 36px;

	background: none;

	position: relative;

	border: 1px solid #e5e5e5;

}

.announ_main .announ_right .search input {

	outline: none;

	border: 0 none;

	height: 36px;

	line-height: 36px;

}

.announ_main .announ_right .search .txt {

	width: 200px;

	background: none;

	padding-left: 15px;

	display: block;

	color: #999;

}

.announ_main .announ_right .search .btn {

	width: 50px;

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

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	border-left: 1px solid #e5e5e5;

}

.announ_main .announ_left span {

	display: inline-block;

	color: #212121;

}

.announ_main .announ_left a {

	display: inline-block;

	color: #8d8d8d;

	padding: 0 10px 0 0;

}

.announ_main .announ_left a s {

	width: 1px;

	height: 16px;

	display: inline-block;

	margin-right: 10px;

	background: #e9e9e9;

	vertical-align: middle;

}

.announ_main .announ_left a:first-child s {

	display: none;

}

/*footer*/

.footer {

	width: 100%;

	color: #fff;

	padding-bottom: 48px;

	background: #2E3033;

	border-top: 8px solid #0067D0;

}

.footer .links {

	padding: 20px 0;

	font-size: 16px;

	border-bottom: 1px solid #1a1d21;

}

.footer .links span {

	color: #fff;

	display: inline-block;

}

.footer .links a {

	display: inline-block;

	font-size: 14px;

	color: #939393;

	padding-right: 10px;

}

.footer .links a:hover {

	color: #0067D0;

}

.footer .bottom {

	border-top: 1px solid #464a50;

}

.footer .bNav {

	width: 458px;

	height: 180px;

	margin-top: 48px;

	border-right: 1px solid #1a1d21;

}

.footer .di_logo img {

	width: 111px;

	height: 111px;

	background-size: 100%;

}

.footer .bNav dl {

	display: inline-block;

	float: left;

	width: 139px;

	overflow: hidden;

	text-align: left;

	padding-top: 10px; text-align:center;

}

.footer .bNav dl dt {

	height: 16px;

	display: block;

	padding-bottom: 32px;

}

.footer .bNav dl dt a {

	display: block;

	font-size: 16px;

	color: #fff;

	line-height: 16px;

}

.footer .bNav dl dd {

	display: block;

	padding-bottom: 16px;

}

.footer .bNav dl dd a {

	display: block;

	font-size: 14px;

	color: #939393;

	line-height: 14px;

}

.footer .bNav dl dd a:hover {

	color: #0067D0;

}

.footer .ewm {

	height: 180px;

	text-align: center;

	padding-left: 48px;

	margin-top: 48px;

	border-left: 1px solid #464a50;

}

.footer .ewm dl {

	width: 140px;

	float: left;

	display: block;

	margin-right: 30px;

	margin-top: 10px;

	height: 164px;

}

.footer .ewm dl:nth-child(2) {

	margin-right: 0px;

}

.footer .ewm dl:first-child+dl {

	margin-right: 0px;

}

.footer .ewm dl dt {

	width: 140px;

	height: 140px;

	background-color: #fff;

	text-align: center;

}

.footer .ewm dl dt img {

	width: 130px;

	height: 130px;

	display: inline-block;

	background-size: 100%;

	margin-top: 5px;

}

.footer .ewm dl dd {

	font-size: 14px;

	color: #939393;

	line-height: 24px;

	padding-top: 5px;

}

.footer .contact_info {

	width: 445px;

	height: 180px;

	padding-left: 75px;

	border-right: 1px solid #1a1d21;

	border-left: 1px solid #464a50;

	margin-top: 48px;

}

.footer .contact_info p.p1 {

	font-size: 14px;

	color: #fff;

	line-height: 14px;

	padding-top: 10px;

}

.footer .contact_info p.dh {

	font-size: 28px;

	color: #0067D0;

	font-family: "Arial";

	line-height: 36px;

	padding-top: 4px;

	font-weight: bold;

	padding-bottom: 12px;

}

.footer .contact_info h3 {

	font-size: 20px;

	padding-top: 8px;

}

.footer .contact_info p.tel {

	font-size: 14px;

	color: #939393;

	line-height: 22px;



}

.footer .contact_info i {

	display: block;

	padding-top: 8px;

	font-size: 14px;

	color: #fff;

}

.footer .contact_info i a {

	display: inline-block;

	color: #fff;

	padding-right: 12px;

}

/*copyright*/

.copyright {

	height: 50px;

	line-height: 50px;

	color: #666;

	font-size: 12px;

	background: #27292B;

}

.copyright p {

	color: #939393;

}

.copyright span {

	margin: 0 6px;

}

.copyright a {

	color: #939393;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.copyright a:hover {

	color: #0067D0;

}

/*******index css*******/

.indexTit {

	color: #0067D0;

	overflow: hidden;

	text-align: center;

	padding: 30px 0 56px;

}

.indexTit .en {

	text-transform: uppercase;

	line-height: 35px;

	font-family: didot;

	font-size: 24px;

}

.indexTit h3 {

	font-size: 24px;

	color: #835026;

}

.index .in_title {

	padding-top: 40px;

	padding-bottom: 10px;

}

.index .in_title .entit {

	position: relative;

	width: 540px;

	margin: auto;

	font-size: 48px;

	line-height: 40px;

	font-weight: bold;

	color: #0067D0;

	text-align: center;

	margin-bottom: 10px;

}

.index .in_title .tit {

	margin: 0 auto;

	font-size: 26px;

	line-height: 40px;

	text-align: center;

	color: #434343;

}

.index .in_title .tit span {

	display: inline-block;

	margin: 0 30px;

}

.index .in_title .tit em {

	display: inline-block;

	width: 225px;

	height: 1px;

	margin-bottom: 8px;

	background: #cecece;

}
.ct2-sd {
	float: left;
	width: 240px;
}
.ct2-mn {
	float: right;
	width: 930px;
}
.panel-sd-hd {
	background-color: #0067D0;
	color: #fff;
	padding-bottom: 5px;
}
.panel-sd-hd h4 {
	text-align: center;
	border-bottom: 1px solid #fff;
	margin: 0;
	font-size: 24px;
	padding: 20px 0;
}
.panel-sd-bd {
	border: 1px solid #ececeb;
	padding: 5px 10px;
	border-top: 0;
}
.yunu-column h3 {
	margin: 0 0 2px;
	font-weight: normal;
	background: url(../images/p14-icon5.png) no-repeat right center #0067D0;
	padding: 0 40px;border-radius:10px; margin-top:5px;
}
.yunu-column h3 a {
	display: block;
	line-height: 70px;
	font-size: 20px;
	color: #fff; border-radius:10px;
}
.yunu-column h3.on, .yunu-column h3:hover {
	background: url(../images/p14-icon2.png) no-repeat right center #0067D0; border-radius:10px;
}
.yunu-column h3.on a, .yunu-column h3:hover a {
	color: #fff;border-radius:10px;
}
.yunu-column li {
	line-height: 45px;
	border-bottom: 1px solid #fff;
}
.yunu-column li a {
	display: block;
	padding: 0 40px;
	background-color: #ECECEC; font-size:16px; 
}
.yunu-column li.on a {
	color: #0067D0;
}
.yunu-column li.on>a:after {
	border-color: #0067D0;
}
.yunu-column .sub>a {
	position: relative;
}
.yunu-column .sub>a:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid #b8b8b8;
	border-style: solid solid none none;
	position: absolute;
	top: 50%;
	right: 32px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.yunu-column .sub.open>a:after {
	border-color: #0067D0;
}
.yunu-column .sub-box {
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	display: none;
}
.yunu-column .sub.open .sub-box {
	display: block;
}
.yunu-column .sub-box p {
	margin: 0;
	border-bottom: 1px solid #ECECEC;
}
.yunu-column .sub-box a {
	background-color: transparent;
	padding-left: 60px;
}
.index .tab {

	text-align: center; float:left; width:255px; background-color:#f5f5f5;

}

.index .tab a {
	height: 55px;

	line-height: 55px;
	font-size: 16px;

	display: inline-block;
	color: #666; border-bottom:1px #ccc dashed; width:250px;

}

.index .tab a:hover {

	color: #fff;

	background: #0067D0;

	border-color: #0067D0;

}

.index .more {

	margin-top: 40px;

}

.index .more .line {

	display: block;

	width: 500px;

	height: 1px;

	margin-top: 24px;

	background: #ccc;

}

.index .more .look_more {

	display: block;

	width: 198px;

	height: 48px;

	font-size: 16px;

	line-height: 48px;

	text-align: center;

	border: 1px solid #ccc;

	transition: all .5s;

}

.index .more .look_more:hover {

	background: #0067D0;

	color: #fff;

	transition: all .5s;

	border: 1px solid #0067D0;

}

.index #floor_1_main {

	padding-bottom: 45px;

}

#floor_1_main .about {

	padding-top: 40px;

}

#floor_1_main .about .item {

	display: block;

	width: 475px;

	height: 350px;

}

#floor_1_main .about img {

	display: block;

	width: 100%;

	height: 100%;

	transition: all .5s;

}

#floor_1_main .about img:hover {

	-webkit-filter: brightness(105%);

	filter: brightness(105%);

}

#floor_1_main .contW {

	position: relative;

	display: block;

	width: 800px;

	height: 350px;

	background: #fff;

}

#floor_1_main .contW .cont {

	width: 100%;

	height: 280px;

	font-size: 16px;

	color: #666;

	line-height: 1.8;

	text-align: justify;

	margin-bottom: 30px;

	overflow: hidden;

}

#floor_1_main .contW .view_detail a {

	display: block;

	height: 43px;

	font-size: 16px;

	line-height: 43px;

	padding: 0 38px;

	text-align: center;

	color: #434343;

	margin-left: 20px;

	background: #fff;

	border: 1px solid #b7b7b7;

}

#floor_1_main .contW .view_detail a:hover {

	color: #fff;

	background: #0067D0;

	border-color: #0067D0;

	transition: all .5s;

}

#floor_2_main {

	background: #fff; 

}

#floor_2_main .floor_2 {

	padding-bottom: 80px;

}

#floor_2_main .floor_2 .title {

}
#floor_2_main .floor_2 .titler {background-color: #0067D0;
    height: 60px;
    line-height: 60px;

}
#floor_2_main .floor_2 .titler h2{ font-size:25px; text-align:center; color:#fff; }
#floor_2_main .proCenter{ width:1020px; float:left; margin-left:15px;}
#floor_2_main .proCenter .list { 

}

#floor_2_main .proCenter .list li {

	float: left;

	margin-bottom: 20px;

	margin-right: 20px;

	border: 1px solid #f0f0f0;

	transition: all .5s; width:315px;

}

#floor_2_main .proCenter .list li:nth-child(4n) {


}

#floor_2_main .proCenter .list li a {

	display: block;

}

#floor_2_main .proCenter .list li img {

	width: 315px;

	height: 236px;

}

#floor_2_main .proCenter .list li .tit {

	font-size: 16px;

	line-height: 20px;

	text-align: center;

}

#floor_2_main .proCenter .list li:first-child {

	margin-left: 0px;

}

#floor_2_main .proCenter .list li .tit {

	color: #434343;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#floor_2_main .proCenter .list li:hover {

	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);

	border-color: #0067D0;

	background: #0067D0;

	transform: translateY(-5px);

}

#floor_2_main .proCenter .list li:hover .tit {

	color: #fff;

}

#floor_2_main .proCenter .list li:hover img {

	-webkit-filter: brightness(105%);

	filter: brightness(105%);

}
/*优势*/
.content{ width:1300px; margin:0px auto;}
.tgt-effective-solution{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 margin-top:10px;
}
.tgt-effective-solution-box-right{
  position: relative;
}
.tgt-bg-overlay-content{
    z-index: 9;
    height: 100%;
    padding: 40px;
    position: relative;
    background-image: url(../images/feature-box-bg.png);  
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;        
}
.tgt-bg-overlay-content p{
line-height:28px;
padding-bottom:20px; font-size:17px;
}
.tgt-bg-overlay,.tgt-bg-inner-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.tgt-bg-overlay-right,.tgt-bg-inner-overlay-right{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}
.tgt-bg-overlay,.tgt-bg-inner-overlay{
}
.tgt-effective-solution-box-right .tgt-bg-overlay {
    width: auto;
    margin-right: -100px;
    right: 0;
    background-image: url(../images/feature-box-bg.png);  
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -37px -25px;         
}
.tgt-effective-solution-icon {
  margin-bottom: 10px;  
}
.tgt-effective-solution-icon i{
  color:#fc6a20;
  font-size: 40px;
}
.white-color h1,.white-color h2,.white-color h3{
  color: #fff; font-weight:bold; text-align:center;
}
.white-color h4{
  font-weight: 400;
  font-size: 18px;
  color: #fff;  
}
.white-color p{
  color: #fff;  
}
.white-color a:hover,.white-color a:focus{
  color: #fff;
}
.tgt-bgcolor-orange{background-color: #FC6A20;}
 .tgt-counter-box.style1{
	  border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.25);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.25);
	  }
.tgt-counter-box.inner-box {
    margin-bottom: 0;
	  }
.tgt-counter-box.inner-box {
    padding: 20px 15px 20px 30px;
	  }
.tgt-counter-section{
  padding: 40px 0;  
}
.tgt-counter-section{
  padding: 40px 0;  
}
.tgt-counter-box.style1{
  border-right: 1px solid rgba(255,255,255,.25);
}
.tgt-counter-box.style3{
  border-bottom: 1px solid rgba(255,255,255,.25);
}

.tgt-counter-box.style1:last-child,.tgt-counter-box.style2{
  border-right:none;
}  
.tgt-counter-box.style1 h4, .tgt-counter-box.style1 p,.tgt-counter-icon i{
  color: #FFF;
}
.tgt-counter-box.style1 p{
  font-size: 18px;
}
.tgt-counter-box.style1 h4{
  font-size: 50px;
}
.tgt-counter-box.inner-box
{
  padding-left: 40px;
  margin-bottom: 0;
}
.tgt-counter-icon{
  position: absolute;
  top: 30px;  
}
.tgt-counter-icon i{
  font-size: 44px;
}
.tgt-counter-content-left{
  padding-left: 65px;
  text-align: left;
}
.tgt-bgcolor-orange{
    background-color: #FC6A20;
	}}
/*工程案例*/

#floor_4_main {

	padding-bottom: 30px;

	background: #f4f4f4;

}

#floor_4_main .floor_4 {

}

#floor_4_main .proCase {

	position: relative;

	margin-top: 30px;

}

#floor_4_main .proCase .list {

	width: 100%;

}

#floor_4_main .proCase .list li {

	position: relative;

	display: block;

	float: left;

	margin: 0 10px;

	transition: all ease 600ms;

}

#floor_4_main .proCase .list li a {

	display: block;

}

#floor_4_main .proCase .list li a img {

	display: block;

	width: 305px;

	height: 230px;

	transition: all ease 600ms;

}

#floor_4_main .proCase .list li .title {

}

#floor_4_main .proCase .list li .tit {

	font-size: 16px;

	line-height: 40px;

	color: #666;

	text-align: center;

}

#floor_4_main .proCase .list li:hover {

	transition: all ease 600ms;

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

}

#floor_4_main .proCase .list li:hover img {

	opacity: 0.8;

}

#floor_4_main .proCase .hd {

	position: absolute;

	width: 100%;

}

#floor_4_main .proCase .hd .prev {

	width: 42px;

	height: 42px;

	background-position: 0px -60px;

	cursor: pointer;

	position: absolute;

	top: -201px;

	left: -80px;

}

#floor_4_main .proCase .hd .next {

	width: 42px;

	height: 42px;

	background-position: -126px -60px;

	cursor: pointer;

	position: absolute;

	top: -200px;

	right: -80px;

}

#floor_4_main .proCase .hd .prev:hover {

	background-position: -42px -60px;

}

#floor_4_main .proCase .hd .next:hover {

	background-position: -84px -60px;

}
/*新闻中心*/
.index .floor_5_main{width:100%;overflow: hidden;background-color:#F7F7F7;padding-bottom: 100px;}
.floor_5_1{width:1300px;height:452px;padding-top:50px;}
.floor_5_1 .floor_5_z{float:left;width: 380px;height:452px;position:relative;}
.floor_5_1 .floor_5_z a{display:block;}
.floor_5_1 .floor_5_z .dk{height:213px;width: 100%;border-top:none;}
.floor_5_1 .floor_5_z b{width: 380px;height: 285px;overflow:hidden;display:block;}
.floor_5_1 .floor_5_z img{width: 100%;height: 100%;display:block;transition: all .36s ease;}
.floor_5_1 .floor_5_z h3{font-size: 18px;color: #333;line-height: 18px;width: 100%;display:block;padding-top: 20px;}
.floor_5_1 .floor_5_z p{font-size: 14px;color: #666;line-height: 24px;width: 100%;margin-top: 10px;height: 87px;}
.floor_5_1 .floor_5_z i{display: block;font-size: 14px;color: #434343;margin: 0;padding: 0;width: 120px;height: 30px;line-height: 30px;text-align:center;border:#e5e5e5 solid 1px;border-radius:6px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5_1 .floor_5_z em{display:block; width:100px; height:100px; background-color:#3ba86f; text-align:center; font-size:16px; color:#fff; font-family:"Arial"; position:absolute; left:0; top:0;}
.floor_5_1 .floor_5_z em span{display:block; font-size:60px; color:#fff; line-height:50px; padding-top:14px;}
.floor_5_1 .floor_5_z:hover h3{color:#3ba86f;}
.floor_5_1 .floor_5_z:hover p,.floor_5_1 .floor_5_z:hover i span{color:#333;}
.floor_5_1 .floor_5_z i:hover{background-color:#3ba86f; color:#fff; border:#3ba86f solid 1px;}
.floor_5_1 .floor_5_z a:hover b img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08);transform: scale(1.08);}
.floor_5_1 .floor_5_y{float:right;width: 900px;height:452px;}
.floor_5_1 .floor_5_y ul{display:block;width: 100%;height:452px;margin:0 auto;}
.floor_5_1 .floor_5_y ul li{height:103px;width: 100%;margin:0 auto;margin-bottom:28px;position:relative;border-bottom:#b9b9b9 dashed 1px;padding-bottom:28px;}
.floor_5_1 .floor_5_y ul li em{display:block;float:left;display:block;width:98px;height:98px;border:#e5e5e5 solid 1px;text-align:center;font-size:16px;color:#333;font-family:"Arial";position:absolute;left:0;top:0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5_1 .floor_5_y ul li em span{display:block;font-size:60px;color:#333;line-height:50px;padding-top:14px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5_1 .floor_5_y ul li a{display:block;width: 100%;height:100px;}
.floor_5_1 .floor_5_y ul li h3{width: 780px;float:right;height:100px;}
.floor_5_1 .floor_5_y ul li p{font-size:18px;color:#333;width: 100%;line-height:18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5_1 .floor_5_y ul li p span{display:block;font-size:14px;color: #666;line-height: 22px;padding-top:18px;font-weight:normal;}
.floor_5_1 .floor_5_y ul li:hover i,.floor_5_1 .floor_5_y ul li:hover i span{color:#2e63bc;}
.floor_5_1 .floor_5_y ul li:hover p{color:#3ba86f;}
.floor_5_1 .floor_5_y ul li:hover em,.floor_5_1 .floor_5_y ul li:hover em span{color:#3ba86f;}
/*******内页样式********/

.nybanner {

	width: 100%;

	height: 350px;

	overflow: hidden;

	position: relative;

}

.nybanner img {

	width: 1920px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

.submian {

	padding-bottom: 20px;

}

.submian .sobtitle {

	height: 30px;

	line-height: 30px;

	padding: 10px 0px 10px;

	margin-bottom: 20px;

	font-size: 14px;

	color: #666;

	border-bottom: 1px solid #f1f1f1;

}

.submian .sobtitle s {

	width: 14px;

	height: 14px;

	margin-right: 10px;

	background-position: -129px -30px;

}

.submian .sobtitle a {

	font-size: 14px;

	color: #666;

}

.submian .sobtitle a:hover {

	color: #0067D0;

}

.submian .sobtitle a.now {

	color: #0067D0;

	font-size: 14px;

	font-weight: bold;

}

.submian .sobtitle a.now:hover {

	text-decoration: underline;

}

.submian .subleft {

	width: 1300px;

}

.submian .subleft .title {

	background: #0067D0;

	height: 60px;

	color: #fff;

	font-size: 20px;

	line-height: 60px;

	font-weight: bold;

	text-align: center;

}

.submian .subleft .title h2 {

	font-size: 20px;

	font-weight: bold;

	color: #fff;

}

.submian .subleft .title i {

	font-size: 20px;

	font-weight: bold;

	color: #fff;

}

.submian .subleft .bort9 {

	border-top: 9px solid #007eb9;

	border-radius: 5px 5px 0px 0px;

}

.submian .subleft .bor9 {


}

.submian .subleft .lefta {

	width: 1300px;

	margin-bottom: 10px;

}

.submian .subleft .lefta .comt {

	background: #fff; width:1300px;

}

.submian .subleft .lefta .comt ul {

	border-top: 0;

}

.submian .subleft .lefta .comt ul li a {

	background: #0067D0 url(../images/tb9.png) 15px center no-repeat;

	line-height: 65px;

	height: 65px;

	display: block;

	font-size: 16px; width:140px; float:left; text-align:center; color:#fff;border-radius:5px; margin:10px;

}

.submian .subleft .lefta .comt ul li .box {

	padding: 10px 0px;

	display: none;

}

.submian .subleft .lefta .comt ul li .box a {

	height: 30px;

	line-height: 30px;

	display: block;

	color: #888;

	border: 0px;

}

.submian .subleft .lefta .comt ul li .box a:hover {

	color: #007eb9;

	background: none;

}

.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {

	background: #0067D0 url(../images/tb11.png) 15px center no-repeat;

	color: #fff;

}

.submian .subleft .lefta .comt ul li.hover a {

	background: #0067D0 url(../images/tb11.png) 15px center no-repeat;

	color: #fff;

}

.submian .subleft .lefta .comt ul li.hover .box a {

	background: none;

	font-weight: normal;

}

.submian .subleft .lefta .comt ul li.hover .box a.hover {

	color: #007eb9;

	font-weight: bold;

}

.submian .subleft .lefta .comt1 ul li a {

	background: #fff url(../images/jia.png) 213px center no-repeat;

	border-top: 1px solid #eaeaea;

	line-height: 60px;

	height: 60px;

	display: block;

	padding-left: 25px;

	font-size: 14px;

}

.submian .subleft .lefta .comt1 ul li .box {

	padding: 10px 0px;

	display: none;

}

.submian .subleft .lefta .comt1 ul li .box a {

	height: 30px;

	line-height: 30px;

	display: block;

	color: #888;

	border: 0px;

}

.submian .subleft .lefta .comt1 ul li .box a:hover {

	color: #007eb9;

	background: none;

}

.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {

	background: #0067D0 url(../images/jia1.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt1 ul li.hover a {

	background: #0067D0 url(../images/jian.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt ul li .boxlist {

	padding: 0;

	display: none;

	border: 0;

	border-top: 1px solid #ddd;

}

.submian .subleft .lefta .comt ul li .boxlist li {

	line-height: 50px;

}

.submian .subleft .lefta .comt ul li .boxlist li a {

	height: 40px;

	padding-left: 35px;

	color: #333;

	font-weight: normal;

	border-bottom: 0;

	line-height: 40px;

	background: #f6f6f6 url(../images/tb12.png) 17px center no-repeat;

	border-top: none;

}

.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {

	color: #0067D0;

}

.submian .subleft .lefta .comt ul li.hover .boxlist {

	display: block;

}

.map_ul {

	list-style: outside none none;

	display: block;

	width: 100%;

	padding-top: 10px;

}

.map_ul li {

	display: block;

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #DCDBDB;

	margin-left: 10px;

	float: left;

}

.map_ul li a {

	font-size: 14px;

	float: left;

	width: 100%;

	height: 23px;

	line-height: 23px;

	font-weight: bold;

}

.map_ul .list-inline {

	display: block;

	margin-left: 14%;

	width: 80%;

	min-height: 30px;

}

.map_ul .list-inline a {

	font-weight: normal;

	width: auto;

	float: none;

	line-height: 32px;

	height: 32px;

	margin: 0 10px 10px 0;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 0px 10px;

}

.map_ul .list-inline a:hover {

	background: #0067D0;

	color: #fff;

}

.submian .subleft .adv {

	margin-bottom: 10px;

	background: #000;

}

.submian .subleft .adv a img {

	display: block;

	width: 100%;

}

.submian .subleft .adv a:hover img {

	opacity: 0.9;

	filter: alpha(opacity=90);

	-moz-opacity: 0.9;

	-khtml-opacity: 0.9;

}

.submian .subleft .leftnews {

	margin-bottom: 10px;

}

.submian .subleft .leftnews .title {

	height: 60px;

}

.submian .subleft .leftnews .leftnewscomt {

	background: #fff;

	padding: 10px;

}

.submian .subleft .leftnews .leftnewscomt ul li {

	height: 30px;

	line-height: 30px;

	border-bottom: 1px solid #f2f2f2;

	overflow: hidden;

}

.submian .subleft .leftnews .leftnewscomt ul li a {

	font-size: 14px;

	display: block;

	padding-left: 10px;

}

.submian .subleft .leftnews .leftcont {

	background: #fff;

	padding: 10px;

	border: 1px solid #ddd;

	border-top: 0;

}

.submian .subleft .leftnews .leftcont h2 {

	font-size: 16px;

	font-weight: bold;

	color: #0067D0;

	padding-bottom: 10px;

	border-bottom: 1px solid #f2f2f2;

	text-align: center;

}

.submian .subleft .leftnews .leftcont p {

	line-height: 24px;

	font-size: 14px;

	padding-top: 10px;

	display: block;

}

.submian .subright {

	width: 1300px;

	padding-bottom: 0;

	line-height: 28px;

}

.submian .subright .aboutlist {

	color: #666;

}

.submian .subright img {



}

.submian .subright .newslist .textlist li {

	padding: 25px 0px 25px;

	height: 110px;

	border-bottom: 1px solid #ddd;

	width: 100%;

	margin-bottom: 25px;

}

.submian .subright .newslist .textlist li a {

	display: block;

	cursor: pointer;

}

.submian .subright .newslist ul li a img {

	width: 147px;

	float: left;

	margin-right: 18px;

	border: 1px solid #eee;

	height: 110px;

	display: block;

}

.submian .subright .newslist ul li a .txt {

	color: #888;

	line-height: 24px;

	font-size: 12px;

}

.submian .subright .newslist .textlist li a p {

	height: 40px;

	line-height: 40px;

}

.submian .subright .newslist .textlist li a b {

	color: #0067D0;

	font-size: 14px;

}

.submian .subright .newslist .textlist li a:hover b {

	color: #0067D0;

}

.submian .subright .newslist .textlist li a i {

	color: #999;

	display: block;

	line-height: 20px;

	margin-bottom: 5px;

	font-size: 12px;

}

.submian .subright .newslist .textlist li a span {

	line-height: 22px;

	max-height: 66px;

	overflow: hidden;

	display: block;

	color: #666;

}

.submian .subright .newslist .textlist2 li {

	height: 40px;

	line-height: 40px;

}

.submian .subright .newslist .textlist2 li a {

	display: block;

}

.submian .subright .newslist .textlist2 li s {

	width: 4px;

	height: 4px;

	display: inline-block;

	vertical-align: middle;

	background: #007eb9;

	margin-right: 10px;

	border-radius: 100%;

}

.submian .subright .newslist ul li a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

}

.submian .subright .newslist ul li a:hover p b {

	text-decoration: underline;

}

.submian .subright .newslist ul li a:hover span {

	color: #777;

}

.submian .subright .caselist ul li {

	padding: 20px 0px;

	border-bottom: 1px dotted #c2c2c2;

	height: 176px;

}

.submian .subright .caselist ul li a {

	display: block;

}

.submian .subright .caselist ul li a img {

	width: 220px;

	height: 162px;

	display: block;

	border: 7px solid #e2e2e2;

}

.submian .subright .caselist ul li a .txt {

	width: 470px;

	float: left;

	padding-left: 20px;

}

.submian .subright .caselist ul li a .txt p {

	height: 40px;

	line-height: 40px;

	color: #007eb9;

	font-size: 14px;

	font-weight: bold;

}

.submian .subright .caselist ul li a .txt i {

	color: #666;

	padding-bottom: 10px;

	display: block;

}

.submian .subright .caselist ul li a .txt span {

	line-height: 22px;

	height: 88px;

	overflow: hidden;

	display: block;

	color: #666;

}

.submian .subright .caselist ul li a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	border-color: #007eb9;

}

.submian .subright .caselist ul li a:hover p {

	text-decoration: underline;

}

.submian .subright .caselist ul li a:hover span {

	color: #777;

}

.submian .subright .mess {

	background: #fff;

	padding: 0px 40px 30px;

	width: 596px;

	margin-left: 80px;

}

.submian .subright .mess h1 {

	text-align: center;

	font-size: 30px;

	padding-bottom: 10px;

}

.submian .subright .mess p {

	text-align: center;

	padding-bottom: 30px;

}

.submian .subright .mess .left {

}

.submian .subright .mess .left li {

	margin-bottom: 15px;

	float: left;

	margin-right: 10px;

}

.submian .subright .mess .left label {

	width: 150px;

	height: 43px;

	line-height: 43px;

	text-align: center;

	background: none;

	color: #0067D0;

	font-size: 16px;

	float: left;

	border-radius: 3px 0 0 3px;

	border: 1px solid #0067D0;

}

.submian .subright .mess .left input {

	border: 1px solid #ccc;

	border-left: none;

	float: left;

	height: 21px;

	line-height: 21px;

	padding: 11px 10px;

	width: 404px;

	color: #666;

	border-radius: 0px 3px 3px 0;

	outline: none;

}

.submian .subright .mess .left select {

	border: 1px solid #ccc;

	border-left: none;

	float: left;

	height: 45px;

	line-height: 45px;

	width: 424px;

	color: #666;

	border-radius: 0px 3px 3px 0;

	outline: none;

	text-indent: 10px;

}

.submian .subright .mess .right {

	float: left;

	width: 585px;

	padding-top: 10px;

*padding-top:20px;

}

.submian .subright .mess .right input, .submian .subright .mess .right a {

	width: 40%;

	margin-right: 2%;

	height: 45px;

	line-height: 45px;

	text-align: center;

	display: block;

	border: none;

	background: #0067D0;

	color: #fff;

	font-size: 16px;

	border-radius: 3px;

	cursor: pointer;

	transition: ease-in-out .2s;

	float: left

}

.submian .subright .mess .right a {

	color: #333;

	background: #ffcc00;

	float: right

}

.submian .subright .mess .right a:hover {

	background: #cda503;

}

.submian .subright .mess .right input:hover {

	background: #2bba72;

}

.honorlist ul.list {

	float: left;

	width: 100%;

	padding-left: 0px;

}

.honorlist ul.list li.item {

	float: left;

	width: 296px;

	margin-bottom: 30px;

	margin-left: 15px;

	border: 1px solid #ddd;

}

.honorlist ul.list li.item a:hover span {

	color: #fff;

}

.honorlist ul.list li.item span {

	width: 100%;

	height: 45px;

	color: #555;

	text-align: center;

	display: block;

	line-height: 45px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.honorlist ul.list li.item img {

	width: 100%;

	display: block;

}

.list_imgH ul.list li.item {

	width: 300px;

	margin-right: 31px;

}

.list_imgH ul.list li.item a {

	display: block;

	width: 100%;

	overflow: hidden;

	position: relative;

	background: #fff;

}

.list_imgH ul.list li.item a:hover {

	background: #0067D0;

}

.list_imgH ul.list li.item img {

	display: block;

	width: 320px;

	height: 248px;

}

.item_mask {

	width: 320px;

	height: 248px;

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

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	filter: Alpha(opacity=0);

*zoom:1;

	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);

	transform: rotateX(180deg) scale(0.2, 0.2);

	transition: all ease-out .5s;

}

.item_link_icon {

	display: block;

	width: 45px;

	height: 45px;

	text-align: center;

	background-position: 0px -105px;

	line-height: 38px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -22px;

	opacity: 0;

	filter: Alpha(opacity=0);

*zoom:1;

}

.list_imgH ul.list li.item:hover .item_mask {

	opacity: 1;

	filter: Alpha(opacity=100);

	-webkit-transform: rotateX(0deg) scale(1, 1);

	transform: rotateX(0deg) scale(1, 1);

	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;

	background: rgba(0, 0, 0, 0.3);

}

.list_imgH ul.list li.item:hover .item_link_icon {

	transform: translateY(-21px);

	opacity: 1;

	filter: Alpha(opacity=100);

}

.submian .t {

	padding: 0 0 25px;

	color: #0067D0;

	font-size: 18px;

}

.submian .t2 {

	padding-bottom: 30px;

	color: #0067D0;

	font-size: 24px;

}

/* formData */

.formData {

	padding-bottom: 20px;

}

.formData .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 420px;

	height: 56px;

	line-height: 56px;

	border: 1px solid #e4e4e4;

	margin-right: 76px;

	margin-bottom: 45px;

	position: relative;

}

.formData .item label {

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	text-align: center;

	display: block;

	margin: 0;

	height: 56px;

	line-height: 56px;

	font-size: 18px;

	color: #666;

}

.formData .item input {

	outline: none;

	line-height: 38px;

	height: 38px;

	font-size: 18px;

}

.formData .item .txt {

	width: 350px;

	height: 56px;

	line-height: 56px;

	display: block;

	background: none;

	padding-left: 70px;

	border: 0 none;

	color: #666;

}

.formData .item .red {

	position: absolute;

	right: 15px;

	top: 0;

	color: #ff0000;

	z-index: 11;

}

.formData .item.mr0 {

	margin-right: 0;

}

.formData .msg-box {

	position: absolute;

	left: 0;

	top: 0px;

}

.formData .liuyan {

	width: 918px;

	height: 260px;

	border: 1px solid #e4e4e4;

	float: left;

}

.formData .liuyan label {

	text-align: right;

	display: block;

}

.formData .liuyan textarea {

	width: 908px;

	height: 234px;

	line-height: 35px;

	padding: 12px 10px;

	text-indent: 100px;

	font-size: 18px;

	font-family: "microsoft yahei";

	color: #333;

	border: 0 none;

	overflow: hidden;

	background: none;

	resize: none;

	display: block;

	outline: none;

}

.formData .bot {

	width: 100%;

}

.formData .sub {

	width: 232px;

	line-height: 52px;

	border: 2px solid #0067D0;

	margin-right: 2px;

	text-align: center;

	background: #0067D0;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.formData .sub:hover {

	background: none;

	color: #0067D0;

}

.formData .yzm .txt {

	padding-left: 80px;

}

.formData .yzm img {

	position: absolute;

	right: 0;

	top: 0;

	height: 56px;

	border: 0px;

	display: block;

}

/** 新闻中心 **/

.submian .subright .thumblist {

}

.submian .subright .thumblist .list {

	padding-bottom: 20px;

}

.submian .subright .thumblist .item {

	width: 880px;

	border-bottom: 1px solid #eaeaea;

	display: block;

	padding: 20px;

	transition: all .5s;

}

.submian .subright .thumblist .item a {

	display: block;

}

.submian .subright .thumblist .item .img {

	position: relative;

	width: 180px;

	height: 135px;

	display: block;

	overflow: hidden;

	cursor: pointer;

}

.submian .subright .thumblist .item img {

	width: 100%;

	height: 100%;

	transition: all 0.3s ease-out 0s;

}

.submian .subright .thumblist .item a:hover img {

	transform: scale(1.1, 1.1);

}

.submian .subright .thumblist .item .txt {

	width: 680px;

	cursor: pointer;

}

.submian .subright .thumblist .item .txt h3 {

	font-size: 16px;

	line-height: 30px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.submian .subright .thumblist .item .txt .mark {

	color: #999;

	font-size: 12px;

	line-height: 20px;

	padding: 0;

}

.submian .subright .thumblist .item .txt .mark span {

	display: inline-block;

	padding-right: 18px;

}

.submian .subright .thumblist .item .txt p {

	color: #666;

	line-height: 25px;

}

.submian .subright .thumblist .item .txt p span {

	display: inline-block;

	color: #0067D0;

	padding-left: 10px;

}

.submian .subright .thumblist .item a:hover .txt h3 {

	color: #0067D0;

}

.submian .subright .thumblist .item:hover {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

.reLink {

	height: 38px;

	border: 1px solid #ddd;

	margin: 10px auto 10px;

	padding: 0px 10px;

}

.reLink .prevLink, .reLink .nextLink {

	height: 38px;

	line-height: 38px;

	color: #666;

}

.reLink .prevLink a, .reLink .nextLink a {

	height: 38px;

	line-height: 38px;

	color: #666;

}

.reLink .prevLink a:hover, .reLink .nextLink a:hover {

	color: #0067D0;

}

.reLink .prevLink {

	float: left;

}

.reLink .nextLink {

	float: right;

}

.submian .subright .conBox .ArticleTitle h1 {

	font-size: 24px;

	text-align: center;

	padding: 20px 0px;

	border-bottom: 1px dashed #ccc;

	font-weight: bold;

}

.submian .subright .conBox .ArticleMessage {

	line-height: 30px;

	height: 30px;

	margin-bottom: 10px;

	text-align: center;

}

.submian .subright .conBox .ArticleMessage span:first-child {

	margin-left: 0;

}

.submian .subright .conBox .ArticleMessage span {

	color: #999;

	margin-left: 14px;

	font-size: 12px;

}

.submian .subright .conBox .ArticleMessage .jiathis_style {

	float: left;

	margin-top: 5px;

}

.submian .subright .conBox .ArticleTencont {

	padding: 5px 0px 20px 0px;

	line-height: 28px;

	overflow: hidden;

	color: #666;

	font-size: 14px;

}

.submian .subright .showproduct .ArticleTencont img {

	max-width: 100%;

}

.submian .subright .conBox .ArticleTencont img {

	max-width: 100%;

}

.field_down {

	text-align: left;

}

.field_down a {

	width: 100px;

	height: 30px;

	line-height: 30px;

	background: #0267ac;

	color: #fff;

	display: block;

	text-align: center;

}

/***********index css end***********/

.toolbar {

	width: 52px;

	position: fixed;

	right: 1%;

	top: 44%;

	z-index: 999;

}

.toolbar dd {

	width: 51px;

	height: 51px;

	margin-bottom: 1px;

	position: relative;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	margin-top: 4px;

	border: #ebebeb solid 1px;

	background-color: #fff;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i {

	width: 51px;

	height: 51px;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	cursor: pointer;

	text-align: center;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i span {

	width: 35px;

	height: 35px;

	display: block;

	margin: 8px 0 0 8px;

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

}

.toolbar dd.gottop {

	display: none;

}

.toolbar .slide-tel {

	display: block;

	width: 0;

	height: 53px;

	line-height: 53px;

	font-size: 24px;

	font-weight: bold;

	font-family: arial;

	color: #FFF;

	position: absolute;

	padding: 0 0 0 53px;

	top: -1px;

	right: -2px;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	overflow: hidden;

}

.toolbar .pop {

	position: absolute;

	right: 90px;

	top: -65px;

	background: #0067D0;

	display: none;

}

.toolbar .pop-code {

	width: 160px;

}

.toolbar .pop-code img {

	width: 120px;

	height: 120px;

	display: block;

	padding: 20px 20px 0;

}

.toolbar .pop-code h3 {

	height: 52px;

	line-height: 26px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	white-space: nowrap;

}

.toolbar .pop-code h3 b {

	display: block;

	font-size: 14px;

	font-weight: normal;

}

.toolbar .qq span {

	background-position: -35px -47px;

}

.toolbar .qq a {

	width: 52px;

	height: 52px;

	cursor: pointer;

	display: block;

}

.toolbar .qq:hover {

	background-color: #0067D0;

	border-radius: 100%;

}

.toolbar .qq:hover span {

	background-position: 0 -47px;

}

.toolbar .tel span {

	background-position: -35px 0;

}

.toolbar .tel:hover {

	background: #0067D0;

}

.toolbar .tel:hover span {

	background-position: 0 0;

}

.toolbar .code span {

	background-position: -35px -95px;

}

.toolbar .code:hover {

	background-color: #0067D0;

	border-radius: 100%;

}

.toolbar .code:hover span {

	background-position: 0 -95px;

}

.toolbar .top span {

	background-position: -35px -142px;

}

.toolbar .top:hover {

	background-color: #0067D0;

	border-radius: 100%;

}

.toolbar .top:hover span {

	background-position: 0 -142px;

}

.toolbar dd:hover {

}

.subright .searchList {

	border-top: 1px solid #ddd;

}

.subright .searchList li {

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #ddd;

}

.subright .searchList li:first-child {

	border-top: none;

}

.subright .searchList li:hover a h2 {

	color: #0067D0;

	font-weight: bold;

}

.leftprocomt {

	padding-top: 10px;

	border: 1px solid #ddd;

	border-top: 0;

}

.leftprocomt li {

	float: left;

	text-align: center;

	width: 108px;

	margin-left: 9px;

}

.leftprocomt li img {

	width: 108px;

	height: 81px;

	border-radius: 3px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.leftprocomt li p {

	line-height: 30px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.leftprocomt li:hover img {

	-webkkit-filter: brightness(105%);

	filter: brightness(105%);

}

.leftprocomt li:hover p {

	color: #0067D0;

}

/*******font-face********/

@font-face {

	font-family: didot;

	src: url('../font/didot.eot');

	src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot.woff') format('woff'), /* Modern Browsers */ url('../fonts/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */

}

/*↓组图样式↓*/

.HS10, .HS15 {

	overflow: hidden;

	clear: both;

}

.HS10 {

	height: 10px;

}

.HS15 {

	height: 15px;

}

.Hidden {

	display: none;

}

.Clearer {

	display: block;

	clear: both;

	font-size: 1px;

	line-height: 1px;

	margin: 0;

	padding: 0;

}

.FlLeft {

	float: left;

}

.FlRight {

	float: right;

}

/*幻灯片区域背景*/

.MainBg {

	width: 920px;

	margin: 0 auto;

}

/*大图展示区域*/

.OriginalPicBorder {

	padding: 0;

}

#OriginalPic {

	width: 920px;

	overflow: hidden;

	position: relative;

	font-size: 12px;

}

#OriginalPic img {

	display: block;

	min-width: 100px;

	margin: 0 auto;

}

/*鼠标手势*/

.CursorL {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	left: 0;

	/*cursor: url(../images/CurL.cur), auto;

	background: url(../images/space.png) repeat scroll 0 0 transparent;*/

}

.CursorR {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	right: 0;

	/*cursor: url(../images/CurR.cur), auto;

	background: url(../images/space.png) repeat scroll 0 0 transparent;*/

}

/*小图预览和滑动*/

.SliderPicBorder {

	width: 100%;

	overflow: hidden;

}

.ThumbPicBorder {

	width: 920px;

	margin: 0 auto;

	background: #eeeeee;

	overflow: hidden;

	position: relative;

}

.ThumbPicBorder #btnPrev {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	left: 20px;

	top: 20px;

}

.ThumbPicBorder #btnNext {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

}

.ThumbPicBorder .pic {

	width: 755px;

	overflow: hidden;

	position: relative;

	margin: 20px auto;

}

#ThumbPic img {

	border: 3px solid #ddd;

	cursor: pointer;

	background-color: #ddd;

	margin: 0 5px;

	width: 135px;

	height: 108px;

	display: block;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#ThumbPic img.active {

	border: 3px solid #0067D0;

}
.title{text-align: center; padding-top:30px;}
.title h3{font-size: 38px;font-weight: bold;line-height: 50px;color: #0067d0;}
.title h3 font{font-size: 38px;font-weight: bold;color: #d7030c;}
.title span{display: block;font-size: 20px;color: #333;padding-top: 2px;height: 40px;}
.i_box2 {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	background: url(../images/bg1.png) no-repeat bottom #f7f7f7
}

.i_box2 .center {
	width: 1300px; margin:0px auto;
}

.i_box2 .box_tit span {
	text-align: left
}

.i_box2 .box_tit span strong {
	color: #243b8a
}

.i_box2 .box_tit p {
	text-align: left
}

.i_box2 .box_tit em {
	width: 50px;
	height: 4px;
	background: #243b8a;
	display: block;
	font-style: normal;
	margin-top: 10px
}

.i_box2 .box {
	margin-top: 50px
}

.i_box2 .box .fl {
	width: 520px;
	padding-top: 2%
}

.i_box2 .box .fl .text {
	margin-top: 30px
}

.i_box2 .box .fl .text p {
	font-size: 18px;
	color: #333;
	display: block;
	line-height: 180%
}

.i_box2 .box .fl .text .more {
	margin: 0;
	margin-top: 60px
}

.i_box2 .box .fr {
}

.i_box2 .box .fr img {
	display: block;
	max-width: 100%
}
.bad{ width:100%; background:url(../images/ysbg.jpg) no-repeat center; height:610px;}
/*优势*/
#youshi_bg {
	width: 100%;
	height: 900px;
	background: url(../images/ls.jpg) center no-repeat;
	margin: auto;
}
.totalwidth{ width:1200px; margin:0px auto;}
#youshi_t {
	width: 550px;
	text-align: center;
	margin: auto;
	padding-top: 40px;
	color: #fff;
	padding-bottom: 15px;
}
.youshi_t1 {
	line-height: 45px;
	font-size: 42px;
	font-weight: bold;
	padding-top: 20px;
}
.youshi_t2 {
	font-size: 16px;
	line-height: 40px;
	color: #c8e8f9;
}
.youshi_t3 {
	padding-top: 10px;
	margin: auto;
	animation: myfirst 2s infinite;
	display: inherit-block;
}
#youshi_fl {
	width: 513px;
	height: 630px;
	background: url(../images/bs.png) left no-repeat;
	float: left;
	color: #fff;
}
.youshi_c {
	width: 400px;
	padding-top: 90px;
	padding-left: 15px;
	float: left;
}
.youshi_h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 42px;
}
.youshi_h2 {
	font-size: 28px;
	line-height: 42px;
	font-family: Century Gothic;
}
.youshi_h3 {
	width: 320px;
	height: 44px;
	border: 1px solid #c8e8f9;
	line-height: 44px;
	text-align: center;
	margin-top: 50px;
	font-size: 18px;
}
.youshi_h4 {
	width: 84px;
	margin-right: 15px;
	float: left;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	margin-top: 55px;
	animation: myfirst 2s infinite;
	display: inherit-block;
}
.youshi_h4 .v1 {
	width: 82px;
	height: 80px;
	padding-top: 22px;
	border: 1px solid #fff;
	border-radius: 5px;
}
.youshi_ted {
	width: 290px;
	height: 22px;
	line-height: 22px;
	background: url(../images/tel.png) left no-repeat;
	float: left;
	font-size: 16px;
	padding-left: 35px;
	margin-top: 55px;
}
.youshi_ted span {
	float: left;
}
.youshi_ted strong {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #ff0;
}
#youshi_r {
	width: 810px;
	height: 565px;
	float: right;
	background: rgba(200,232,249,0.85);
	margin-top: -595px;
}
.youshi_p {
	width: 340px;
	float: left;
	padding-top: 35px;
	padding-bottom: 10px;
	padding-left: 45px;
}
.youshi_p:hover {
	-webkit-animation: test 0.4s ease-in 2;
	cursor: pointer;
}
@-webkit-keyframes test {
0% {
transform:translate(0, 0)
}
50% {
transform:translate(0, 5px)
}
100% {
transform:translate(0, 0)
}
}
.youshi_v1 {
	font-size: 46px;
	line-height: 46px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0067d0;
}
.youshi_v2 {
	line-height: 50px;
	font-size: 26px;
	padding-bottom: 5px;
	color: #222;
}
.youshi_v3 {
	width: 55px;
	height: 2px;
	background: #0067d0;
}
.youshi_v4 {
	padding-top: 25px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}