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:1200px; height:73px; background-color:#fff; border-bottom:solid 1px #ed0000; z-index:9999; }
.top-layout .container{ position:relative; width:1300px; 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:396px; height:73px;}
.top-layout .container .fr-phone{ position:absolute; top:12px; right:22px; width:108px; height:20px; line-height:20px; padding-left:24px; background:url(/images/toptel.png) 0px 0px no-repeat; text-align:right; font-size:16px; color:#4c4948; }
.top-layout .container .fr-phone span{ display:inline-block; width:40px; vertical-align:middle; font-size:16px; font-weight:600;color:#4c4948; }
.top-layout .container .fr-phone a:link { color:#c7c7c7; text-decoration: none; position:absolute; top:0px; right:2px; width:60px; height:20px; line-height:20px; padding-left:24px; text-align:right; font-size:16px; }
.top-layout .container .fr-phone a:hover { color:#89f3ed; }

.menu{ position:absolute; right:0px; bottom:0px; display:inline; width:950px; 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:auto; padding-top:3px; color:#000; text-decoration:none; z-index:99; }
.menu ul li > a{ height:40px; box-sizing: border-box;}
.menu ul li a:hover,.menu ul li.current a{ color:#ed0000; }
.menu ul li a:hover .line2{ display:block; position:absolute; left:21px; bottom:-1px; width:64px; height:2px; background-color:#ed0000; z-index:9999;}

.menu ul li .bg{ position:absolute; left:0px; top:41px; width:100%; height:100%; background-color:#ffffff; z-index:9999; display:none; }
.menu ul li .box-wrap{ position:absolute; left:0px; top:41px; 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:#ed0000; }

.pro-box-wrap{ position:absolute;  top:41px;  width:100vw; height:120px; background-color:rgba(255,255,255,0.9); display:none;}
.pro-box-wrap dl{ width: 900px; margin: 0 auto;  padding-left: 470px; display: flex; flex-wrap: wrap;}
.pro-box-wrap dt{ position:relative;  width:90px; height:auto; padding-top:10px; margin-right: 13px;}
.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:100%; overflow: hidden; background:url(/images/topproductline01.png) center bottom no-repeat;}
.pro-box-wrap dt .menu-img img{ width: 30%;}
.pro-box-wrap dt .menu-title{ padding-top:18px;}
.pro-box-wrap dt .menu-title .ch{ font-size:14px; color:#000000;}
.pro-box-wrap dt .menu-title .en{ padding-top:10px; font-size:14px; 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:#ed0000;}
.pro-box-wrap dt:hover .menu-title .en{ color:#ed0000;}
.pro-box-wrap dt:hover .menu-img{ border: 0px solid #ed0000; box-sizing: border-box;}


.f_nav_wrap{ width:100%; height:50px; padding-top:0px; min-width:1320px; background-color:#585858; border-top:solid 1px #ffffff;}
.f_nav{ width:1200px; 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:50px; line-height:50px; text-align: center;}
.f_nav ul li a{ position:relative; display:block; width:100%; height:100%;  text-decoration:none;  color:#00b8b4;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: #fff;}


/*閿佸睆*/
.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;
}

.link-wrap1
{
    width:100%;
    min-width:1320px;
    height:65px;
    background-color:#e3e3e3;
}
.link-wrap1 .link-con1
{
    position:relative;
    width:1200px;
    height:65px;
    margin:0px auto auto auto;
}
.link-wrap1 .link-con1 .left-btn
{
    position:absolute;
    left:0px;
    top:26px;
    width:12px;
    height:13px;
    background:url(/images/icon-15.png) no-repeat;
    cursor:pointer;
}
.link-wrap1 .link-con1 .right-btn
{
    position:absolute;
    right:0px;
    top:26px;
    width:12px;
    height:13px;
    background:url(/images/icon-16.png) no-repeat;
    cursor:pointer;
}
.link-wrap1 .link-con1 .link-list1
{
    width:1120px;
    height:65px;
    margin:0px auto auto auto;
}
.link-wrap1 .link-con1 .link-list1 li
{
    float:left;
    display:inline;
    width:160px;
    height:65px;
    overflow:hidden;
    text-align:center;
}
.link-wrap1 .link-con1 .link-list1 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 */
    }
}