﻿@charset "utf-8";
body
{
	margin:0px; 
	font-family:"微软雅黑",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
	font-size:14px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:url(bg.jpg);
	color:#595757;
	}
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:1320px;
	height:86px;
	z-index:9999;
	border-bottom:1px solid #dcdddd;
	}
.top-layout .container
{
    position:relative;
	width:1200px;
	height:74px;
	margin:0 auto;
	
	}
.top-layout .container .logo
{
    float:left;
	height:74px;
	z-index:999;
	}
.top-layout .container .logo img
{
	width:400px;
	height:87px;
	margin-left:-30px;
	}	
.top-layout .container .phone
{
    position:absolute;
    right:0px;
    top:14px;
	width:152px;
	height:32px;
	line-height:21px;
	padding-left:0px;
	font-size:14px;
	color:#535353;
	text-align: right;
	}
	.top-layout .container .phone a
	{ color:#535353}
	.top-layout .container .phone a:hover
	{ color:#535353}
	.top-layout .container .phone a:visited
	{ color:#535353}
.logo_i{ width:1200px; margin:0 auto; padding:6px 0 13px 41px; color:#595757; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu
{
    float:right;
    display:inline;
	width:805px;
	height:30px;
	margin-top:30px;
	margin-right:-15px;
	}
.menu > ul > li
{
	position:relative;
	float:left;
	display:inline;
	width:115px;
	height:30px;
	text-align:center;
	font-size:16px;
	}
.menu > ul > li> a
{
    position:relative;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	color:#595757;
	text-decoration:none;
	z-index:99;
	 padding-bottom:7px;
	}
.menu > ul > li> a i{ width:7px; height:4px; display:inline-block; background:url(arrow_b.png) no-repeat; background-size:cover; float:right; margin-top:14px;}
.menu ul li dl a
{
    position:relative;
	display:block;
	width:100%;
	height:32px;
	line-height:32px;
	color:#ffffff;
	z-index:99;
	}
.menu ul li dl a:hover{ background-color:#c6933a;}
.menu ul li.home
{
    width:32px;
    height:30px;
    background:url(icon-1.png) 3px 24px no-repeat;
    }
.menu ul li.li
{
    position:relative;
    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,.menu > ul > li.current > a
{
    color:#b88038;
    }
.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:#b88038;
    }
.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:#00023a;
    /*
	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:14px 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:#b88038;
	}
	
.menu dl
{
    position:absolute;
    left:0px;
    top:37px;
    width:100%;
    padding:10px 0;
    background-color:rgba(154,100,36,0.9);
    display:none;
    }	

.foot-top
{
    position:relative;
	width:1200px;
	margin:0 auto;
	}
.foot-top .container
{
    width:1150px; 
    margin:0px auto auto auto;
    }
.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:#b88038;
    }
.foot-top .foot-head .en
{
    font-size:12px;
    color:#c8c1bf;
    }
.foot-top .left-msg
{
	float:left;
	display:inline;
	width:490px;
	}
.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:200px;
    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:#000000;
    }
.foot-top .left-msg .msgtab .btn
{
    width:185px;
    height:34px;
    line-height:34px;
    border:0px;
    background-color:#b88038;
    outline:none;
    vertical-align:middle;
    cursor:pointer;
    font-family:微软雅黑;
    font-size:16px;
    color:#ffffff;
    }
.foot-top .left-msg .msgtab span
{
    line-height:24px;
    font-family:微软雅黑;
    font-size:14px;
    color:#ffffff;
    }
.foot-top .right-con
{
    position:relative;
    float:left;
    display:inline;
    }
.foot-top .right-con li
{
    float:left;
    display:inline;
    height:45px;
    line-height:45px;
    padding-left:45px;
    }
.foot-top .right-con li.bg1
{
    background:url(icon-3.png) 0px 0px no-repeat;
    }
.foot-top .right-con li.bg2
{
    background:url(icon-4.png) 0px 0px  no-repeat;
    }
.foot-top .right-con li .con
{
    line-height:32px;
    font-size:14px;
    color:#c8c1bf;
    }
.foot-top .right-con li .phone
{
    line-height:36px;
    font-size:22px;
    color:#c8c1bf;
    }



.footer{  width:100%; min-width:1320px; background-color:#201f1f;}
.f_nav_wrap{ width:100%; height:46px; min-width:1320px; background-color:#201f1f; border-top:1px solid #454444; border-bottom:1px solid #454444;}
.f_nav{ width:1150px; margin:0px auto auto auto; height:46px;line-height:46px; text-align: center;}
.f_nav ul{ text-align: center;}
.f_nav ul li{ position:relative; display: inline-block; margin:0px 15px; padding:0px 3px; height:46px; line-height:46px; text-align: center;}
.f_nav ul li a{ position:relative; display:block; width:100%; height:100%; padding:0px 2px; text-decoration:none;  color: #827b78;font-size: 16px;}
.f_nav ul li a:hover,.f_nav ul li a.hover{color: #9a6424;}


.footer .fc_n{ width: 100%; height:134px; min-width:1320px; padding:25px 0px 0 5px; background-color:#201f1f; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer .fc_n .container
{
    width:1200px; margin:0px auto;
    }
.footer .fc_n .container .logo-wrap
{
    float:left;
    display:inline;
    width:514px;
    }
.footer .fc_n .container .ewm
{
    float:right;
    display:inline;
    width:102px;
    height:102px;
	margin-top:-19px;
    }
.footer .fc_n .container .ewm p{ color:#c8c1bf; font-size:12px; text-align:center;}
.footer .fc_n .container .copy
{
    float:left;
    _display:inline;
    width:420px;
    margin-left:100px;
    }
.footer .fc_n .container .copy p
{
    line-height:26px;
    font-size:14px;
    color:#c8c1bf;
    }
.footer .fc_n .container .copy p a{color: #c8c1bf;}
.fc_b{ border-top:solid 1px #362e2b; padding:15px 0; color:#c8c1bf; text-align:center; text-transform:uppercase;}


.front-partners-slider{margin:0 auto;
    position: relative;
    width: 1200px;}
.tempWrap{ margin:0 auto;}
.multipleColumn{ position:relative; width:1200px; }
.multipleColumn .pic img{width:140px; height:42px;}
		
.multipleColumn  .prev,.multipleColumn  .next{ display:block;  width:12px; height:13px; margin-top:0;
	  background:url(fa_lf.png) no-repeat; background-size:contain; position:absolute; top:26px; cursor:pointer;}
	 .multipleColumn  .prev{ left:-51px;}
.multipleColumn  .next{ background:url(fa_rg.png) no-repeat; right:-51px;}
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("icoCircle.gif") 0 -9px no-repeat; color:#000 }
.multipleColumn .hd ul li.on{ background-position:0 0; }

.multipleColumn .bd{  overflow:hidden; padding-top:11px;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1;   float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 0 19px 0;  _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:132px; height:41px; display:block;}
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px;   }

.multipleColumn .bd li{ float:left; margin:0 16px 0 15px; _display:inline;}
/*锁屏*/
.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*/
.pro-show-wrap
{
    position:absolute;
    left:0px;
    top:-900px;
    width:1000px;
    height:635px;
    background-color:#f2f2f3;
    z-index:30000;
    }
.pro-show-wrap .pro-title
{
    width:910px;
    height:50px;
    margin:0px auto auto auto;
    padding-top:30px;
    font-size:22px;
    color:#9a6424;
    }
.pro-show-wrap .close
{
    position:absolute;
    top:20px;
    right:30px;
    width:23px;
    height:23px;
    font-size:14px;
    color:#3e3a39;
    cursor:pointer;
    }
.pro-show-wrap .content
{
    position:relative;
    width:910px;
    height:535px;
    margin:0px auto auto auto;
    padding:0px 40px;
    overflow-y:scroll;
    }
/*内容 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:226px;
    background:url(icon-logo.png) 0px 5px no-repeat;
    font-size:16px;
    color:#595757;
    }
.case-show-wrap .content
{
    position:relative;
    padding:24px 24px 70px 24px;
    }
.case-show-wrap .content img
{
    width:952px;
    height:906px;
    }




/*内容 end*/



	
/*分页*/
.page-layout 
{
    width:1200px;
    height:30px; 
    margin:0px auto auto auto;
    padding:10px 0px;
	text-align:right;
	font-size:14px;
	}
.page-layout a,.page-layout span
{
    display:inline-block;
    height:30px;
    line-height:30px;
    margin: 0 4px;
    padding:0px 11px;
    vertical-align:middle;
    text-align:center;
	}
.page-layout a
{
    color:#000000;
    background-color:#f2f2f2;
	}
.page-layout a:hover
{
	color:#FFFFFF;
    background-color:#005faf;
    text-decoration:none;
	}
.page-layout .current
{
	background-color:#b88038;
    color:#ffffff;
	}
.page-layout .home
{
    width:30px;
    background:url(icon-31.jpg) 0px 0px no-repeat;
    }
.page-layout .end
{
    width:30px;
    background:url(icon-31.jpg) -63px 0px no-repeat;
    }
.page-layout .previous
{
	height:30px;
	padding:0px 11px;
	background-color:#f2f2f2;
    }
.page-layout .previous:hover 
{
    color:#ffffff;
    background-color:#005faf;
}
.page-layout .next
{
	height:30px;
	padding:0px 11px;
	background-color:#f2f2f2;
    }
.page-layout .next:hover 
{
    background-color:#005faf;
}

.page-layout span.previous
{
	cursor:no-drop;
    }
.page-layout span.next
{
	cursor:no-drop;
    }

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

.case-layout .case
{
    width:1200px;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
    }
.case-layout .case .head
{
    position:relative;
    width:124px;
    height:80px;
    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:36px;
    line-height:36px;
    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:1320px;
    height:330px;
    margin:40px auto auto -60px;
    }
.case-layout .case .case-list
{
    position:absolute;
    left:54px;
    top:0px;
    width:1212px;
    height:330px;
    overflow:hidden;
    }
.case-layout  .case .container li
{
    position: relative;
    float: left;
    display: inline;
    width: 293px;
    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:#000230;
    font-size:18px;
    color:#b88038;
    z-index:1;
    }
.case-layout  .case .container li .show
{
    position:absolute;
    left:0px;
    top:-100px;
    width:294px;
    height:68px;
    padding-top:26px;
    background-color:#b88038;
    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:#000230;
    }
.case-layout  .case .container li .show .en
{
    display:inline-block;
    position:relative;
    line-height:32px;
    padding-left:12px;
    text-transform:uppercase;
    color:#000230;
    }
.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:293px;
    height:293px;
    }
.case-layout  .case .container li .img img
{
    width:293px;
    height:293px;
    }
    
    
.case-layout .case .container .left-btn
{
    position: absolute;
    left: 0px;
    top: 142px;
    width: 45px;
    height: 45px;
    background: url(arrowleft.jpg);
    cursor: pointer;
    }
.case-layout  .case .container .right-btn
{
    position: absolute;
    right: 0px;
    top: 142px;
    width: 45px;
    height: 45px;
    background: url(arrowright.jpg);
    cursor: pointer;
    }    
.link-wrap
{
    width:100%;
    min-width:1200px;
    height:65px;
    background-color:#f2f2f2;
    }
.link-wrap .link-con
{
    position:relative;
    width:1200px;
    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(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(icon-16.png) no-repeat;
    cursor:pointer;
    }
.link-wrap .link-con .link-list
{
    width:1120px;
    height:65px;
    margin:0px auto auto auto;
    }
.link-wrap .link-con .link-list li
{
    float:left;
    display:inline;
    width:160px;
    height:65px;
    overflow:hidden;
    text-align:center;
    }
.link-wrap .link-con .link-list li img
{
    }

.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:1320px;
    height:500px;
    background-color:#e5e5e5;
    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:500px;
    }
.layout-6 .container
{
	position:relative;
    width:1200px;
    height:359px;
    margin:0px auto auto auto;
    }
.layout-6 .container img
{
    position:absolute;
    left:438px;
    top:140px;
    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 */
	}
}
/* CSS Document */

.cooper{ background-color:#f2f2f2;min-width:1320px; height:66px; width:100%; margin-top:1px;}