@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{  font-family: "akroba","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden; font-size: 62.5%;} /*10*/

body a{outline:none;blr:expression(this.onFocus=this.blur());}

@media screen and (max-width:1450px){
html{font-size: 56.25%;} /*9*/
}

@media screen and (max-width:900px){
html{font-size: 50%;} /*8*/
}


@font-face {
  font-family: "akroba";
  src: url("../font/Akrobat-Bold.woff") format("woff"),

       url("../font/Akrobat-Bold.eot") format("embedded-opentype"),
       url("../font/Akrobat-Bold.otf") format("opentype");
}

.index_container{ width: 1680px; margin: 0 auto;}
@media screen and (max-width:1700px){
.index_container{ width:96%!important;}
}

/*gundong*/
::-webkit-scrollbar
{
width: 15px;
height:15px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #464646;
}

::-webkit-scrollbar-thumb
{
border-radius: 15px;
background:#e47915;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 15px;
background:#e47915;
}


@keyframes animate {
            0% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1.00);
            }
  }

/*nav*/
.nav_container{ width:100%; height:140px; background:rgba(255,255,255,0.7);  z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:fixed; top:0; left:0; border-bottom: 8px solid #e47915;}

.nav_content{ width:1860px; margin:0 auto 0 auto;}

.nav_content img.logo{ height:126px; float:left; margin-top:8px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav{ float:right;}

.nav ul li{ float:left; font-size:2.8rem; letter-spacing:0.2px;  text-transform: uppercase; margin: 0 10px;}
.nav ul li a{ color:#0f0f0f; line-height:140px; display:block; height:140px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid transparent;padding:0 30px; background: transform;}
.nav ul li a:hover,.nav ul li a.cur{background: #01305a; color: #e47915;}
.nav ul li:last-child{  font-family: "Microsoft YaHei"; }

@media screen and (max-width:1870px){
.nav_content{ width:98%;}
.nav ul li{margin: 0 0.5vw;}
.nav ul li a { padding: 0 1.3vw;}
.nav ul li:last-child{ margin-right: 0;}
}


@media screen and (max-width:1560px){

.nav_container{  height:120px;}
.nav ul li a{ height:120px; line-height:120px;}
.nav_content img.logo{ height: 110px; margin-top: 5px;}
.nav ul li a { padding: 0 1.2vw;}
.nav ul li{margin: 0 0.3vw;}
}

@media screen and (max-width:1280px){
.nav ul li a { padding: 0 0.8vw;}
}
@media screen and (max-width:1180px){
.nav ul li{ font-size: 2.4rem;}
.nav ul li a{padding: 0 0.7vw;}
}

@media screen and (max-width:1050px){

.nav ul li{margin: 0 0.1vw;font-size: 2.2rem;}
.nav ul li a{padding: 0 0.6vw;}
}

.fixedhead{ height:110px;border-bottom: 6px solid #e47915;}
.fixedhead img.logo{height: 100px;
    margin-top: 8px;}
.fixedhead .nav ul li a{line-height: 110px;
    height: 110px;}



/*手机端导航*/
.header2 { width:100%; height:5vh; background:rgba(255,255,255,1); color:#dcdcdc;padding:1.5vh 0; overflow:hidden; z-index: 10; border-bottom:1px solid #e47915; display: none; position: fixed; top: 0; left: 0;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%;position: relative; float:left;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }

.header2 .mobile_logo img { height:7vh;}
.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.nav_bg_m { position:fixed; left:-50%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background-image: linear-gradient(to bottom right, #222531, #00396a);
 -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  background-size:cover;
   padding-top:8vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:rgba(0,0,0,0.8);
 -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
   background-size:cover;    padding-top:8vh;
}
.nav_gb_m img{ width:20px; z-index:11; right:5vw; top:14vh; position:absolute;}
.mobile_logo2 { width:100%;    margin: 5vh auto 2vh auto;}
.mobile_logo2 img { width: 65%; margin:0 auto; display:block;}
.nav_mobile { display:block; width:100%; text-align:center; overflow:hidden;margin-top: 3vh;}
.nav_mobile li { width: 90%;position: relative;font-size: 20px; letter-spacing:0.2px; overflow:hidden; margin:2vh auto;}
.nav_mobile li a { color:#fff;  width: 100%; display:block;    padding: 1vh 0;}
.nav_mobile li a.cur { color:#fff; border-bottom: 1px solid #fff;}
.nav_mobile li:last-child{font-family: "Microsoft YaHei";}

@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}
}
@media screen and (max-width:600px){
.header2 .mobile_logo img { height:7vh;}
}



/*banner*/
.banner_content{ width:100%; height:100vh; position:relative;overflow: hidden;}
.banner{ width: 100%;
        height: 100vh;}


.banner .swiper-slide {
        background-position: center;
        background-size: cover;

    }

.bannerfenye .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px;background:#2ea1d3; opacity: 0.5;}
.bannerfenye .swiper-pagination-bullet-active{ background:#f29921; opacity: 1;}
.swiper-container-horizontal>.bannerfenye {
        bottom: 130px!important;}
.banner .swiper-slide-active{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}
.banner-next,.banner-prev{ width: 65px; height: 32px; position:absolute; z-index: 2;}
.banner-next{ background: url(../images/banner_right.png) no-repeat center center; background-size: 100%; bottom: 20%; right: 8%;}
.banner-prev{ background: url(../images/banner_left.png) no-repeat center center; background-size: 100%; bottom: 20%; right: calc(8% + 82px);}


/* mbanner */
.mbanner{ display:none; margin-top: 8vh;}
.mbanner_next,.mbanner_prev{width:40px; height:20px;position:absolute; z-index:2; bottom:5%;}
.mbanner_next{ background:url(../images/banner_right.png) no-repeat center center;  right:calc(50% - 45px); background-size: 100%;}
.mbanner_prev{ background:url(../images/banner_left.png) no-repeat center center; left:calc(50% - 45px); background-size: 100%;}
.mbanner img{ width:100%; height:auto;}

@media screen and (max-width:900px){
.mbanner{ display:block;}
.banner{ display: none;}
.banner_content{height: auto;}
}

/* banner_form */
.banner_form{ width: 440px; background: #e47915; border-radius: 10px 10px 0 0; position: absolute; left: 8%; bottom:0; z-index: 2; box-sizing: border-box; padding: 1.5% 0 2%;}
.form_top{ width: 100%; border-bottom: 1px solid #222531;}
.form_top h3{ font-size: 3.4rem; color: #01305a; line-height: 1.5em; display: table; margin: 0 auto; padding-bottom: 4%;}
.form_top h3 i{ width: 46px; display: block; float: left;}
.form_top h3 i img{ display: block; width: 100%; height: auto;}
.form_top h3 span{ float: left; margin-left: 12px;}

.form_bottom{ width: 100%; box-sizing: border-box; padding: 0 6%;}
.base_form{ width: 100%; margin-top: 10px;}
.base_form h4{ color: #01305a; font-size: 2.2rem; line-height: 1.5em; font-family: 'Arial'; text-transform: uppercase; margin-bottom: 5px;}

.base_form select{border:none; outline:none; box-sizing: border-box; font-size: 2rem; color: #2f2f2f; width: 100%;font-family: 'Arial';appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;padding: 20px 15px;
background: #fff url(../images/form_jian.png) no-repeat; background-position: calc(100% - 15px) center; box-sizing: border-box; line-height: 1em; border-radius: 10px; }
.base_form select option{ font-size: 16px; padding: 20px 0!important;}
.base_form p{ font-size: 2rem; color: #fff; line-height: 1.6em; letter-spacing: 0.6px; border-bottom: 1px solid #fff;}

.form_bottom button{ cursor: pointer; border:none; background:#222531;outline:none; color: #e47915; text-transform: uppercase; border-radius: 10px; width: 185px; line-height: 50px; font-size: 2rem; margin: 30px auto 0; display: block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.form_bottom button:hover{ background: #003664;}


@media screen and (max-width:1450px){
.base_form select{ padding: 20px 15px;}
.form_bottom button{ line-height: 45px;}
.form_top h3 i{ width: 40px;}
}

@media screen and (max-width:1200px){
.banner_form{ padding: 2.5% 0 3%;left: 4%;}
.base_form{ margin-top: 4%; }
.form_bottom button{margin: 6% auto 0;}
}

@media screen and (max-width:900px){
.banner_form{ position: static; left: 0; bottom: 0; border-radius: 0; width: 100%;}
.banner_form{ padding: 4% 0 5%;}
.form_top h3{ padding-bottom: 3%;}
}
@media screen and (max-width:560px){
.form_bottom{ padding: 0 4%;}
.form_top h3{ font-size: 5.6vw;}
.form_top h3 i{ width: 8vw;}
.form_top h3 span{ margin-left: 2vw;}
.base_form h4{ font-size: 4.2vw;}
.base_form select{ padding: 3.5vw 15px;font-size: 4vw;border-radius: 5px;}
.base_form{ margin-top: 2.5%;}
.form_bottom button{margin: 4% auto 0; width: 40vw; line-height: 10vw; font-size: 4vw;}
.base_form select option{ font-size: 3.8vw;}
}@media screen and (min-width: 900px) and (max-height: 740px){.banner_form{padding: 1.5vh 0}.form_top h3{padding-bottom: 1.6vh;}.form_bottom button{ margin-top:2vh;line-height: 7vh;}	.base_form select{padding: 2vh 15px;}.base_form h4{ line-height:1.3em; margin-bottom: 1px;}.base_form{margin-top: 1vh;}}

/*index_product_start*/
.index_product_container{ width: 100%;}
.index_product_container ul li{ width: 100%; background: #191d29; position: relative; margin-top: 10px; overflow: hidden;}
.index_product_container ul li:first-child{ margin-top: 0;}
.index_product_img{ width: 100%;}
.index_product_img img{ display: block; width: 100%; height: auto;}

.index_product_word_container{ width:100%; height: 100%; position:absolute; left: 0; top:0;}
.index_product_word_content{ width: 1680px; height: 100%; margin: 0 auto;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    }

.index_product_word{ width: 760px;}
.index_product_word a{ color: #fff;}
.index_product_word h3{ font-size: 6rem; line-height: 1.5em;}
.index_product_word p{ font-size: 2rem; line-height: 1.5em; color: #fff; font-family: 'Arial';}
.index_product_word h6{ font-weight: normal; font-size: 1.6rem; line-height: 1.8em; text-transform:uppercase; display: inline-block; border-bottom: 1px solid #fff; padding-right: 5px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin-top: 4%;}
.index_product_word h6:hover{padding-right: 20px;}

.index_product_container ul li:nth-child(even) .index_product_word_content{ justify-content:flex-end;}

.index_product_container ul li:nth-child(even) .index_product_word{ text-align: right;}

.index_product_container ul li:nth-child(even) .index_product_word h6{ padding-right: 0; padding-left: 5px;}

.index_product_container ul li:nth-child(even) .index_product_word h6:hover{ padding-left: 20px;}

.index_product_img img.pro_m_img{ display: none;}

@media screen and (max-width:1700px){
.index_product_word_content{ width:96%!important;}
}

@media screen and (max-width:1200px){
.index_product_word p{ display: none;}
.index_product_word h6{ margin-top: 4%;}
}

@media screen and (max-width:900px){
.index_product_word h6{ margin-top: 2%;}
.index_product_word{ width: 100%;}
}

@media screen and (max-width:700px){
.index_product_img img.pro_m_img{ display:block;}
.index_product_img img.pro_pc_img{ display: none;}
}

@media screen and (max-width:560px){
.index_product_container ul li{ margin-top: 1%;}
.index_product_word{ width: 100%;}
.index_product_word h3{ font-size: 6.3vw;}
.index_product_word h6{ font-size: 3.6vw;}
}

/* about */
.index_about_container{ width: 100%; margin-top: 5%; padding-bottom: 5%; background: url(../images/about_img.png) no-repeat left bottom;}

.index_about_content{ width: 93.7%; float: right; box-sizing: border-box; border: 1px solid #adadad; border-right: none;}
.index_about_left{ width: 53%; float: left; box-sizing: border-box; padding: 4.5% 13% 0 6%;}
.index_about_left h3{ font-size: 6rem; color: #141414; line-height: 1.5em; text-transform: uppercase; margin-bottom: 4%;}

.index_about_left p{ font-size: 1.8rem; color: #5b5b5b;font-family: 'Arial'; line-height: 1.8em; text-align: justify;}

.index_about_left h6{ font-size: 1.8rem; line-height: 1.5em; font-weight: normal; text-transform: uppercase; margin-top: 13%;}
.index_about_left h6 a{ color: #000000;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_about_left h6 a:hover{ color: #e47915;}
.index_about_left h6 span{ float: left;}
.index_about_left h6 i{ display:block; float: left; width: 67px; margin: -5px 0 0 10px;}
.index_about_left h6 i img{ width: 100%; height: auto;}




.index_about_right{ width: 47%; float:right; overflow:hidden; position:relative;}
.index_about_right_word{ width: 100%; height: 100%; background: rgba(25,29,41,0.9); position: absolute; left: 0; top: 0;}
.index_about_right_word ul{ width: 100%; height: 100%; position: relative;}
.index_about_right_word ul li:first-child{    border-right: 1px solid #909297;
    border-bottom: 1px solid #909297;}
.index_about_right_word ul li:nth-child(2) {
        border-bottom: 1px solid #909297;
    }
.index_about_right_word ul li:nth-child(3) {
        border-right: 1px solid #909297;
    }

.index_about_right_word ul li{    width: 50%;
    height: 50%;
    float: left;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; text-align: center; box-sizing: border-box; padding: 0 10px;}

.index_about_right_word ul li h3{ color: #fff; font-size: 4rem; line-height: 1.5em;}

.index_about_right_word ul li h3 span{ font-size: 7rem; letter-spacing: 0.2px; line-height: 1em; margin-right: 10px;}
.index_about_right_word ul li h6{ width: 56px; height: 4px; background: #e47915; margin: 15px auto 20px;}
.index_about_right_word ul li p{ font-size: 2.2rem; letter-spacing: 0.2px; color: #fff; line-height: 1.5em; text-transform: uppercase;}

@media screen and (max-width:1200px){
.index_about_left{ padding: 5%;}
}
@media screen and (max-width:1000px){
.index_about_left{ padding: 3%;}
}

@media screen and (max-width:900px){
.index_about_content{ width: 96%; float: none; margin: 0 auto; border: none;}
.index_about_left{ width: 100%;border: 1px solid #adadad; box-sizing: border-box;}
.index_about_left h6{ margin-top: 6%;}
.index_about_left h3{ margin-bottom: 2%;}
.index_about_right{ width: 100%; margin-top: 1%;}
.index_about_right img{ display: block; width: 100%; height: auto;}
}

@media screen and (max-width:560px){
.index_about_container{  margin-top: 6%; padding-bottom: 6%; background-size: 70%;}
.index_about_left h3{font-size: 6.3vw;}
.index_about_left p{ font-size: 3.8vw; line-height: 1.6em;text-align: left;}
.index_about_left{ padding: 5%;}
.index_about_left h6{ font-size: 3.6vw;}
.index_about_left h6 i{ width: 10vw;margin: 0px 0 0 3vw;}
.index_about_right_word ul li h3{ font-size: 7vw;}
.index_about_right_word ul li h3 span{ font-size: 10vw;margin-right: 2vw;}
.index_about_right_word ul li h6{ width: 10vw; margin: 2vw auto 3vw;}
.index_about_right_word ul li p{ font-size: 4vw;}
}


/* mechanical */
.mechanical_container{ width: 100%; padding: 5% 0; background: #e8e7e7;}
.mechanical_title h2{ color: #141414; font-size: 6rem; line-height: 1.1em; font-weight: normal; text-transform: uppercase;}
.mechanical_content{ width: 100%; margin-top: 3%;}
.mechanical_content_left{ width: 54.5%; float: left; background: #222531; padding: 2% 2% 2% 0; box-sizing: border-box;}
.mechanical_content_left .mechanical_left{ overflow: hidden;}
.mechanical_content_left img{ width: 100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.mechanical_content_left:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.mechanical_content_right{ width: 45.5%; float: right; box-sizing: border-box; padding: 0 5%; margin-top: 4%;}
.mechanical_content_right h3{ font-size: 4rem; line-height: 1.5em; color: #222531;}
.mechanical_content_right h6{ width: 100px; height: 6px; background: #e47915; margin: 4% 0 5%;}
.mechanical_content_right p{ color: #5b5b5b; font-size: 1.8rem; line-height: 1.8em;font-family: 'Arial';}
.mechanical-next,.mechanical-prev{ width: 69px; height: 37px; position:absolute; bottom: 16%; z-index: 2;}

.mechanical-prev{ background: url(../images/mechan_left.png) no-repeat center center; background-size: 100%; right: calc(40.5% - 69px);}
.mechanical-next{background: url(../images/mechan_right.png) no-repeat center center; background-size: 100%; right: calc(40.5% - 156px);}

@media screen and (max-width:1450px){

.mechanical_content_right{ margin-top: 1%;}
.mechanical-next,.mechanical-prev{ bottom:8%;}
}
@media screen and (max-width:1200px){
.mechanical_content_right h6{margin: 2% 0 3%;}
.mechanical-next,.mechanical-prev{ bottom:2%;}
}

@media screen and (max-width:1000px){
.mechanical_content_left{ width: 100%;padding: 2%; float: none;}
.mechanical_content_right{ width: 96%; float: none; margin: 2% auto 0; padding: 0;}
.mechanical-next,.mechanical-prev{bottom: 0;}
.mechanical_content{ padding-bottom: 60px;}
.mechanical-prev{left: calc(50% - 75px);}
.mechanical-next{right: calc(50% - 75px);}
}

@media screen and (max-width:560px){
.mechanical_container{ padding: 6% 0;}
.mechanical_title h2{ font-size: 6.3vw;}
.mechanical_content_right p{ font-size: 3.8vw; line-height: 1.6em;}
.mechanical_content_right h3{ font-size: 4.6vw;}
.mechanical_content_right h6{ width: 14vw; margin: 2% 0;}
.mechanical_content_right{ margin-top: 4%;}
.mechanical-next,.mechanical-prev{ width: 46px; height: 25px;}
.mechanical_content{ padding-bottom: 35px;}
.mechanical-prev{left: calc(50% - 51px);}
.mechanical-next{right: calc(50% - 51px);}
}




/*footer*/
.footer_container{ width:100%;background:#222531; padding:5% 0 0; color:#fff;}
.footer_container a{ color:#fff;}
.footer_container a:hover{ color: #e47915;}
.footer_content{ padding-bottom: 2%;}

.footer_left_content{ float: left;}
.footer_left_content h2{ font-size: 4.6rem; font-weight: normal; line-height: 1.2em;}
.footer_left_content h3{font-family: 'Arial'; font-size: 3.4rem; font-weight: normal; color: #e47915; background: url(../images/bottom_tel.png) no-repeat left center; line-height: 1.3em; padding-left: 58px; box-sizing: border-box; margin: 6% 0 3%;}
.footer_left_content p{font-family: 'Arial'; font-size: 1.8rem; line-height: 1.5em; margin-top: 6px;}
.footer_left_content ul{ width: 100%; margin-top: 6%;}
.footer_left_content ul li{ width: 50px; float: left; margin-right: 15px;}
.footer_left_content ul li img{ display: block; width: 100%; height:auto;}

.footer_right_content{ float: right; text-align: right;}
.footer_right_content ul li{ font-size: 3.8rem; line-height: 1.2em; margin-bottom: 6%;}

.footer_bottom_content{ width:100%; border-top:1px solid #a7a8ad;}
.footer_bottom{padding:1.7% 0;}
.footer_bottom p{font-family: 'Arial'; font-size:1.6rem; line-height:1.5em; letter-spacing:0.6px;}
.footer_bottom p span{ margin-left:50px;}

.sco_top{display: none;}
.sco_top,.sco_top2{width: 40px; position:absolute;right: 3%; bottom: 4%;}
.sco_top img,.sco_top2 img{display: block;width: 100%;}
.totop_xuan{position:fixed;right: 20px; bottom: 5%; padding: 15px; background: #fff;box-shadow: 0 0 20px #ccc; z-index: 2; border-radius: 50%; display: none;}
.totop_xuan img{display: block;width: 18px;}



@media screen and (max-width:1450px){
.footer_left_content h3{ background-size: 40px; padding-left: 50px;}
}

@media screen and (max-width:1100px){
.footer_left_content{ width: 60%;}
}



@media screen and (max-width:900px){

  .totop_xuan{right: 5px; bottom: 3vh; padding: 10px; }
  .totop_xuan img{display: block;width: 15px;}
  .sco_top{width: 25px; bottom: 5%;}
  .sco_top2{width: 25px;bottom:11vh;}
  .footer_left_content h3{ background-size: 35px; padding-left: 45px;}
}

@media screen and (max-width:700px){
.footer_left_content{ width: 100%; float: none;}
.footer_left_content h3{ margin: 3% 0 2%;}
.footer_left_content ul{ margin-top: 3%;}
.footer_left_content ul li{ width: 40px; margin-right: 8px;}

.footer_right_content{ display: none;}
.footer_bottom p span{ display: block; margin-left: 0; margin-top: 4px;}
}

@media screen and (max-width:560px){
.footer_container{ padding-top: 6%;}
.footer_content{ padding-bottom: 4%;}
.footer_bottom{ padding: 3% 0;}
.footer_left_content h2{ font-size: 6.2vw;}
.footer_left_content h3{ font-size: 6vw; background-size: 7vw; padding-left: 9vw; margin: 4% 0 3%;}
.footer_left_content p{ font-size: 3.6vw; margin-top: 1vw; line-height: 1.6em;}
.footer_left_content ul li{ width: 10vw; margin-right: 2vw;}
.footer_bottom p span{ margin-top: 1vw;}
.footer_bottom p{ font-size: 3.2vw;}
}



/*floor*/
.floorcon{ position:relative;}
.floor{ position:absolute; left:0; top:-110px;}



/* add 12-07 word distributors */
.word_dis_container{ width: 100%;}
.word_dis_container ul{   display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap;
}
.word_dis_container ul li{ width: 23.875%; float: left; margin: 0 1.5% 0 0;  background: #222531; padding:1%;box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.word_dis_container ul li:nth-child(4n){ margin-right: 0;}
.word_dis_container ul li:nth-child(n+5){ margin-top: 1.5%;}
.word_dis_container ul li .word_dis_img{ width: 20%; box-sizing: border-box;border: 1px solid #bdbdbd;border-radius: 5px; overflow: hidden;}
.word_dis_container ul li img{ display: block; width: 100%; height: auto; }
.word_dis_content{ width: 100%;}
.word_dis_container ul li h3{    font-size: 3rem;
    line-height: 1.4em; color: #e47915; margin: 3% 0 2% 0;border-bottom: 1px solid #e47915;}
.word_dis_container ul li p{ font-size: 1.7rem; line-height: 1.4em; color: #fff; font-weight: normal;font-family: 'Arial'; margin-bottom: 3px;}
.word_dis_container ul li p:last-child{ margin-bottom: 0;}
.word_dis_container ul li p a{color: #e47915;word-wrap: break-word;}


@media screen and (max-width:1450px)
{
    .word_dis_container ul li p{font-size: 1.8rem;}
}
@media screen and (max-width:1200px)
{
    .word_dis_container ul li{ padding: 1.5%;}
}


@media screen and (max-width:900px)
{
    .word_dis_container ul li{ width: 49%;margin: 0 2% 0 0; }
    .word_dis_container ul li:nth-child(4n){ margin-right: 2%;}
    .word_dis_container ul li:nth-child(2n){ margin-right: 0;}
    .word_dis_container ul li:nth-child(n+5){ margin-top: 0;}
    .word_dis_container ul li:nth-child(n+3){ margin-top: 2%;}
}

@media screen and (max-width:560px)
{
    .word_dis_container ul li p{ font-size: 3.7vw;}
    .word_dis_container ul li h3{ font-size: 5.6vw; margin: 2vw 0 1.5vw 0;}
    .word_dis_container ul li{ padding: 3vw;}
    .word_dis_container ul li .word_dis_img{ width: 30%;}
}