﻿body
{
	margin:0px; 
	font-family:"微软雅黑",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
	font-size:13px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:url(../images/bg.jpg);
	}
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;
	}
.clear{clear:both;}
	
.fixed
{
	position:fixed;
    left:0px;
    top:0px;
	}
    
.top-layout
{
    position:relative;
	width:100%;
	min-width:1200px;
	height:74px;
    background-color:#000000;
	z-index:9999;
	}
.top-layout .container
{
    position:relative;
	width:1200px;
	height:74px;
	margin:0 auto;
	
	}
.top-layout .container .logo
{
    float:left;
    display:inline;
	width:210px;
	height:74px;
	z-index:999;
	}
.top-layout .container .logo img
{
	width:210px;
	height:74px;
	}	
.top-layout .container .phone
{
    position:absolute;
    right:0px;
    top:25px;
	width:110px;
	height:28px;
	line-height:26px;
	padding-left:25px;
	background:url(../images/icon-2.png) 0px 3px no-repeat;
	font-size:16px;
	color:#ffffff;
	}
.menu
{
    float:left;
    display:inline;
	width:822px;
	height:74px;
	margin-left:30px;
	}
.menu ul li
{
	position:relative;
	float:left;
	display:inline;
	width:95px;
	height:74px;
	text-align:center;
	font-size:16px;
	}
.menu ul li a
{
    position:relative;
	display:block;
	width:100%;
	height:74px;
	line-height:74px;
	color:#ffffff;
	text-decoration:none;
	z-index:99;
	}
.menu ul li.home
{
    width:32px;
    height:74px;
    background:url(../images/icon-1.png) 3px 24px no-repeat;
    }
.menu ul li.li
{
    width:110px;
    height:74px;
    }
.menu ul li .line1
{
    display:block;
    position:absolute;
    top:28px;
    right:0px;
    width:1px;
    height:17px;
    background-color:#5a5a5a;
    } 
.menu ul li a:hover .line2,.menu ul li.current .line2
{
    display:block;
    position:absolute;
    left:15px;
    bottom:0px;
    width:64px;
    height:3px;
    background-color:#7fbe25;
    }
.menu ul li.li a:hover .line2,.menu ul li.li.current .line2
{
    left:23px;
    }  
     
.menu ul li .bg
{
    position:absolute;
    left:0px;
    top:74px;
    width:100%;
    height:100%;
    background-color:#000000;
	filter:alpha(opacity=80);
    opacity:0.8;
    -moz-opacity:0.8;
    z-index:9999;
    display:none;
    }
.menu ul li .box-wrap
{
	position:absolute;
	left:0px;
	top:74px;
    width:100%;
    padding:15px 0px;
    background-color:Transparent;
    z-index:99999;
    display:none;
    }
.menu ul li .box-wrap dt
{
	float:left;
	display:inline;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	}
.menu ul li .box-wrap dt a
{
    display:block;
    width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	}
.menu ul li .box-wrap dt a:hover
{
	color:#7fbe25;
	}

.foot-top
{
    position:relative;
	width:1200px;
	margin:0 auto;
	padding-top:25px;
	}
.foot-top .container
{
    width:1150px; 
    margin:0px auto auto auto;
    padding-top:50px;
    }
.foot-top .foot-head
{
    float:left;
    display:inline;
    width:106px;
    }
.foot-top .foot-head .ch
{
    line-height:26px;
    padding-top:5px;
    font-size:18px;
    color:#c8c1bf;
    }
.foot-top .foot-head .en
{
    font-size:12px;
    color:#c8c1bf;
    }
.foot-top .left-msg
{
	float:left;
	display:inline;
	width:555px;
	}
.foot-top .left-msg .msgtab
{
    width:100%;
    }
.foot-top .left-msg .msgtab td
{
    height:38px;
    padding:0px 0px 6px;
    color:#c8c1bf;
    }
.foot-top .left-msg .msgtab td.tdL
{
    width:45px;
    text-align:left;
    font-size:16px;
    }
.foot-top .left-msg .msgtab td.tdL span
{
    color:#ff0000;
    }
.foot-top .left-msg .msgtab td.tdR
{
    width:247px;
    text-align:left;
    font-size:16px;
    }
.foot-top .left-msg .msgtab td.tdR .txt
{
    width:180px;
    height:28px;
    line-height:28px;
    padding-left:5px;
    border:0px;
    outline:none;
    background-color:#827b78;
    font-family:微软雅黑;
    font-size:14px;
    color:#ffffff;
    }
