body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #fff;
	font-family: "Microsoft YaHei", "姘撴埉搴愮尗闄嗙倝鑼咃拷琛★拷鑼呯锟斤拷, arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

textarea,
input {
	font-family: "Microsoft YaHei", "姘撴埉搴愮尗闄嗙倝鑼咃拷琛★拷鑼呯锟斤拷, arial;
	color: #333333;
	font-size: 12px;
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-appearance: none;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

input:focus,
textarea:focus {
	outline: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
	font-family: "Microsoft YaHei", "姘撴埉搴愮尗闄嗙倝鑼咃拷琛★拷鑼呯锟斤拷, arial;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	color: #1f57a4;
}

html,
body {
	height: 100%;
	background: #f8f8f8;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.wrap:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.row {
	width: 100%;
	box-sizing: border-box;
}

.row:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.article {
	line-height: 30px;
	font-size: 16px;
	color: #666666;
	text-align: justify;
}

.article img {
	max-width: 100%;
}

.mainFilter {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: none;
	background: url(../images/mainFilter.png);
}

.wrapper {
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 100px;
	/*padding-bottom: 486px;*/
}

.footer {
	width: 100%;
	/*position: absolute;*/
	/*bottom: 0;*/
	/*left: 0;*/
	/*z-index: 2;*/
}

.header {
	width: 100%;
	min-width: 1200px;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	background: #fff;
}

.header a {
	display: block;
}

.header .logo {
	width: 550px;
	height: 54px;
	float: left;
/*	overflow: hidden;*/
	margin-top: 2px;
}

.header .logo img {
	width: 100%;
}

.header .slogan {
	height: 60px;
	margin-top: 20px;
	border-left: solid 1px #e5e5e5;
	margin-left: 26px;
	padding-left: 24px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	color: #888888;
	padding-top: 8px;
}

.header .slogan span {
	font-size: 18px;
	font-weight: bold;
	color: #1f57a4;
}

.header .language {
	float: right;
	margin-top: 30px;
}

.header .language a {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: block;
	border: solid 1px #e6e6e6;
	font-size: 12px;
	color: #999999;
	border-radius: 50%;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.header .language a:hover {
	border: solid 1px #1f57a4;
	background: #1f57a4;
	color: #fff;
}

.header .nav {
	float: right;
	margin-right: 80px;
}

.header .nav>ul>li {
	float: left;
	position: relative;
	margin: 0 15px;
}

.header .nav>ul>li>a {
	height: 100px;
	line-height: 97px;
	display: block;
	font-size: 16px;
	color: #333333;
	/*	transition: 0.4s;

        -webkit-transition: 0.4s;

        -moz-transition: 0.4s;

        -ms-transition: 0.4s;

        -o-transition: 0.4s;*/
}

.header .nav>ul>li.on> a, .header .nav li a:hover{
	    color: #5aaf20;
    font-weight: bold;
}

.header .nav>ul>li>a::after {
	content: "";
	width: 0%;
	height: 3px;
	background: #1f57a4;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 5;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.header .nav>ul>li.on>a,
.header .nav li a:hover {
	color: #1f57a4;
	font-weight: bold;
}

.header .nav>ul>li.on>a {
	font-weight: bold;
}

.header .nav>ul>li.on>a::after,
.header .nav>ul>li:hover>a::after {
	width: 100%;
	left: 0;
}

.header .nav .sub {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	background: url(../images/team_filter.png);
	display: none;
	background: #1f57a4;
}

.header .nav .sub li {
	border-bottom: solid 1px #eee;
}

.header .nav .sub li:last-child {
	border-bottom: none;
}

.header .nav .sub li a {
	min-width: 120px;
	width: 100%;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	padding: 0 14px;
	box-sizing: border-box;
}

.header .nav .sub li a:hover {
	background: #1f57a4;
}

.footer {
	min-width: 1200px;
	background: #1f57a4;
}

.footer .linkMap {
	margin: 60px 0 58px 0;
	float: left;
}

.footer .linkMap:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.footer .linkMap ul {
	width: 180px;
	float: left;
	border-right: solid 1px white;
	box-sizing: border-box;
	padding-left: 56px;
	min-height: 292px;
}

.footer .linkMap ul:nth-child(1) {
	width: 161px;
	padding-left: 0;
}

.footer .linkMap ul:nth-child(2) {
	width: 230px;
}

.footer .linkMap ul:nth-child(3) {
	width: 200px;
}

.footer .linkMap ul:nth-child(4) {
	width: 180px;
}

.footer .linkMap li {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #7b7b7b;
}

.footer .linkMap li a {
	font-size: 14px;
	color: white;
}

.footer .linkMap li a:hover {
	color: #fff;
}

.footer .linkMap li:first-child {
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #fff;
}

.footer .linkMap li:first-child a {
	font-size: 16px;
	color: #fff;
}

.footer .contact {
	width: 328px;
	float: right;
	margin: 60px 0;
}

.footer .contact .tit {
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}

.footer .contact .number {
	line-height: 30px;
	font-size: 28px;
	color: white;
	margin-top: 16px;
}

.footer .contact .number a {
	font-size: 28px;
	color: white;
}

.footer .contact .address {
	line-height: 26px;
	font-size: 22px;
	color: white;
	margin-top: 12px;
}

.footer .contact .line {
	width: 100%;
	height: 1px;
	background: white;
	margin-top: 16px;
}

.footer .contact .qrcode {
	width: 115px;
	height: 115px;
	overflow: hidden;
	margin-top: 30px;
}

.footer .contact .qrcode img {
	width: 100%;
}

.footer .bottom {
	background: #5E96D3;
	font-size: 14px;
	color: #fff;
	padding: 25px 0;
	line-height: 20px;
}

.footer .bottom a {
	font-size: 14px;
	color: #fff;
}

.footer .copyright {
	margin-top: 10px;
}

.footer .copyright .left {
	float: left;
}

.footer .copyright .right {
	float: right;
}

.footer .friendship a {
	margin-right: 20px;
}

.footer .xml {
	margin-left: 40px;
}

.fixedSidebar {
	position: fixed;
	right: 0px;
	top: 50%;
	z-index: 99;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
}

.fixedSidebar li {
	position: relative;
}

.fixedSidebar li a.btn {
	width: 68px;
	height: 68px;
	background: #1f57a4;
	display: block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	margin-bottom: 2px;
	text-align: center;
	padding-top: 13px;
	box-sizing: border-box;
}

.fixedSidebar li a.btn:hover {
	background-color: #50c500;
}

.fixedSidebar li .icon {
	height: 22px;
	line-height: 22px;
}

.fixedSidebar li .icon img {
	height: 100%;
}

.fixedSidebar li .txt {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}

.fixedSidebar li a.returnTop {
	background: url(../images/fixedSidebar4.png) no-repeat center #1f57a4;
}

.fixedSidebar li .qrcode {
	width: 150px;
	height: 150px;
	background: #333333;
	border-radius: 3px;
	position: absolute;
	right: 78px;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	margin-top: ;
	z-index: 5;
	padding: 5px;
	box-sizing: border-box;
	display: none;
}

.fixedSidebar li .qrcode:after {
	left: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #333333;
	border-width: 8px;
	margin-top: 0px;
}

.fixedSidebar li .qrcode img {
	height: 100%;
}

.fixedSidebar li .number {
	height: 68px;
	line-height: 68px;
	background: url(../images/fixedSidebar2.png) no-repeat 25px center #1f57a4;
	border-radius: 3px 0 0 3px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	white-space: nowrap;
	font-size: 18px;
	color: #fff;
	padding: 0 33px 0 58px;
	display: none;
}

.fixedSidebar li .number a {
	font-size: 18px;
	color: #fff;
}


/*姘撻檱楹撴皳鎺虫埉end*/

.main .banner .fullSlide {
	position: relative;
	margin: 0 auto;
}

.main .banner .fullSlide .bd {
	position: relative;
	z-index: 0;
}

.main .banner .fullSlide .bd li img {
	width: 100%;
	vertical-align: top;
	display: block;
}

.main .banner .fullSlide .hd {
	position: relative;
	z-index: 1;
	height: 4px;
	line-height: 4px;
	text-align: center;
	bottom: 42px;
}

.main .banner .fullSlide .hd ul {
	text-align: center;
}

.main .banner .fullSlide .hd li {
	width: 30px;
	height: 2px;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 7px;
	background: #fff;
	overflow: hidden;
	font-size: 0;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.main .banner .fullSlide .hd li.on {
	height: 4px;
	background: #1f57a4;
}

.main .columnTitle {
	text-align: center;
}

.main .columnTitle .tit {
	line-height: 40px;
	font-size: 36px;
	color: #004f9d;
}

.main .columnTitle .tit span {
	font-weight: bold;
	color: #1f57a4;
}

.main .columnTitle .txt {
	line-height: 26px;
	font-size: 18px;
	color: #888888;
	margin-top: 16px;
}

.main .porduct {
	padding: 75px 0;
	background: #fff;
}

.main .porduct .picScroll-left {
	width: 100%;
	position: relative;
	margin-top: 46px;
}

.main .porduct .picScroll-left .bd {
	width: 100%;
	overflow: hidden;
}

.main .porduct .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.main .porduct .picScroll-left .bd li {
	width: 380px;
	margin-right: 30px;
	float: left;
	_display: inline;
	overflow: hidden;
}

.main .porduct .picScroll-left .bd li .pic {
	height: 380px;
	overflow: hidden;
}

.main .porduct .picScroll-left .bd li .pic img {
	width: 100%;
	display: block;
}

.main .porduct .picScroll-left .bd li .text {
	padding: 0 4px;
	box-sizing: border-box;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.main .porduct .picScroll-left .bd li .en {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.main .porduct .picScroll-left .bd li .txt {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #777777;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.main .porduct .picScroll-left .bd li img,
.main .porduct .picScroll-left .bd li .en {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.main .porduct .picScroll-left .bd li a:hover img {
	transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
}

.main .porduct .picScroll-left .bd li a:hover .text {
	background-image: url(../images/main_porduct_text.gif);
}

.main .porduct .picScroll-left .bd li a:hover .en {
	color: #1f57a4;
}

.main .porduct .picScroll-left .prev,
.main .porduct .picScroll-left .next {
	width: 14px;
	height: 27px;
	display: block;
	float: right;
	cursor: pointer;
	position: absolute;
	left: -50px;
	top: 177px;
	background: url(../images/porduct_prev1.png) no-repeat 0 0;
}

.main .porduct .picScroll-left .next {
	left: auto;
	right: -50px;
	background-image: url(../images/porduct_next1.png);
}

.main .porduct .picScroll-left .prev:hover {
	background-image: url(../images/porduct_prev2.png);
}

.main .porduct .picScroll-left .next:hover {
	background-image: url(../images/porduct_next2.png);
}

.main .porduct .more {
	width: 218px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border: solid 1px #c2c2c2;
	font-size: 16px;
	color: #333333;
	display: block;
	margin: 65px auto 0 auto;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.main .porduct .more:hover {
	border: solid 1px #1f57a4;
	background: #1f57a4;
	color: #fff;
}

.main .case {
	background: #f8f8f8;
	padding: 80px 0;
}

.main .case .content {
	margin-top: 54px;
}

.main .case .tab {
	width: 280px;
	float: left;
}

.main .case .tab li {
	height: 100px;
	margin-bottom: 5px;
	box-sizing: border-box;
	background: no-repeat 24px center;
	background: #fff;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.main .case .tab li:last-child {
	margin-bottom: 0;
}

.main .case .tab li .icon2,
.main .case .tab li .icon1 {
	width: 80px;
	float: left;
	text-align: center;
	height: 100px;
	line-height: 100px;
}

.main .case .tab li .icon2 img,
.main .case .tab li .icon1 img {
	vertical-align: middle;
}

.main .case .tab li .icon2 {
	display: none;
}

.main .case .tab li .txt {
	width: 200px;
	line-height: 100px;
	height: 100px;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
	float: left;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.main .case .tab li.on {
	background: #1f57a4;
	position: relative;
}

.main .case .tab li.on .icon1 {
	display: none;
}

.main .case .tab li.on .icon2 {
	display: block;
}

.main .case .tab li.on .txt {
	color: #fff;
	overflow: hidden;
	font-size: 18px;
}

.main .case .tab li.on:after {
	content: " ";
	width: 7px;
	height: 13px;
	/*background: url(../images/case_tab_arrow.png) no-repeat 0 0;*/
	position: absolute;
	right: -7px;
	top: 50%;
	margin-top: -3px;
	z-index: 5;
}

.main .case .tabBox {
	width: 920px;
	height: 520px;
	float: right;
}

.main .case .slideBox {
	width: 100%;
	height: 529px;
	overflow: hidden;
	position: relative;
}

.main .case .slideBox .bd {
	height: 100%;
	position: relative;
	z-index: 0;
}

.main .case .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.main .case .slideBox .bd img {
	width: 100%;
	display: block;
}

.main .case .slideBox .hd {
	overflow: hidden;
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 1;
}

.main .case .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.main .case .slideBox .hd li {
	width: 10px;
	height: 10px;
	float: left;
	text-align: center;
	background: #fff;
	cursor: pointer;
	font-size: 0;
	margin-left: 10px;
	border-radius: 50%;
}

.main .case .slideBox .hd li.on {
	background: #1f57a4;
}

.main .team {
	background: url(../images/team_bg.jpg) no-repeat center 0;
	height: 727px;
	padding-top: 80px;
	box-sizing: border-box;
}

.main .team .list {
	margin-top: 42px;
}

.main .team li {
	width: 280px;
	height: 215px;
	line-height: 215px;
	float: left;
	margin-right: 27px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.main .team li img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.main .team li a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.main .team li:nth-child(odd) {
	margin-right: 0;
}

.main .team li:first-child {
	width: 590px;
	height: 450px;
	margin-right: 23px;
}

.main .team li:first-child .filter {
	line-height: 50px;
}

.main .team li .filter {
	width: 100%;
	height: 0;
	line-height: 40px;
	position: absolute;
	background: url(../images/team_filter.png);
	left: 0;
	bottom: 0;
	z-index: 5;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.main .team li .filter span {
	width: 9px;
	height: 2px;
	background: #fff;
	display: inline-block;
	margin: 0 14px 5px 14px;
}

.main .team li:first-child a:hover .filter {
	height: 50px;
	background: #1f57a4;
}

.main .team li a:hover .filter {
	height: 40px;
	background: #1f57a4;
}

.main .advantage {
	padding: 78px 0;
	background: #fff;
}

.main .advantage .pic {
	width: 580px;
	float: left;
	overflow: hidden;
	margin-top: 50px;
}

.main .advantage .pic img {
	width: 100%;
}

.main .advantage .list {
	width: 1200px;
	float: right;
	margin-top: 50px;
}

.main .advantage .list li {
	margin-bottom: 30px;
}

.main .advantage .list li:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.main .advantage .list li .icon2,
.main .advantage .list li .icon1 {
	width: 102px;
	height: 102px;
	float: left;
}

.main .advantage .list li .icon2 {
	display: none;
}

.main .advantage .list li .text {
	width: 452px;
	float: right;
	padding-top: 4px;
}

.main .advantage .list li .tit {
	line-height: 20px;
	font-size: 36px;
	color: #333333;
}

.main .advantage .list li .txt {
	line-height: 22px;
	font-size: 16px;
	color: #999999;
	margin-top: 30px;
}

.main .advantage .list li:hover .icon2 {
	display: block;
}

.main .advantage .list li:hover .icon1 {
	display: none;
}

.main .advantage .list li:hover .tit {
	color: #1f57a4;
	font-weight: bold;
}

.main .about {
	background: url(../images/about_bg.jpg) no-repeat center 0;
	height: 950px;
	padding-top: 20px;
	box-sizing: border-box;
}

.main .about .columnTitle .txt,
.main .about .columnTitle .tit {
	color: #fff;
}

.main .about .content {
	margin-top: 46px;
	background: #fff;
}

.main .about .content:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.main .about .content .pic {
	width: 50%;
	float: right;
	overflow: hidden;
}

.main .about .content .pic img {
	width: 100%;
	display: block;
}

.main .about .content .text {
	width: 100%;
	float: left;
	padding: 74px 42px 74px 48px;
	box-sizing: border-box;
}

.main .about .content .en {
	line-height: 50px;
	font-family: Arial;
	font-size: 50px;
	font-weight: bold;
	color: #d8d8d8;
}

.main .about .content .tit {
	line-height: 36px;
	font-size: 36px;
	color: #000000;
	margin-top: 18px;
}

.main .about .content .txt {
	line-height: 28px;
	font-size: 16px;
	color: #666666;
	margin-top: 34px;
}

.main .about .content .more {
	width: 118px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #fff;
	background: #1f57a4;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	margin-top: 36px;
}

.main .about .content .more:hover {
	background: #4ec100;
}

.main .about .list {
	margin-top: 82px;
}

.main .about .list li {
	width: 25%;
	float: left;
	text-align: center;
	background: url(../images/about_list_line.gif) no-repeat 0 center;
}

.main .about .list li:first-child {
	background: none;
}

.main .about .list li .txt1 {
	line-height: 40px;
	font-size: 16px;
	color: #fff;
}

.main .about .list li .txt1 span {
	font-size: 50px;
	margin-right: 10px;
}

.main .about .list li .txt2 {
	font-size: 14px;
	color: #fff;
}

.main .news {
	padding: 78px 0;
	background: #fff;
}

.main .news .tab {
	text-align: center;
	margin-top: 38px;
}

.main .news .tab ul {
	display: inline-block;
}

.main .news .tab li {
	width: 128px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ebebeb;
	font-size: 14px;
	color: #333333;
	float: left;
	margin: 0 7px;
	cursor: pointer;
}

.main .news .tab li.on {
	background: #1f57a4;
	color: #fff;
}

.main .news .tabBox {
	margin-top: 48px;
	height: 460px;
}

.main .news .newsList {
	display: none;
}

.main .news .newsList .left {
	width: 580px;
	float: left;
}

.main .news .newsList .left .pic {
	height: 330px;
	overflow: hidden;
}

.main .news .newsList .left .pic img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.main .news .newsList .left a:hover .pic img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.main .news .newsList .left .title {
	line-height: 20px;
	margin-top: 28px;
}

.main .news .newsList .left .title:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.main .news .newsList .left .tit {
	width: 480px;
	float: left;
	height: 20px;
	font-size: 18px;
	color: #1f57a4;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.main .news .newsList .left .date {
	float: right;
	font-family: Arial;
	font-size: 14px;
	color: #999999;
	text-align: right;
}

.main .news .newsList .left .text {
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #888888;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-top: 20px;
}

.main .news .list {
	width: 580px;
	float: right;
}

.main .news .list li a {
	height: 80px;
	display: block;
	box-sizing: border-box;
	border-bottom: solid 1px #e5e5e5;
	background: url(../images/main_newsList.gif) no-repeat 15px center;
	padding: 0 30px 0 45px;
}

.main .news .list li .text {
	width: 360px;
	float: left;
}

.main .news .list li .tit {
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-size: 16px;
	color: #777777;
}

.main .news .list li .txt {
	display: none;
}

.main .news .list li .date {
	width: 60px;
	float: right;
	font-size: 12px;
	color: #999999;
	line-height: 80px;
	text-align: center;
}

.main .news .list li .date span {
	display: none;
}

.main .news .list li a:hover {
	height: 140px;
	border-bottom: none;
	background: #f2f2f2;
	padding: 30px 30px 30px 45px;
}

.main .news .list li a:hover .tit {
	height: 26px;
	line-height: 26px;
	color: #333333;
	font-weight: bold;
}

.main .news .list li a:hover .txt {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #888888;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-top: 8px;
}

.main .news .list li a:hover .date {
	font-size: 14px;
	color: #6e6e6e;
	line-height: 30px;
	margin-top: 16px;
}

.main .news .list li a:hover .date span {
	display: block;
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
}


/*鑼呭▌锟斤拷鈹灻凤拷nd*/

.container {
	background: #f8f8f8;
}

.columnBanner img {
	width: 100%;
	display: block;
}

.columnMenu {
	height: 80px;
	background: #fff;
}

.columnMenu .menu {
	float: left;
}

.columnMenu .menu li {
	float: left;
	margin-right: 62px;
}

.columnMenu .menu li a {
	height: 77px;
	line-height: 77px;
	font-size: 20px;
	color: #555555;
	display: block;
}

.columnMenu .menu li.one a,
.columnMenu .menu li.on a,
.columnMenu .menu li a:hover {
	color: #1f57a4;
}

.columnMenu .menu li.on a {
	border-bottom: 3px #1f57a4 solid;
}

.columnMenu .crumbs {
	float: right;
}

.columnMenu .crumbs li {
	float: left;
	line-height: 80px;
	padding-left: 26px;
	font-size: 14px;
	color: #888888;
	background: url(../images/crumbs1.gif) no-repeat 9px center;
}

.columnMenu .crumbs li:first-child {
	padding-left: 34px;
	background: url(../images/crumbs2.gif) no-repeat 0 center;
}

.columnMenu .crumbs li a {
	font-size: 14px;
	color: #888888;
}

.columnMenu .crumbs li:last-child a {
	color: #555555;
}

.columnMenu .crumbs li a:hover {
	color: #1f57a4;
}

.aboutPage .introduction {
	padding: 40px 0 90px 0;
	line-height: 28px;
	font-size: 16px;
	color: #666666;
	text-align: justify;
}

.aboutPage .introduction img {
	max-width: 100%;
}

.aboutPage .honor {
	padding: 54px 0 60px 0;
}

.aboutPage .honor .list {
	border-top: solid 1px #e7e7e7;
	border-left: solid 1px #e7e7e7;
	box-sizing: border-box;
	margin-bottom: 60px;
}

.aboutPage .honor .list:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.aboutPage .honor .list li {
	border-bottom: solid 1px #e7e7e7;
	border-right: solid 1px #e7e7e7;
	width: 33.333%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	background: #fff;
	padding-bottom: 25px;
}

.aboutPage .honor .list li .pic {
	height: 340px;
	line-height: 340px;
	overflow: hidden;
}

.aboutPage .honor .list li img {
	max-width: 100%;
	vertical-align: middle;
}

.aboutPage .honor .list li .text {
	line-height: 42px;
	height: 42px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-size: 16px;
	color: #666666;
}

.aboutPage .honor .list li:hover .text {
	color: #1f57a4;
}

body.none {
	overflow-x: hidden;
	overflow-y: hidden
}

.LookPicture :after,
.LookPicture :before {
	position: absolute;
	display: inline-block;
	background-repeat: no-repeat;
	content: ""
}

.LookPicture {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.LookPicture * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.LookPicture_Background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19960924;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none!important
}

.LookPicture {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19960925;
	width: 100%;
	height: 100%;
	display: none
}

.LookPicture .Look_Close {
	position: absolute;
	right: 20px;
	top: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 19960925
}

.LookPicture .Look_Close:after,
.LookPicture .Look_Close:before {
	background-color: #fff;
	width: 30px;
	height: 8px;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	top: 17px;
	left: 5px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.LookPicture .Look_Close:hover:after,
.LookPicture .Look_Close:hover:before {
	box-shadow: 0 0 10px #6cf;
	-moz-box-shadow: 0 0 10px #6cf;
	-webkit-box-shadow: 0 0 10px #6cf
}

.LookPicture .Look_Close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.LookPicture .Look_Close:after {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg)
}

.LookPicture .Look_img {
	display: none;
	position: absolute;
	max-width: 85%;
	max-height: 85%;
	top: 50%;
	left: 50%;
	z-index: 19960924;
	box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	border: 0;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.LookPicture .Look_img:hover {
	box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000
}

.LookPicture .Look_img.Look_Show {
	display: block
}

.LookPicture .Look_before {
	position: absolute;
	display: inline-block;
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	z-index: 19960926;
	left: 50px;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.LookPicture .Look_before:after,
.LookPicture .Look_before:before {
	left: 0;
	width: 57px;
	height: 5px;
	background-color: #fff;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.LookPicture .Look_before:before {
	top: 50px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.LookPicture .Look_before:after {
	top: 13px;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg)
}

.LookPicture .Look_before:hover {
	left: 40px
}

.LookPicture .Look_before:hover:after,
.LookPicture .Look_before:hover:before {
	box-shadow: 0 0 20px #6cf;
	-moz-box-shadow: 0 0 20px #6cf;
	-webkit-box-shadow: 0 0 20px #6cf
}

.LookPicture .Look_next {
	position: absolute;
	display: inline-block;
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	z-index: 19960926;
	right: 50px;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.LookPicture .Look_next:after,
.LookPicture .Look_next:before {
	left: 0;
	width: 57px;
	height: 5px;
	background-color: #fff;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.LookPicture .Look_next:before {
	top: 50px;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg)
}

.LookPicture .Look_next:after {
	top: 13px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.LookPicture .Look_next:hover {
	right: 40px
}

.LookPicture .Look_next:hover:after,
.LookPicture .Look_next:hover:before {
	box-shadow: 0 0 20px #6cf;
	-moz-box-shadow: 0 0 20px #6cf;
	-webkit-box-shadow: 0 0 20px #6cf
}

.Look_Open {
	display: block!important
}

.paging {
	text-align: center;
}

.paging ul {
	display: inline-block;
}

.paging li {
	float: left;
	margin: 0 5px;
}

.paging li a {
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	color: #555555;
	border: solid 1px #1f57a4;
	display: block;
}

.paging li.long a {
	width: 146px;
}

.paging li.on a,
.paging li a:hover {
	background: #1f57a4;
	color: #fff;
}


/*姘擄拷尾瓒併仮鍙风煫位锟斤拷鐩茬鍗nd*/

.merchantsPage {
	padding: 60px 0;
}

.merchantsPage .title {
	line-height: 30px;
	font-size: 24px;
	color: #333333;
	text-align: center;
}

.merchantsPage .article {
	margin-top: 46px;
}

.contactPage {
	padding: 60px 0 80px 0;
}

.contactPage #allmap {
	width: 100%;
	height: 500px;
}

.contactPage .contact {
	background: #fff;
	padding: 82px 0;
}

.contactPage .contact:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.contactPage .contact li {
	width: 33.333%;
	float: left;
	border-left: dotted 1px #b8b8b8;
	min-height: 235px;
	box-sizing: border-box;
	text-align: center;
}

.contactPage .contact li .icon {
	height: 100px;
	overflow: hidden;
	margin-top: 3px;
}

.contactPage .contact li .icon img {
	height: 100%;
}

.contactPage .contact li .tit {
	line-height: 26px;
	font-size: 20px;
	color: #333333;
	margin-top: 30px;
}

.contactPage .contact li .txt {
	line-height: 26px;
	font-size: 16px;
	color: #777777;
	margin-top: 18px;
	padding: 0 68px;
	box-sizing: border-box;
}

.contactPage .contact li .txt a {
	font-size: 16px;
	color: #777777;
}


/*鐚拷锟斤拷锟介檲骞晃伙拷锟界洸绂勫崲end*/

.newsPage {
	padding: 60px 0 70px 0;
}

.newsPage .newsList {
	margin-bottom: 65px;
}

.newsPage .newsList li {
	margin-bottom: 20px;
}

.newsPage .newsList li a {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
}

.newsPage .newsList li a:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.newsPage .newsList li .pic {
	width: 320px;
	height: 225px;
	float: left;
	overflow: hidden;
}

.newsPage .newsList li .pic img {
	width: 100%;
	display: block;
}

.newsPage .newsList li .conten {
	width: 620px;
	float: left;
	margin-left: 34px;
	margin-top: 48px;
	background: url(../images/arrow2.png) no-repeat 0 bottom;
	padding-bottom: 50px;
}

.newsPage .newsList li .tit {
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.newsPage .newsList li .txt {
	line-height: 26px;
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
}

.newsPage .newsList li .date {
	width: 160px;
	height: 100px;
	float: right;
	border-left: solid 1px #e5e5e5;
	margin-top: 63px;
	text-align: center;
}

.newsPage .newsList li .day {
	width: 62px;
	height: 60px;
	line-height: 60px;
	font-family: Arial;
	font-size: 55px;
	color: #555555;
	margin: 0 auto;
	border-bottom: solid 1px #cccccc;
}

.newsPage .newsList li .years {
	height: 30px;
	line-height: 30px;
	font-family: Arial;
	font-size: 16px;
	color: #555555;
	margin-top: 9px;
}

.newsPage .newsList li a:hover {
	background: #1f57a4;
}

.newsPage .newsList li a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.newsPage .newsList li a:hover .day,
.newsPage .newsList li a:hover .years,
.newsPage .newsList li a:hover .tit,
.newsPage .newsList li a:hover .txt {
	color: #fff;
}

.newsPage .newsList li a:hover .conten {
	background: url(../images/arrow3.png) no-repeat 20px bottom;
}

.newsPage .newsList li a:hover .date {
	border-left: solid 1px #fff;
}

.newsPage .newsList li a:hover .day {
	border-bottom: solid 1px #fff;
}

.newsPage .newsList li a,
.newsPage .newsList li img,
.newsPage .newsList li .day,
.newsPage .newsList li .years,
.newsPage .newsList li .tit,
.newsPage .newsList li .txt,
.newsPage .newsList li .conten,
.newsPage .newsList li .date {
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.newsPage .newsDetails {
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}

.newsPage .newsDetails .title {
	text-align: center;
	border-bottom: solid 1px #eee;
	padding-bottom: 20px;
}

.newsPage .newsDetails .title .tit {
	line-height: 36px;
	font-size: 28px;
	color: #333;
}

.newsPage .newsDetails .title .date {
	line-height: 20px;
	font-size: 16px;
	color: #ccc;
	margin-top: 14px;
}

.newsPage .newsDetails .article {
	padding: 30px;
	box-sizing: border-box;
	border-bottom: solid 1px #eee;
}

.newsPage .newsDetails .nearPage {
	font-size: 16px;
	color: #666;
	padding: 20px 0;
	box-sizing: border-box;
}

.newsPage .newsDetails .nearPage p {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.newsPage .newsDetails .nearPage a {
	font-size: 16px;
	color: #666;
}

.newsPage .newsDetails .nearPage a:hover {
	color: #1f57a4;
}


/*蹇欙拷锟芥噴鈹撅拷绂勬皳锟界瘬蹇欙拷锟斤拷nd*/

.answerList {
	padding-bottom: 30px;
}

.answerList li {
	margin-bottom: 26px;
}

.answerList li .title {
	padding: 13px 0;
	line-height: 20px;
	background: url(../images/answerList_arrow1.png) no-repeat right 14px center #e3e3e3;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	overflow: hidden;
	cursor: pointer;
}

.answerList li .title:hover {
	background-color: #bed8af;
}

.answerList li .title span {
	width: 100%;
	padding: 0 45px;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
	background: url(../images/answerList_title1.png) no-repeat 14px 2px;
	line-height: 20px;
	font-size: 14px;
	color: #555555;
}

.answerList li.on .title {
	background: url(../images/answerList_arrow2.png) no-repeat right 10px center #1f57a4;
}

.answerList li.on .title span {
	background-image: url(../images/answerList_title2.png);
	color: #fff;
}

.answerList li .text {
	padding: 14px 45px;
	box-sizing: border-box;
	background: #f6f6f6;
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	text-align: justify;
	display: none;
}

.answerList li:first-child .text {
	display: block;
}


/*姘撹祩璧傜尗鎼傦拷鑼咃拷锟斤拷鈹炩懞锟絥d*/

.casePage {
	padding: 60px 0 70px 0;
}

.casePage .caseList {
	margin-bottom: 45px;
}

.casePage .caseList:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.casePage .caseList li {
	width: 580px;
	float: left;
	background: #fff;
	cursor: pointer;
	margin-bottom: 30px;
}

/*.casePage .caseList li:nth-child(even) {
	margin-left: 40px;
}*/

.casePage .caseList li .pic {
	height: 328px;
	overflow: hidden;
	position: relative;
}

.casePage .caseList li .pic img {
	width: 100%;
	display: block;
}

.casePage .caseList li .filter {
	width: 100%;
	height: 0%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	text-align: center;
	background: url(../images/caseList_filter1.png);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.casePage .caseList li:hover .filter {
	height: 100%;
}

.casePage .caseList li .filter img {
	width: 60px;
	height: 60px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 2;
}

.casePage .caseList li .text {
	height: 80px;
	line-height: 80px;
	padding: 2px 70px 0 24px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
	background: url(../images/arrow2.png) no-repeat right 30px center;
}

.popupCase {
	width: 1050px;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 105;
	padding: 65px;
	box-sizing: border-box;
	display: none;
}

.popupCase .closeBtn {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 16px;
	top: 10px;
	z-index: 5;
	background: url(../images/closeBtn.gif) no-repeat center;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.popupCase .closeBtn:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.popupCase .slideBox {
	width: 100%;
	position: relative;
}

.popupCase .slideBox .bd {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.popupCase .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.popupCase .slideBox .bd img {
	width: 100%;
	display: block;
}

.popupCase .slideBox .prev,
.popupCase .slideBox .next {
	width: 16px;
	height: 30px;
	position: absolute;
	left: -40px;
	top: 50%;
	z-index: 5;
	display: block;
	background: url(../images/popupCase_prev1.png) no-repeat;
}

.popupCase .slideBox .next {
	left: auto;
	right: -40px;
	background-image: url(../images/popupCase_next1.png);
}

.popupCase .slideBox .prev:hover {
	background-image: url(../images/popupCase_prev2.png);
}

.popupCase .slideBox .next:hover {
	background-image: url(../images/popupCase_next2.png);
}


/*姘撹矾妤艰幗绡擄拷濮懳测埛锟姐仮閿拷end*/

.productPage {
	padding: 47px 0 125px 0;
}

.productPage .sidebar {
	width: 230px;
	float: left;
	background: #fff;
}

.productPage .sidebar .title {
	height: 70px;
	line-height: 70px;
	padding: 0 24px;
	box-sizing: border-box;
	font-size: 20px;
	color: #fff;
	background: #1f57a4;
}

.productPage .sidebar li {
	border-bottom: solid 1px #ededed;
}

.productPage .sidebar li a {
	height: 59px;
	line-height: 59px;
	padding-left: 24px;
	box-sizing: border-box;
	display: block;
	font-size: 14px;
	color: #333333;
}

.productPage .sidebar li.on a,
.productPage .sidebar li a:hover {
	color: #1f57a4;
}

.productPage .productList {
	width: 931px;
	float: right;
}

.productPage .productList .list {
	margin-bottom: 40px;
}

.productPage .productList .list:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.productPage .productList .list li {
	width: 270px;
	float: left;
	margin-bottom: 30px;
	margin-left: 17px;
}

/*.productPage .productList .list li:nth-child(4n+1) {
	margin-left: 0;
}*/

.productPage .productList .list li .pic {
	height: 350px;
	overflow: hidden;
}

.productPage .productList .list li .pic img {
	width: 100%;
	display: block;
}

.productPage .productList .list li .text {
	text-align: center;
	font-size: 14px;
	color: #333333;
	height: 20px;
	line-height: 20px;
	margin-top: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.productPage .productList .list li a:hover .text {
	font-size: 16px;
	font-weight: bold;
	color: #1f57a4;
}

.productDetails {
	background: #fff;
	padding: 40px 60px 70px 60px;
	box-sizing: border-box;
}

.productDetails .information:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.productDetails .information .album {
	width: 570px;
	float: left;
}

.productDetails .information .cl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.productDetails .information .cl {
	zoom: 1
}

.productDetails .information .control {

	display: block;
	float: right;
	overflow: hidden;

	box-sizing: border-box;
}

.productDetails .information .change li {
	width: 468px;
	height: 468px;
	overflow: hidden;
	text-align: center;
}

.productDetails .information .change li .imgWrap {
	display: table-cell;
	width: 468px;
	height: 468px;
	vertical-align: middle;
	cursor: pointer;
	*font-size: 500px;
}

.productDetails .information .change li img {
	max-width: 100%;
	width: expression(this.width > 900 && this.width > this.height ? 900:true);
	height: expression(this.height >900 ? 900: true);
	vertical-align: middle;
	overflow: hidden
}

.productDetails .information .prev,
.productDetails .information .next,
.productDetails .information .pageClass,
.productDetails .information .change li .textDesc {
	display: none;
}

.productDetails .information .thumbWrap {
	width: 90px;
	height: 470px;
	overflow: hidden;
	float: left;
}

.productDetails .information .thumbWrap .thumbCont {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 390px;
	margin-top: 39px;
}

.productDetails .information .thumbWrap ul li {
	width: 90px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}

.productDetails .information .thumbWrap ul li div {
	display: table-cell;
	width: 88px;
	height: 88px;
	vertical-align: middle;
	cursor: pointer;
	border: solid 1px #e4e4e4;
}

.productDetails .information .thumbWrap ul li img {
	max-width: 88px;
	max-height: 88px;
	width: expression(this.width > 116 && this.width > this.height ? 116:true);
	height: expression(this.height >89 ? 89: true);
	vertical-align: middle;
	overflow: hidden
}

.productDetails .information .thumbPrev,
.productDetails .information .thumbNext {
	width: 90px;
	height: 30px;
	text-align: center;
	position: absolute;
	color: #f4f4f4;
	z-index: 9;
	outline: none;
	background: red;
}

.productDetails .information .thumbPrev span,
.productDetails .information .thumbNext span {
	display: none;
}

.productDetails .information .thumbPrev {
	left: 0;
	top: 0;
	background: url(../images/thumbPrev.png) no-repeat center #f3f3f3;
}

.productDetails .information .thumbNext {
	left: 0;
	bottom: 0;
	background: url(../images/thumbNext.png) no-repeat center #f3f3f3;
}

.productDetails .information .thumbPrev:hover,
.productDetails .information .thumbNext:hover {
	background-color: #d3d3d3;
}

.productDetails .information .conten {
	width: 458px;
	float: right;
}

.productDetails .information .title {
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #1f57a4;
	padding: 25px 0;
	background: url(../images/information_title_line.gif) repeat-x 0 bottom;
}

.productDetails .information .txt {
	line-height: 36px;
	font-size: 14px;
	color: #555555;
	padding: 24px 0;
}

.productDetails .information .btn {
	width: 185px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	background: #1f57a4;
	margin-top: 20px;
}

.productDetails .information .btn:hover {
	background: #4fc200;
}

.productDetails .tab {
	margin-top: 64px;
	border-bottom: solid 1px #dfdfdf;
}

.productDetails .tab:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.productDetails .tab li {
	float: left;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
}

.productDetails .tab li.on {
	background: #1f57a4;
	color: #fff;
}

.productDetails .tabBox {
	margin-top: 60px;
}


/*鐩叉綖鎼傛皳锟斤拷锟絥d*/

.recommend {
	margin-top: 24px;
	clear: both;
}

.recommend .title:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.recommend .title h3 {
	line-height: 44px;
	font-size: 22px;
	color: #1f57a4;
	border-bottom: solid 3px #1f57a4;
	float: left;
}

.recommend .picScroll-left {
	overflow: hidden;
	position: relative;
	margin-top: 28px;
}

.recommend .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.recommend .picScroll-left .bd li {
	width: 290px;
	float: left;
	margin-right: 14px;
}

.recommend .picScroll-left .bd li .pic img {
	width: 100%;
	display: block;
}

.recommend .picScroll-left .bd li .text {
	line-height: 20px;
	font-size: 14px;
	color: #333333;
	padding: 0 4px;
	margin-top: 22px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.recommend .picScroll-left .bd li a:hover .text {
	color: #1f57a4;
}

.recommend .picScroll-left .next,
.recommend .picScroll-left .prev {
	width: 58px;
	height: 58px;
	background: url(../images/prev8.png) no-repeat;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 9;
	cursor: pointer;
}

.recommend .picScroll-left .next {
	left: auto;
	right: 0;
	background: url(../images/next8.png) no-repeat;
}


/*姘擄拷绡撹幗锟斤拷锟�/

.main .news .tabBox,
.main .news .tab,
.main .news .columnTitle,
.main .about .list,
.main .about .content,
.main .about .columnTitle,
.main .advantage .list,
.main .advantage .pic,
.main .advantage .columnTitle,
.main .team .list,
.main .team .columnTitle,
.main .case .content,
.main .case .columnTitle,
.main .porduct .more,
.main .porduct .picScroll-left,
.main .porduct .columnTitle {
	position: relative;
	top: 150px;
	opacity: 0;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}


/*姘擄拷绡撹幗锟斤拷锟絥d*/