body{ margin:0px;  font-family:"微软雅黑",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px; text-align:justify; text-justify:inter-ideograph; }
ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,a,img{ margin:0; padding:0; border:0px; list-style-type:none; text-decoration:none; }
a:hover{text-decoration:underline;}
.clear{clear:both;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.ellipsis2{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ellipsis3{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.ellipsis4{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.transition1{ transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s;}
.fixed{ position:fixed; left:0px; top:0px; }

.transition2{ transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out;}
.transition3{ transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out;}
.transition4{ transition:all 4s ease-in-out; -webkit-transition:all 4s ease-in-out; -o-transition:all 4s ease-in-out; -ms-transition:all 4s ease-in-out; -moz-transition:all 4s ease-in-out;}


.top-layout{ position:relative; width:100%; height:100px; background-color:#fff;}
.top-layout .container{ position:relative; width:1200px; height:100px; margin:0 auto;}
.top-layout .logo{ float:left; display:inline; width:195px; padding: 22.5px 0 0; z-index:999; }
.top-layout .logo img{ width:100%;}
.top-layout .contact{ float:right; display:inline; width:220px; padding-top:34px;  }
.top-layout .contact .phone{ font-size: 14px; font-weight:600; color: #00a1e7; width:100%; text-align:right; line-height: 40px; }

.menu-layout{ position:relative; width:100%; height:50px; background-color: rgba(255, 102, 0, 1);}
.menu-layout .container{ position:relative; width:1360px; height:50px; margin:0 auto;}

.menu{ float:left; display:inline; width:730px; margin:0px auto auto 50px; padding-top:28px; height:50px;}
.menu ul{ width:100%;}
.menu ul li{ float:left; position:relative; display:inline-block; height:50px; line-height:50px; padding:0px 15px; text-align:center; font-size:16px; }
.menu ul li a{ position:relative; display:block; width:100%; height:50px;  color:#00a1e7; text-decoration:none; z-index:99; }
.menu ul li a:hover,.menu ul li.active a{ font-weight:bold;}
.menu ul li .line1{ display:block; position:absolute; top:10px; left:-22px; width:7px; height:4px; background:url(../images/icon-4.png) no-repeat; }
.menu ul li a:hover .line2,.menu ul li.current .line2{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background-color:#046d77; color:#046d77; }

.menu ul li .bg{ position:absolute; left:0px; top:49px; width:100%; height:100%; background-color:#ffffff; z-index:9999;  display:none;}
.menu ul li .box-wrap{ position:absolute; left:0px; top:33px; width:100%; padding:10px 0px; background-color:Transparent; z-index:99999; display:none;}
.menu ul li .box-wrap dt{ position:relative; float:left; display:inline; width:100%; height:26px; padding:5px 0px; font-size:14px; }
.menu ul li .box-wrap dt:hover{ background-color:#eeeeee;}
.menu ul li .box-wrap dt a{ position:relative; display:block; width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#333; }
.menu ul li .box-wrap dt a:hover{ color:#00a1e7; }

.menu ul li .box-wrap dt:hover .div3{ display:block;}
.menu ul li .box-wrap dt .div3{ position:absolute; top:0px; left:130px; width:290px;  background-color:#fff; text-align:center; display:none; border:1px solid #bfbfbf}
.menu ul li .box-wrap dt .div3 .item{ height:26px; padding:5px 15px; font-size:14px; text-align:center;}
.menu ul li .box-wrap dt .div3 .item:hover{ background-color:#eeeeee;}
.menu ul li .box-wrap dt .div3 .item a{text-align:left;}

.menu ul li .box-wrap dt a.icon-gengduo{ width:calc(100% - 10px); padding-left:10px; text-align:left;}
.menu ul li .box-wrap dt a.icon-gengduo:before{ position:absolute; top:0px; right:5px; font-size:12px;}

.m-top-wrap{ display:none;}

.footer{  position:relative; width:100%;  background: #01193e;  height:32px; padding:10px 0px; }
.footer .container{ width:1340px; margin:0px auto auto auto; }
.footer .container p{ line-height:32px; font-size:14px; color:#ffffff; text-align:center; }
.footer .container p a{ color:#ffffff;}
.footer .container p a:hover{ text-decoration:underline;}

/*锁屏*/
.parentLayer
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color:#000000;
	filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
	display:none;
	z-index:30000;
	visibility: visible;
	}

/*内容 begin*/
.content-wrap
{
    position:absolute;
    left:0px;
    top:-900px;
    width:1150px;
    height:635px;
    background-color:#ffffff;
    z-index:30000;
    }
.content-wrap .close
{
    position:absolute;
    top:12px;
    right:20px;
    width:37px;
    height:37px;
    line-height:37px;
    font-size:14px;
    color:#3e3a39;
    cursor:pointer;
    }
.content-wrap .content
{
	padding:76px 70px 80px 70px;
    line-height:28px;
    background-color:#ffffff;
    font-size:16px;
    }
.content-wrap .content .left-img
{
    float:left;
    display:inline;
    width:470px;
    height:478px;
    }
.content-wrap .content .left-img img
{
    width:470px;
    height:478px;
    }
.content-wrap .content .right-con
{
    position:relative;
    float:right;
    display:inline;
    width:475px;
    height:478px;
    }
.content-wrap .content .right-con .head
{
    line-height:36px;
    text-transform:uppercase;
    font-size:30px;
    color:#000000;
    }
.content-wrap .content .right-con .con
{
    line-height:28px;
    padding-top:50px;
    font-size:16px;
    color:#3e3a39;
    }
.content-wrap .content .right-con .bimg
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:475px;
    height:73px;
    }

.content-wrap .container
{
	display:none;
    }
/*内容 end*/
/*产品 begin*/
.case-show-wrap
{
    position:absolute;
    left:0px;
    top:-900px;
    width:1000px;
    height:706px;
    background-color:#ffffff;
    z-index:30000;
    }
.case-show-wrap .close
{
    position:absolute;
    top:5px;
    right:12px;
    width:14px;
    height:14px;
    cursor:pointer;
    z-index:999;
    }
.case-show-wrap .title
{
    position:absolute;
    left:24px;
    bottom:28px;
    width:374px;
    height:32px;
    line-height:32px;
    padding-left:26px;
    background:url(../img/icon-logo.png) 0px 5px no-repeat;
    font-size:16px;
    color:#595757;
    }
.case-show-wrap .content
{
    position: relative;
    width: 910px;
    height: 600px;
    margin: 30px auto auto auto;
    padding: 0px 40px;
    overflow-y: scroll;
    }
.case-show-wrap .content img
{
    width:952px;
    height:906px;
    }




/*内容 end*/



/*分页*/
.page-layout
{
    width:100%;
    height:36px;
    padding:10px 0px;
	text-align:right;
	font-size:14px;
	}
.page-layout a,.page-layout span
{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    margin: 0 3px;
    vertical-align:middle;
    text-align:center;
    color:#ffffff;
	}
.page-layout a
{
    color:#ffffff;
    background-color:#c8c8c8;

	}
.page-layout a:hover
{
	color:#FFFFFF;
    background-color:#00a1e7;
    text-decoration:none;
	}
.page-layout .current
{
	background-color:#00a1e7;
    color:#FFFFFF;
	}
.page-layout .home
{
    width:30px;
    background:url(../images/icon-31.jpg) 0px 0px no-repeat;
    }
.page-layout .end
{
    width:30px;
    background:url(../images/icon-31.jpg) -63px 0px no-repeat;
    }
.page-layout .previous
{
	width:80px;
	height:30px;
	background:url( ) 0px 0px no-repeat #c8c8c8;
    }
.page-layout .previous:hover {
    background-color:#00a1e7;
}
.page-layout .next
{
    width:80px;
	height:30px;
	background-color:#c8c8c8;
    }
.page-layout .next:hover {
    background-color:#00a1e7;
}

.page-layout span.previous
{
    background-color:#c8c8c8;
	cursor:no-drop;
    }
.page-layout span.next
{
    background-color:#c8c8c8;
	cursor:no-drop;
    }

.case-layout
{
    width:100%;
    height:466px;
    }

.case-layout .case{ width:1320px; margin:0 auto; padding-top:25px; text-align:center; }
.case-layout .case .head{ position:relative; width:524px; height:65px;  margin:0px auto auto auto; }
.case-layout .case .head i
{
    display:block;
    position:absolute;
    left:200px;
    bottom:0px;
    width:124px;
    height:1px;
    background-color:#cccccc;
    }
.case-layout .case .head .en
{
    position:relative;
    height:46px;
    text-transform:uppercase;
    font-size:32px;
    color:#000000;
    }
.case-layout .case .head .ch
{
    position:relative;
    padding-top:10px;
    font-size:26px;
    color:#3e3a39;
    }
.case-layout .case .head .ch i
{
    top:2px;
    }
.case-layout .case .container
{
    position: relative;
    width:1216px;
    height:330px;
    margin:44px auto auto auto;
    }
.case-layout .case .case-list
{
    position: relative;
    width:1216px;
    height:330px;
    overflow:hidden;
    }
.case-layout .case .case-list .swiper-wrapper{ width:1216px;}
.case-layout .case .case-list .swiper-slide{ width:304px;}
.case-layout  .case .case-list .slide
{
    width: 294px;
    height: 330px;
    margin:0px auto auto auto;
    text-align: center;
    cursor: pointer;
    }
.case-layout  .case .case-list .slide .text
{
    position:absolute;
    left:0px;
    top:0px;
    width:294px;
    height:32px;
    line-height:32px;
    background-color:#362e2b;
    font-size:18px;
    color:#ffffff;
    z-index:1;
    }
.case-layout  .case .case-list .slide .show
{
    position:absolute;
    left:0px;
    top:-100px;
    width:294px;
    height:68px;
    padding-top:26px;
    background-color:#006973;
    font-size:18px;
    color:#000000;
    z-index:999;
    }
.case-layout  .case .case-list .slide .show .ch
{
    display:inline-block;
    position:relative;
    line-height:32px;
    padding-right:12px;
    color:#ffffff;
    }
.case-layout  .case .case-list .slide .show .en
{
    display:inline-block;
    position:relative;
    line-height:32px;
    padding-left:12px;
    text-transform:uppercase;
    color:#65c0cc;
    }
.case-layout  .case .case-list .slide .show .line
{
    display:inline-block;
    position:absolute;
    top:8px;
    right:0px;
    width:1px;
    height:18px;
    background-color:#ffffff;
    }
.case-layout  .case .case-list .slide .img
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:294px;
    height:292px;
    border:0px;
    }
.case-layout  .case .case-list .slide .img img
{
    width:294px;
    height:292px;
    }


.case-layout .case .container .left-btn
{
    position: absolute;
    left: -50px;
    top: 142px;
    width: 45px;
    height: 45px;
    background: url(../images/arrowleft.jpg);
    cursor: pointer;
    }
.case-layout  .case .container .right-btn
{
    position: absolute;
    right: -50px;
    top: 142px;
    width: 45px;
    height: 45px;
    background: url(../images/arrowright.jpg);
    cursor: pointer;
    }

.link-wrap{ width:100%; min-width:1320px; height:65px; padding:12px 0px; background-color:#ffffff; }
.link-wrap .link-con{ position:relative; width:1320px; height:65px; margin:0px auto auto auto; }
.link-wrap .link-con .left-btn
{
    position:absolute;
    left:0px;
    top:26px;
    width:12px;
    height:13px;
    background:url(../images/icon-15.png) no-repeat;
    cursor:pointer;
    }
.link-wrap .link-con .right-btn
{
    position:absolute;
    right:0px;
    top:26px;
    width:12px;
    height:13px;
    background:url(../images/icon-16.png) no-repeat;
    cursor:pointer;
    }
.link-wrap .link-con .link-list
{
    width:1260px;
    height:64px;
    margin:0px auto auto auto;
    }
.link-wrap .link-con .link-list .swiper-wrapper{ width:1260px;}
.link-wrap .link-con .link-list .swiper-slide{ width:180px; height:64px; overflow:hidden; text-align:center;}

.img
{
	overflow:hidden;
	}
.img img
{
	transform: translateZ(0px);
    transition: transform 0.2s ease 0s;
	}
.img:hover img
{
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.layout-6
{
	position:relative;
    width:100%;
    min-width:1200px;
    height:359px;
    border-bottom:solid 1px #ffffff;
    overflow:hidden;
    }
.layout-6 .img-container
{
	position:absolute;
	top:0px;
	left:50%;
	width:1920px;
	margin-left:-960px;
	animation: myfirst 20s infinite;
	-moz-animation: myfirst 20s infinite;	/* Firefox */
	-webkit-animation: myfirst 20s infinite;	/* Safari 和 Chrome */
	-o-animation: myfirst 20s infinite;	/* Opera */
	}
.layout-6 .img-container img
{
    width:1920px;
    height:359px;
    }
.layout-6 .container
{
	position:relative;
    width:1200px;
    margin:0px auto auto auto;
    padding-top:150px;
    text-align:center;
    }
.layout-6 .container img
{
    cursor:pointer;
    }

@keyframes myfirst
{
	0%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
	50%{
		transform:scale(1.1);
		-ms-transform:scale(1.1); /* IE 9 */
		-moz-transform:scale(1.1); /* Firefox */
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-o-transform:scale(1.1); /* Opera */
	}
	100%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
}

@-moz-keyframes myfirst /* Firefox */
{
	0%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
	50%{
		transform:scale(1.1);
		-ms-transform:scale(1.1); /* IE 9 */
		-moz-transform:scale(1.1); /* Firefox */
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-o-transform:scale(1.1); /* Opera */
	}
	100%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
	50%{
		transform:scale(1.1);
		-ms-transform:scale(1.1); /* IE 9 */
		-moz-transform:scale(1.1); /* Firefox */
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-o-transform:scale(1.1); /* Opera */
	}
	100%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
}

@-o-keyframes myfirst /* Opera */
{
0%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
	50%{
		transform:scale(1.1);
		-ms-transform:scale(1.1); /* IE 9 */
		-moz-transform:scale(1.1); /* Firefox */
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-o-transform:scale(1.1); /* Opera */
	}
	100%  {
		transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
	}
}