.foot-top .left-msg .msgtab .btn
{
    width:185px;
    height:34px;
    line-height:34px;
    border:0px;
    background-color:#7fbe25;
    outline:none;
    vertical-align:middle;
    cursor:pointer;
    font-family:微软雅黑;
    font-size:18px;
    color:#000000;
    }
.foot-top .left-msg .msgtab span
{
    line-height:24px;
    font-family:微软雅黑;
    font-size:14px;
    color:#ffffff;
    }
.foot-top .right-con
{
    position:relative;
    float:right;
    display:inline;
    width:305px;
    padding-top:5px;
    }
.foot-top .right-con li
{
    float:left;
    display:inline;
    width:260px;
    height:45px;
    line-height:45px;
    padding-left:45px;
    }
.foot-top .right-con li.bg1
{
    background:url(../images/icon-3.png) 0px 0px no-repeat;
    }
.foot-top .right-con li.bg2
{
    background:url(../images/icon-4.jpg) 0px 0px  no-repeat;
    }
    
.foot-top .right-con li .title
{
    height:45px;
    line-height:45px;
    font-size:14px;
    color:#c8c1bf;
    }
.foot-top .right-con li .con
{
    line-height:28px;
    font-size:14px;
    color:#c8c1bf;
    }
.foot-top .right-con li .phone
{
    line-height:36px;
    font-size:24px;
    font-weight:600;
    color:#c8c1bf;
    }




/*锁屏*/
.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*/



	
/*分页*/
.page-layout 
{
    width:100%;
    height:36px; 
    padding:10px 0px;
	text-align:center;
	font-size:14px;
	}
.page-layout a,.page-layout span
{
    display:inline-block;
    width:28px;
    height:28px;
    line-height:28px;
    margin: 0 4px;
    border-radius:5px;
    vertical-align:middle;
    text-align:center;
	}
.page-layout a
{
    color:#515151;
    background-color:#FFFFFF;
    border:solid 1px #cccccc;
    
	}
.page-layout a:hover
{
	color:#FFFFFF;
    background-color:#0070c7;
    border:solid 1px #0070c7;
    text-decoration:none;
	}
.page-layout .current
{
	background-color:#3e3a39;
    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:28px;
	height:28px;
	background:url(../images/previous.png) 0px 0px no-repeat;
    }
.page-layout .previous:hover {
    background-color:transparent;
}
.page-layout .next
{
    width:28px;
	height:28px;
	 background:url(../images/next.png) 0px 0px no-repeat;
    }
.page-layout .next:hover {
    background-color:transparent;
}

.page-layout span.previous
{
	cursor:no-drop;
    }
.page-layout span.next
{
	cursor:no-drop;
    }

.case-layout
{
    width:100%; 
    height:508px;
    background-color:#f5f5f5;
    }

.case-layout .case
{
    width:1200px;
    margin:0 auto;
    padding-top:60px;
    text-align:center;
    }
.case-layout .case .head
{
    position:relative;
    width:124px;
    height:65px;
    margin:0px auto auto auto;
    }
.case-layout .case .head i
{
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    width:124px;
    height:1px;
    background-color:#cccccc;
    }
.case-layout .case .head .en
{
    position:relative;
    height:26px;
    text-transform:uppercase;
    font-size:14px;
    color:#000000;
    }
.case-layout .case .head .ch
{
    position:relative;
    padding-top:10px;
    font-size:18px;
    color:#000000;
    }
.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 .container li
{
    position: relative;
    float: left;
    display: inline;
    width: 294px;
    height: 330px;
    margin:0px 5px;
    text-align: center;
    cursor: pointer;
    }    
.case-layout  .case .container li .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 .container li .show
{
    position:absolute;
    left:0px;
    top:-100px;
    width:294px;
    height:68px;
    padding-top:26px;
    background-color:#7fbe25;
    font-size:18px;
    color:#000000;
    z-index:999;
    }
.case-layout  .case .container li .show .ch
{
    display:inline-block;
    position:relative;
    line-height:32px;
    padding-right:12px;
    color:#000000;
    }
.case-layout  .case .container li .show .en
{
    display:inline-block;
    position:relative;
    line-height:32px;
    padding-left:12px;
    text-transform:uppercase;
    color:#000000;
    }
.case-layout  .case .container li .show .line
{
    display:inline-block;
    position:absolute;
    top:8px;
    right:0px;
    width:1px;
    height:18px;
    background-color:#000000;
    }
.case-layout  .case .container li .img
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:294px;
    height:292px;
    }
.case-layout  .case .container li .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;
    }    

.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 */
	}
}
