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:none;}
.clear{clear:both;}

.transition0{ transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; }
.transition{ transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s;}
.transition2{ transition:all 2s; -webkit-transition:all 2s; -o-transition:all 2s; -ms-transition:all 2s; -moz-transition:all 2s;}
.transition3{ transition:all 3s; -webkit-transition:all 3s; -o-transition:all 3s; -ms-transition:all 3s; -moz-transition:all 3s;}
.transition4{ transition:all 4s; -webkit-transition:all 4s; -o-transition:all 4s; -ms-transition:all 4s; -moz-transition:all 4s;}

.scale0{ transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0);	-moz-transform: scale(0); }
.scale{ transform: scale(1); -ms-transform: scale(1);	/* IE 9 */ -webkit-transform: scale(1);	/* Safari 和 Chrome */ -o-transform: scale(1);	/* Opera */ -moz-transform: scale(1);	/* Firefox */}

.fixed{ position:fixed; left:0px; top:0px; }

.top-layout{ position:relative; width:100%; min-width:1320px; height:73px; background-color:#1e1e1e; border-bottom:solid 1px #f9c27b; z-index:9999; }
.top-layout .container{ position:relative; width:1200px; height:73px; margin:0 auto; }
.top-layout .container .logo{ float:left; display:inline; width:310px; height:73px; }
.top-layout .container .logo img{ position:absolute; left:0px; top:0px; width:310px; height:73px;}
.top-layout .container .fr-phone{ position:absolute; top:12px; right:0px; width:185px; height:20px; line-height:20px; padding-left:24px; background:url(../images/toptel.png) 0px 0px no-repeat; text-align:right; font-size:14px; color:#4c4948; }
.top-layout .container .fr-phone span{ display:inline-block; width:118px; vertical-align:middle; font-size:16px; font-weight:600; color:#4c4948; }

.menu{ position:absolute; right:0px; bottom:0px; display:inline; width:890px; height:40px; text-align:right;}
.menu ul li{ position:relative; display:inline-block; width:106px; height:40px; text-align:center; }
.menu ul li p.ch{ line-height:20px; font-size:16px; }
.menu ul li a{ position:relative; display:block; width:100%; height:37px; padding-top:3px; color:#ffffff; text-decoration:none; z-index:99; }
.menu ul li a:hover,.menu ul li.current a{ color:#f9c27b; }
.menu ul li a:hover .line2{ display:block; position:absolute; left:21px; bottom:-1px; width:64px; height:2px; background-color:#f9c27b; z-index:9999;}

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

.pro-box-wrap{ position:absolute; left:-330px; top:40px; width:760px; height:auto; background-color:#ffffff; display:none;}
.pro-box-wrap dt{ position:relative; float:left; display:inline; width:188px; height:239px; padding-top:36px;}
.pro-box-wrap dt i{ display:block; position:absolute; top:20px; right:0px; width:1px; height:235px; background:url(../images/topproductleftline1.png) no-repeat;}
.pro-box-wrap dt .menu-img{ width:100%; height:175px; background:url(../images/topproductline01.png) center bottom no-repeat;}
.pro-box-wrap dt .menu-title{ padding-top:8px;}
.pro-box-wrap dt .menu-title .ch{ font-size:16px; color:#000000;}
.pro-box-wrap dt .menu-title .en{ padding-top:2px; font-size:13px; color:#000000;}

.pro-box-wrap dt:hover{ background-color:#000000;}
.pro-box-wrap dt:hover .menu-img{ background:url(../images/topproductline02.png) center bottom no-repeat;}
.pro-box-wrap dt:hover .menu-title .ch{ color:#f9c27b;}
.pro-box-wrap dt:hover .menu-title .en{ color:#f9c27b;}


.f_nav_wrap{ width:100%; height:40px; padding-top:18px; min-width:1320px; background-color:#131313; border-top:solid 1px #ffffff;}
.f_nav{ width:1000px; margin:0px auto auto auto; text-align: center;}
.f_nav ul{ text-align: center;}
.f_nav ul li{ position:relative; display: inline-block; width:106px; height:40px; line-height:40px; text-align: center;}
.f_nav ul li a{ position:relative; display:block; width:100%; height:100%;  text-decoration:none;  color:#585858;font-size:16px;}
.f_nav ul li a i{ position:absolute; top:12px; right:0px; width:1px; height:15px; }
.f_nav ul li a:hover,.f_nav ul li a.hover{color: #c69452;}

.footer{  width:100%; padding:45px 0px 0px; min-width:1320px; background-color:#131313;}
.foot-top{ position:relative; width:1150px; margin:0 auto; padding-bottom:10px; }
.foot-top .container{ width:100%;}
.foot-top .foot-head{ float:left; display:inline; width:96px; }
.foot-top .foot-head .ch{ line-height:26px; font-size:18px; color:#c8c1bf; }
.foot-top .foot-head .en{ font-size:12px; color:#c8c1bf; }
.foot-top .left-msg{ float:left; display:inline; width:504px; }
.foot-top .left-msg .msgtab{ width:100%; }
.foot-top .left-msg .msgtab td{ position:relative; height:38px; padding:0px 0px 6px; color:#f9c27b; }
.foot-top .left-msg .msgtab td .line{ display:block; position:absolute; left:0px; bottom:0px; width:228px; height:1px; background-color:#685134;}
.foot-top .left-msg .msgtab td.tdL{ width:40px; text-align:left; font-size:14px; }
.foot-top .left-msg .msgtab td.tdL span{ color:#ff0000; }
.foot-top .left-msg .msgtab td.tdR{ width:188px; text-align:left; font-size:16px; }
.foot-top .left-msg .msgtab td.tdR .txt{ width:164px; height:26px; line-height:26px; padding-left:5px; border:0px;  outline:none; background-color:#131313; font-family:微软雅黑; font-size:14px; color:#f9c27b; }
.foot-top .left-msg .msgtab .btn{ width:228px; height:31px; line-height:28px; border:0px; background-color:#c69452; outline:none; vertical-align:middle; cursor:pointer; font-family:微软雅黑; font-size:16px; color:#131313; }
.foot-top .left-msg .msgtab span{ line-height:24px; font-family:微软雅黑; font-size:14px; color:#f9c27b; }
.foot-top .right-con{ position:relative; float:left; display:inline;  width:330px; margin-left:34px; }
.foot-top .right-con li{ float:left; display:inline; width:295px; height:38px; margin-bottom:5px; }
.foot-top .right-con li.bg1{ padding-left:35px; background:url(../images/bottomicon1.png) 0px 6px no-repeat;}
.foot-top .right-con li.bg1 .phone{ }
.foot-top .right-con li.bg1 .phone p{ line-height:32px; padding-bottom:5px; font-size:24px; color:#c8c1bf;}
.foot-top .right-con li.bg2{ padding-left:35px; background:url(../images/bottomicon2.png) 0px 5px no-repeat;}
.foot-top .right-con li.bg2 .txt{ line-height:34px; font-size:14px; color:#c8c1bf; }

.footer .fc_n { width: 100%; min-width:1320px; padding:0px 0px 16px 0px; background-color:#131313; border-top:solid 1px #362e2b; text-align:center;}
.footer .fc_n .container{ position:relative; width:1150px; height:123px; margin:0px auto auto auto; }
.footer .fc_n .container .logo-wrap{ float:left; display:inline; width:380px; height:62px; padding-top:30px; }
.footer .fc_n .container .copy{ float:right; display:inline; width:640px; margin-right:130px; padding-top:28px; text-align:right; }
.footer .fc_n .container .copy p{ line-height:28px; font-size:12px; color:#a0a0a0; }
.footer .fc_n .container .copy p a{color: #a0a0a0;}
.footer .fc_n .container .ewm{ position:absolute; top:0px; right:0px; width:100px; text-align:center; }
.footer .fc_n .container .ewm p{ padding-top:5px; font-size:10px; 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:960px;
    height:635px;
    background-color:#ffffff;
    z-index:30000;
}
.content-wrap .close
{
    position:absolute;
    right:5px;
    width:37px;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#3e3a39;
    cursor:pointer;
}
.content-wrap .content
{
    padding:30px;
    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:20px 0px 60px 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;
    vertical-align:middle;
    text-align:center;
}
.page-layout a
{
    color:#ffffff;
    background-color:#a2a2a2;
}
.page-layout a:hover
{
    color:#FFFFFF;
    background-color:#3e3a39;
    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;
}

.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 auto;
}
.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(../images/arrowleft.jpg);
    cursor: pointer;
}
.case-layout  .case .container .right-btn
{
    position: absolute;
    right: 0px;
    top: 142px;
    width: 45px;
    height: 45px;
    background: url(../images/arrowright.jpg);
    cursor: pointer;
}
.link-wrap
{
    width:100%;
    min-width:1320px;
    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(../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: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;
}

@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 */
    }
}