﻿/*各种屏幕宽度*/

/*@media screen and (max-width:2048px){html{font-size:273.06667px}}@media screen and (max-width:1920px){html{font-size:256px}}@media screen and (max-width:1440px){html{font-size:192px}}@media screen and (max-width:1600px){html{font-size:213.33333px}}@media screen and (max-width:1242px){html{font-size:165.6px}}@media screen and (max-width:1140px){html{font-size:152px}}@media screen and (max-width:1280px){html{font-size:170.66667px}}@media screen and (max-width:1024px){html{font-size:136.53333px}}@media screen and (max-width:1080px){html{font-size:144px}}@media screen and (max-width:960px){html{font-size:128px}}@media screen and (max-width:800px){html{font-size:106.66667px}}@media screen and (max-width:768px){html{font-size:102.4px}}@media screen and (max-width:736px){html{font-size:98.13333px}}@media screen and (max-width:732px){html{font-size:97.6px}}@media screen and (max-width:720px){html{font-size:96px}}@media screen and (max-width:667px){html{font-size:88.93333px}}@media screen and (max-width:640px){html{font-size:85.33333px}}@media screen and (max-width:600px){html{font-size:80px}}@media screen and (max-width:568px){html{font-size:75.73333px}}@media screen and (max-width:540px){html{font-size:72px}}@media screen and (max-width:533px){html{font-size:71.06667px}}@media screen and (max-width:480px){html{font-size:64px}}@media screen and (max-width:435px){html{font-size:58px}}@media screen and (max-width:414px){html{font-size:55.2px}}@media screen and (max-width:412px){html{font-size:54.93333px}}@media screen and (max-width:400px){html{font-size:53.33333px}}@media screen and (max-width:385px){html{font-size:51.33333px}}@media screen and (max-width:384px){html{font-size:51.2px}}@media screen and (max-width:375px){html{font-size:50px}}@media screen and (max-width:360px){html{font-size:48px}}@media screen and (max-width:320px){html{font-size:42.66667px}}@media screen and (max-width:300px){html{font-size:40px}}@media screen and (max-width:240px){html{font-size:32px}}
*/
/*各种屏幕宽度*/
img {max-width: 100%;height: auto;width: auto\9;}
.banner_box{display: none;}
@media (max-width: 767px){
.search_2{display: none;}
.none,.dowebok{display: none;}
.search_n {display: block;}
.main{position: inherit;}
/*logo*/
.nav_bg{display: table; float: right; margin-right: 0%; width: 100%;}
.nav_bg .nav{display: table; padding-top: 0.15rem; float: left; width: 100%;}
.main .main_z{color: #fff; font-size: 0.15rem; line-height: 0.35rem; width: 94%; text-transform: uppercase; padding-left: 2%; float: left; margin-top: 2%;margin-bottom: 0.2rem;}
.nav_bg .nav{position: relative;}
.nav_bg .nav li{display: table; float: left; width: 25%; text-align: center; line-height: 0.5rem;}
.nav_bg .nav li:last-child{display: block;border: 0px;}
.nav_bg .nav li a{width: 100%; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0px;line-height: 1rem;border-top: 1px solid #ddd;}
.footer h2{font-size: 0.4rem; text-align: center; padding-top: 0.1rem; color: #fff;}

/*手机幻灯片*/
.banner_box{width:100%;text-align:center; margin-top:0rem;display: block;}
.banner_box img{width:100%; display:block;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:20px;}
.roll_img_mb_01 .nav_box li{width:30px;height:3px; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#0037ad;}
.img_box ul li{height: auto!important;}

.input_bg{outline: none; border: solid 1px #827f7f; width: 87%; height: 26px; color: #c7c7c7; margin: 0; font-size: 0.01rem; float: left; margin-top: 0.15rem; border-radius: 0.1rem; background: none; text-indent: 0.03rem; margin-left: 1%;}
.sou_shouji {position: absolute;top: 2.20rem;display: block;width: 100%; background: #262626;height: 1rem;z-index: 99999999;margin-left: -75%;display: none;}
.input_t{display: block; margin-top: 0.25rem; font-size: 0.1rem;margin-left: 0.1rem;}
.nav_bg form {display: table;width: 100%;}

/*内页的响应式*/
.n_main{display: table; width: 100%; padding: 30px 5px; height: calc(900px - 276px); padding-top: 4.1rem; margin-bottom: 0px;}
.left span{display: table; width: 100%; margin-bottom: 8px; margin-top: 8px; font-size: 14px;}
.left{display: table;width: 100%;display: table;float: left;}
.left ul li{display: table;width: auto;margin-bottom: 10px;font-size: 16px;float: left;margin: 0 5px;}
.right{float: left; width: 100%;}
.right>ul>li{width: 49%; float: left; margin: 0.5%; margin-bottom: 2%; border: 1px solid #ddd; padding: 3px;}
.right .right_title{display: table; width: 100%; text-indent: 2em; line-height: 35px; font-family: "Optima","Helvetica Neue",Verdana,Arial,sans-serif; font-size: 12px; color: #484848;}
.right .right_title i{display: table; text-align: left; font-size: 12px; font-family: 微软雅黑; font-weight: normal; color: #858585; line-height: 15px; text-indent: 0;}

/*案例*/
.internal ul li{width: 48%; float: left; margin: 1%; margin-bottom: 10px;}
.internal h3{font-size: 20px; text-align: center; display: table; width: 100%; margin-top: 0px; margin-bottom: 15px;}
.internal_n h3{font-size: 16px; line-height: 36px;}

/*加盟专区*/
.right .Join>li{display: table; width: 100%; border-top: 1px solid #ddd; padding: 20px 0; border-bottom: 1px solid #ddd; padding: 5px;}
.right .Join>li>span{padding: 0; margin: 0; width: 100%; float: left; display: table; text-align: left;}
.right .Join_img{width: 100%; float: right;}
.right .Join h3{font-size: 18px; font-weight: bold; font-family: 宋体;}
.right .Join p{font-size: 12px;}

/*关于我们*/
.Single{display: table;width: 100%;margin-top: 10px;}
.Single p {float: left;width: 100%;}
.Single img{display: table;width: 100%;}

}

@media (max-width: 375px){.sou_shouji{position: absolute; top: 2.22rem; display: block; width: 100%; background: #262626; height: 1rem; z-index: 99999999; margin-left: -75%; display: none;}
.banner_box{width: 100%; text-align: center; margin-top: 0rem;}}
@media (max-width: 320px){.sou_shouji{position: absolute; top: 2.20rem; display: block; width: 100%; background: #262626; height: 1rem; z-index: 99999999; margin-left: -75%; display: none;}
.banner_box{width: 100%; text-align: center; margin-top: 0rem;}}