@charset "utf-8";
/* CSS Document */


.ron_body {position:relative; left:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.mo_header_nav {position:fixed; top:0; right:-280px; width:280px; height:100%; background-color:#fff; padding:70px 10px; border-left:1px solid #dedede;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.mo_header_nav li {padding:20px 10px; border-bottom:1px solid #ddbfac;}
.mo_header_nav a {font-size:18px; color:#442f2a;}

.pc_nav .on a{color:#e85c30;text-shadow:0 0 0.8px #e85c30;}

.pc_header {width:100%; height:auto; background-color:#fff;}
.pc_header .wrap {position:relative;}
.logo {display:block;position:absolute;top:51px; left:0;}
.menu {display:block; width:21px; height:17px; background:url(../images/menu.png) no-repeat center; position:absolute; top:50%; right:0; margin-top:-8.5px; display:none;}
.pc_nav {text-align:right; padding:56px 0;}
.pc_nav li {display:inline-block; margin-left:20px;}
.pc_nav a {font-size:18px; color:#442f2a; text-transform:uppercase; text-shadow:0 0 0.8px #442f2a;}
.pc_nav li:hover a {color:#e85c30;text-shadow:0 0 0.8px #e85c30;}
.contenter {width:100%; height:auto; background-color:#dedede;}
.home .main_pic {padding:24px 0 30px 0;}
.home .main_pic img {width:100%;}
.footer {width:100%; height:auto; background-color:#e35000; padding:20px 0 25px 0;}

.comtext {font-size:18px; color:#000;line-height:24px; overflow:hidden;}
.comtext p {margin-bottom:32px;}
.comtext h1 {font-size:24px; color:#000; margin-bottom:35px;}
.ContactInfo h1 {font-size:20px; color:#fff; margin-bottom:14px;}
.ContactInfo p {font-size:14px; color:#fff; line-height:24px;}

.History {padding-top:20px;}
.about_us .main_pic {padding:7px 0 18px 0;}
.about_us .main_pic img {width:100%;}


.System {padding:54px 0 64px 0;}
.System ul {margin-bottom:35px;}
.System ul:last-of-type {margin-bottom:0;}
.System ol {padding-left:41px;}
.System li {padding-left:26px;}
.System span {display:block; padding-left:36px;}
.System b {display:block; padding-left:32px;}


.Prdocution {padding:1.325rem 0 0 1.5rem;}
.Prdocution h1 {margin-left:-1.5rem;}
.pro_pic {overflow:hidden; padding-bottom:5px;}
.pro_pic ul {margin:0 -5px;}
.pro_pic li {width:50%; padding:5px; float:left; overflow:hidden;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.pro_pic a {display:block; overflow:hidden;}
.pro_pic a img {width:100%;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;
}
.pro_pic li:hover img {
-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);
}



.ron_body {position:relative;}
.close_tc {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0); z-index:4; display:none;}
.close_tc.tc_show {display:block;}
.case_lists {overflow:hidden; padding:94px 0 69px 0; position:relative;}
.case_lists ul {margin:-7.5px;}
.case_lists li {width:33.33%; padding:7.5px; float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.case_lists a {display:block; overflow:hidden;}
.case_lists a img {width:100%; position:relative; z-index:1;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;
}
.case_lists li:hover a img {
-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);	
}
.case_lists li .max_pic {display:none; text-align:center; position:fixed; z-index:2; top:0; left:0; width:100%; height:100%; background-color:rgba(222,222,222,.7);}
.case_lists li.maxpic_show .max_pic {display:block;}
.case_body {position:relative; z-index:66; top:50%; margin:0 auto; display:inline-block; background-color:rgba(0,0,0,1);
-webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
		transform:translateY(-50%);	
}
.case_body img {width:auto; max-width:666px; height:auto; max-height:666px;}
.case_body p {font-family:'optima_regular';font-size:18px; color:#fff; padding:37px 0 37px 45px; position:absolute; bottom:0; left:0; width:auto;}


@media (max-width:999px){
.pc_nav {padding:37px 0;}
.logo {top:27px;}
.pc_nav a {font-size:14px;}

}
@media (max-width:768px){
.pc_nav {display:none;}
.logo {position:static; padding:21.5px 0;}
.menu {display:block;}
.rbon {left:-280px;}
.mo_nav_show {right:0;}

.comtext h1 {margin-bottom:25px;}
.comtext {font-size:16px;}
.comtext p {margin-bottom:20px;}
.Prdocution {padding:1.325rem 0 0 20px;}
.Prdocution h1 {margin-left:-20px;}
.case_lists {padding:60px 0 40px 0;}
.case_body img {max-width:100%; max-height:100%;}
.case_body p {padding: 25px 0 25px 10px; font-size:16px;}
}
@media (max-width:640px){
.pro_pic li {width:100%;}
.case_lists li {width:50%;}
}