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.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
.transition{ transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 10.8 ease-in-out; -moz-transition:all 0.8s ease-in-out;}
.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;}

.transform{ transform:translateY(100%);}

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

.fadeInDown { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

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

.top-layout{ position:relative; width:100%; min-width:1320px; height:105px; background-color:#ffffff;  z-index:9999; }
.top-layout .container{ position:relative; width:1140px; height:105px; margin:0 auto; }
.top-layout .container .logo{ float:left; display:inline; width:20%; height: 58px; padding-top: 25px;}
.top-layout .container .logo img{  height:60px;}

.top-layout .container .fr-phone{ position:relative; float:right; width:18%; height:58px; line-height:20px; padding-top:8px; }
.top-layout .container .fr-phone .txt{ height: 30px; border-radius: 20px; border: 1px solid #ccc; padding-left: 10px; position: relative; margin-top: 30px; margin-right: 10px; width:100%; outline:none; }
.top-layout .container .fr-phone .btn{ position:absolute; top:45px; right:0px;  display:block; width:21px; height:21px;  background:url(../images/search1.png) no-repeat; background-size:100% 100%;  cursor:pointer;  }

.menu{ float:right; display:inline; width:56%; height:58px; padding-top:25px; }
.menu ul li{ float:left; position:relative; display:inline-block; width:14.2%; height:58px; text-align:center; }
.menu ul li p.ch{ line-height:20px; font-size:18px; }
.menu ul li a{ position:relative; display:block; width:100%; padding:20px 0px; color:#212121; font-size: 18px; text-decoration:none; z-index:99; }
.menu ul li a:hover,.menu ul li.current a{ color:#00a0e9; }
.menu ul li.current .line11{ display:block; position:absolute; left:0px; top:0px; width:100%; height:5px; background-color:#2f8cec; z-index:9999;}
.menu ul li.current .line22{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:5px; background-color:#2f8cec; z-index:9999;}

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

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

@media screen and (max-width:1023px) 
{
.top-layout{ display:none;}

.m-top-wrap{ display:block; position:fixed; left:0px; top:0px; width:100%; min-width:auto; height:56px; padding:14px 0px 0px; text-align:center; background-color:#ffffff;  border-bottom:solid 1px #c4c4c4; z-index:999;}
.m-top-wrap .m-menu{ float:right; display:inline-block; width:14%; padding-top:5px; padding-left:5%; text-align:left; vertical-align:middle;}
.m-top-wrap .m-menu i{ position:relative; display:inline-block; width:38px; height:38px; }
.m-top-wrap .m-menu i.start-menu{ background:url(../images/menu-red.png) no-repeat center; background-size :100%;}
.m-top-wrap .m-menu i.close-menu{ background:url(../images/closed.png) no-repeat center; background-size :100%; display:none;}

.m-top-wrap .m-logo{ float:left; display:inline-block; width:50%; height:100%; padding-left:0; text-align:center; vertical-align:middle;}
.m-top-wrap .m-logo img{ width:auto; height:80%;}

.m-start-out{ transform: translateY(-400px);}
.m-start-show{ display:block; position:fixed; left:0px; top:70px;  width:100%; height:auto;  background-color:#e9e9e9; z-index: 65; transition: all 0.5s ease-in-out;}
.m-start-menu-list{ padding:0;}
.m-start-show .nav{ width:100%; line-height:42px; }
.m-start-show .nav ul{width:90%; padding-left:5%; padding-right:5%; margin:0px auto auto auto;border-bottom:1px solid #d2d2d2;}
.m-start-show .nav li{ position:relative; line-height:42px;font-size:15px;color:#333333; text-align:left; }
.m-start-show .nav li a{color:#333333; }
.m-start-show .nav li.arrow:after {content: '';position: absolute;right:0px;top:17px;display: block;background: url(../images/icon-9.png) no-repeat; background-size:100% 100%; width:12px;height:8px;}
.m-start-show .nav li .icon{ float:right; display:inline-block;width:8%;  height:42px;}
.m-start-show .nav li .icon img{ width:100%;vertical-align:middle;}
    
.m-start-show .nav dl{ width:100%;margin:0px auto auto auto; background-color:#fff; display:none;}
.m-start-show .nav dl dt{ padding-left:48px; height:36px;line-height:36px; text-align:left; font-size:14px; border-bottom:1px solid #e5e5e5;}
.m-start-show .nav dl dt a{color:#666;}
}



.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:18px;}
.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: #e8b673;}

.footer{  width:100%; height:279px; min-width:1320px; background-color:#2e3336;}
.foot-top{ position:relative; width: 1140px; margin:0px auto auto auto; }
.foot-top .left{ float:left; width:63%; padding:28px 0px;}
.foot-top .left .item{ width:16.6%; line-height: 36px; float: left;}
.foot-top .left .item .head{ height:60px; line-height:60px;}
.foot-top .left .item .head a{ font-size:18px;color: #fbfbfb;line-height: 60px;}
.foot-top .left .item .head a:hover{ text-decoration:underline;}
.foot-top .left .item p{ line-height:36px; padding-top:10px;}
.foot-top .left .item p a{color: #a4a4a4; font-size: 18px;}

.foot-top .right{ float:right; width:37%; padding-top:40px; }
.foot-top .right p{ line-height: 36px; font-size: 18px; color: #a4a4a4;}
.footer .foot-copy { width: 1140px; margin:0px auto auto auto; line-height:50px; border-top: 1px solid #747474; font-size: 14px; text-align:left; color:#ffffff;}

@media screen and (max-width:1023px) 
{
    .footer{  width:100%; height:auto; min-width:100%;}
    .foot-top{ width:90%;}
    .foot-top .left{ display:none;}
    .foot-top .right{ float:none; width:100%; padding:20px 0px;}
    .footer .foot-copy { width:90%;}
    }


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