html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
/**{box-sizing: border-box;}*/
html, body {
    min-height: 100%;
}

body {
    font-family: helvetica, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
    font-size:16px;
    margin: 0 auto; max-width:750px;
}
h1, h2, h3, h4, h5, h6{font-weight:600;}
ul,ol,li {
    list-style: none;
	list-style-type:none;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    text-decoration: none;cursor:pointer;color: #333;
}

.f18{font-size: 0.37rem; color: #666}
.fz30{font-size: 0.4rem;}

/*logo*/
.logo{ width:100%; height:50px; margin:0 auto; max-width:750px;}
.logo .logoimg{width:30%; float:left; margin-top:0.05rem;}
.logo .logoimg img{width:100%; height: 100%}
.logo .cn{float:right; margin-right: 15px; margin-top: 0.33rem; z-index: 9999999;}
.logo .tan{width:40px; margin-top:0.3rem; right: 0.23rem;float:right;}

/*banner*/
.banner {width: 100%;overflow: hidden;max-width:750px; z-index: 10;}



/*tanchuang*/
.windowBox{display:none; width: 100%;height:100%;background-color:#fff;position: fixed;left:0px;top:0px;right: 0px;z-index:10000;}
.tanchuang{width:100%; max-width:750px; overflow:hidden; position:absolute;}
.tanchuang .tannav{width:100%; overflow:hidden; position:relative;left:0px;top:0px; overflow:hidden; background:#fff}
.tanchuang .tannav p{width:20px; height:20px; float:right; margin-right:5px; font-size:0.4rem; margin-top:0.07rem;}
.tanchuang .tannav ul{ width: 100%; margin-top:0.15rem; padding-bottom:1rem;}
.tanchuang .tannav ul li{width:100%; overflow:hidden; line-height:1rem; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align: center; font-size: 0.4rem;}
.tanchuang .tannav ul li a{ color:#000;}

.index {width: 100%; margin: 0 auto; overflow: hidden;}

.index .biaogan{width: 100%;overflow: hidden; background: #dfdfdf;}
.index .biaogan .txt{width: 94%; margin: 0 auto; line-height: 50px; font-size: 28px; margin-top: 1.2rem; margin-bottom: 1.2rem; font-weight: bold}
.index .biaogan .txt font{border-bottom: 6px solid #5eadf2;}

.index .syanli{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 1rem;}
.index .syanli .txt h3{ font-size: 0.6rem;}
.index .syanli .txt p{font-size: 0.6rem;}
.index .syanli ul{margin-top: 0.5rem;}
.index .syanli ul li{width: 44%; overflow: hidden; margin-bottom: 0.5rem; margin-left: 3%; float: left}
.index .syanli ul li img{width: 100%; height: 250px; object-fit: cover;}
.index .syanli ul li p{width:100%; font-size: 0.4rem;margin-top: 0.1rem;}
.index .syanli ul li a{ color: #777}

.index .syanli .more{width: 86%; line-height: 60px; margin: 0 auto; font-size: 26px; text-align: center; margin-top: 50px; margin-bottom: 50px; border: 1px solid #ccc; transition: background-color 0.5s; display: none}
.index .syanli .more a{ color: #000}

.index .syyewu{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.index .syyewu .txt h3{ font-size: 0.6rem;}
.index .syyewu .txt p{font-size: 0.6rem;}
.index .syyewu ul{width:100%;margin-top: 0.5rem; overflow: hidden}
.index .syyewu ul li{width: 44%; overflow: hidden; margin-bottom: 0.3rem; margin-left: 2.5%; display: inline-block;}
.index .syyewu ul li img{width: 100%; height: 100%; object-fit: cover;}
.index .syyewu ul li p{width:100%; font-size: 0.4rem; line-height: 0.8rem;}
.index .syyewu ul li a{ color: #777}

.index .synews{width: 92%; margin: 0 auto; overflow: hidden; margin-top: 1rem;}
.index .synews .txt h3{ font-size: 0.6rem;}
.index .synews ul{margin-top: 0.5rem;}
.index .synews ul li{width: 100%; overflow: hidden; margin-bottom: 0.3rem;}
.index .synews ul li img{width: 100%;}
.index .synews ul li .tit{width:100%; font-size: 0.3rem; line-height: 0.6rem;}
.index .synews ul li a{ color: #777}

.footer{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 1rem; background: #000;}
.footer .foot1{width: 96%; margin: 0 auto; overflow: hidden; margin-top: 0.3rem;}
.footer .foot1 ul li{width: 25%; float: left; text-align: center; font-size: 0.2rem;}
.footer .foot1 ul li a{color: #fff}

.footer .foot2{width: 94%; margin: 0 auto; overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.footer .foot2 .foot2l{width:18%; overflow:hidden; float:left; margin-left: 11.5%;}
.footer .foot2 .foot2l img{width:100%}
.footer .foot2 .foot2l:nth-child(3){margin-right:0}

.factory{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.factory .lanren{width:92%; margin:0 auto; height: auto;overflow: hidden;}
.factory .lanren .txt{margin-bottom: 0.6rem;}
.factory .lanren .txt h3{ font-size: 0.6rem;}
.factory .lanren li {width: 100%;height: auto;margin-bottom: 0.4rem; }
.factory .lanren li a {width: 100%;height: auto;display: block; }
.factory .lanren li .img {width: 100%;height: auto; overflow: hidden;}
.factory .lanren li .img img{width: 100%; height: 320px;}

.factory .lanren li a .tits {color: #323232;margin-top: 20px; line-height: 0.5rem;}
.factory .lanren li a .tits .wen1{width: 100%; font-size:0.25rem;}
.factory .lanren li a .tits .wen2{width: 100%; font-size:0.3rem;}
.factory .lanren li a .tits .wen3{width: 100%; font-size:0.25rem;}

.factory .lanrenmore{width:60%; height:70px; line-height:70px; margin:0 auto; font-size:24px; margin-bottom:20px; cursor:pointer; text-align:center;}
.factory .lanrenmore a{color:#000;}
.factory .lanrenmore span{ font-size:20px; color:#000}

.project{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.project .lanren{width:92%; margin:0 auto; height: auto;overflow: hidden;}
.project .lanren .txt{margin-bottom: 0.6rem;}
.project .lanren .txt h3{ font-size: 0.6rem;}
.project .lanren li {width: 100%;height: auto;margin-bottom: 0.4rem; }
.project .lanren li a {width: 100%;height: auto;display: block; }
.project .lanren li .img {width: 100%;height: auto; overflow: hidden;}
.project .lanren li .img img{width: 100%; height: 320px;}

.project .lanren li a .tits {color: #323232;margin-top: 20px; line-height: 0.5rem;}
.project .lanren li a .tits .wen1{width: 100%; font-size:0.3rem;}
.project .lanren li a .tits .wen2{width: 100%; font-size:0.3rem;}
.project .lanren li a .tits .wen3{width: 100%; font-size:0.25rem;}

.project .lanrenmore{width:60%; height:70px; line-height:70px; margin:0 auto; font-size:24px; margin-bottom:20px; cursor:pointer; text-align:center;}
.project .lanrenmore a{color:#000;}
.project .lanrenmore span{ font-size:20px; color:#000}

/**项目**/
.xuanze{width: 100%; margin: 0 auto; margin-bottom: 30px;}
.xuanze .tit{width: 100%;font-size: 0.3rem; font-weight: bold; margin-bottom: 0.15rem;}
.xuanze .xztxt{width: 100%;overflow: hidden; margin-top: 10px; font-size: 0.3rem; margin-bottom: 0.2rem; }
.xuanze .xztxt p{width: 100%;overflow: hidden; margin-top: 3px;}


.fpage_page{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.fpage_page .txt{width:92%; margin:0 auto;margin-bottom: 0.6rem;}
.fpage_page .txt h3{ font-size: 0.6rem;}

/**世界工厂  文章页**/
.fpage_page .article{width: 92%; margin:0 auto;overflow: hidden; margin-top: 30px;}
.fpage_page .article .article_l{width: 100%;overflow: hidden;}
.fpage_page .article .article_l .tit{width: 100%;overflow: hidden;font-size: 0.5rem; font-weight: bold}
.fpage_page .article .article_l .cat{width: 100%;overflow: hidden; margin-top: 20px;}
.fpage_page .article .article_l .info{width: 100%;overflow: hidden;line-height: 35px; margin-top: 20px; font-size: 18px;}

.fpage_page .article .article_r{width: 100%;overflow: hidden; font-size: 0.3rem; margin-top: 20px;}
.fpage_page .article .article_r .txt{width: 100%;overflow: hidden; margin-bottom: 12px;}
.fpage_page .article .article_r .txt span{overflow: hidden;font-weight: bold; margin-right: 50px;}
.fpage_page .article .article_r .txt p{line-height: 25px; margin-top: 10px;}

.fpage_page .tu1{width: 100%; overflow: hidden; margin-top: 30px;}
.fpage_page .tu1 img{width: 100%;}

.about{width: 100%; margin: 0 auto; overflow: hidden;}
.about .tu1{width: 100%; overflow: hidden}
.about .tu1 img{width: 100%;}

.about .txt{width: 96%; margin: 0 auto; overflow: hidden; line-height: 0.6rem; margin-top: 0.2rem; text-indent: 0.6rem;}

.project_page{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.project_page .hang{width: 90%; margin:0 auto; overflow:hidden;}
.project_page .hang .hang_l{width: 50px; height: 50px; overflow: hidden;float: left;}
.project_page .hang .hang_l img{width: 80%;}
.project_page .hang .hang_c{width: 200px; height: 50px; margin-left: 35%; text-align: center;float: left;font-size: 18px;}
.project_page .hang .hang_r{width:120px; height: 50px; overflow:hidden;float: right;}
.project_page .hang .hang_r h3{ font-size: 18px;}
.project_page .hang .hang_r p{font-size: 14px;}

.project_page .tt{width: 90%; margin:0 auto; margin-top: 20px;}
.project_page .tt img{width: 100%;}

.project_page .m1200{width: 90%; margin:0 auto; margin-top: 20px;}
.project_page .m1200 .article{width: 100%;overflow: hidden; margin-top: 30px;}
.project_page .m1200 .article .article_l{width: 100%;overflow: hidden; margin-top: 20px;}
.project_page .m1200 .article .article_l .tit{width: 100%;overflow: hidden;font-size: 0.3rem; font-weight: bold}
.project_page .m1200 .article .article_l .info{width: 100%;overflow: hidden;line-height: 35px; margin-top: 30px; font-size: 0.25rem;}

.project_page .m1200 .article .article_r{width: 100%;overflow: hidden;font-size: 0.25rem;}
.project_page .m1200 .article .article_r .txt{width: 100%;overflow: hidden; margin-bottom: 12px;}
.project_page .m1200 .article .article_r .txt span{overflow: hidden;font-weight: bold;}
.project_page .m1200 .article .article_r .txt p{line-height: 25px; margin-top: 10px;}

.project_page .m1200 .tu1{width: 100%; overflow: hidden; margin-top: 30px;}
.project_page .m1200 .tu1 img{width: 100%;}

.project_page .m1200 .arttxt1{width: 100%; overflow: hidden; margin-top: 30px;}
.project_page .m1200 .arttxt1_l{width: 59%; overflow: hidden;float: left;}
.project_page .m1200 .arttxt1_l img{width: 100%;}

.project_page .m1200 .arttxt1_r{width: 35%; overflow: hidden;float: right;line-height: 0.5rem; font-size: 0.3rem;}

.project_page .m1200 .arttxt2{width: 100%; overflow: hidden; margin-top: 50px;}
.project_page .m1200 .arttxt2_r{width: 60%; overflow: hidden;float: right}
.project_page .m1200 .arttxt2_r img{width: 100%;}

.project_page .m1200 .arttxt2_l{width: 35%; overflow: hidden;float: left;line-height: 40px; margin-top: 0px; font-size: 18px;}

.project_page .tu2{width: 100%; overflow: hidden; margin-top: 30px;}
.project_page .tu2 img{width: 100%;}

.project_page .xiangguan{width: 96%; margin:0 auto;overflow: hidden; margin-top: 40px; border-top: 1px solid #999}
.project_page .xiangguan .txt{font-size: 30px; font-weight: bold; margin-top: 40px;}
.project_page .xiangguan ul{width: 100%;overflow: hidden; margin-top: 30px;}
.project_page .xiangguan ul li{width: 31.3%; margin-right: 3%; float: left; overflow: hidden;}
.project_page .xiangguan ul li:nth-child(3n){margin-right: 0;}
.project_page .xiangguan ul li img{width: 100%;}
.project_page .xiangguan ul li .tit{margin-top: 5px; font-size: 0.25rem;}

.project_page .xiangguan .more{width: 180px; line-height: 50px; margin: 0 auto; font-size: 20px; text-align: center; border: 1px solid #999; margin-top: 50px;}

/**设计资讯  page**/
.news_page{width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.5rem;}
.news_page .hang{width: 90%; margin:0 auto; overflow:hidden;}
.news_page .hang .hang_l{width: 50px; height: 50px; overflow: hidden;float: left;}
.news_page .hang .hang_l img{width: 80%;}
.news_page .hang .hang_c{}
.news_page .hang .hang_r{width:120px; height: 50px; overflow:hidden;float: right;}
.news_page .hang .hang_r h3{ font-size: 18px;}
.news_page .hang .hang_r p{font-size: 14px;}
.news_page .m1200{width: 90%; margin:0 auto; margin-top: 20px;}
.news_page .tit{width:100%; overflow:hidden; font-size:22px;}
.news_page .time{width:100%; overflow:hidden; line-height:50px; font-size:14px;color:#999;}
.news_page .con{width:100%; overflow:hidden; margin-top:10px; border-bottom:1px dashed #eee; padding-bottom:50px; }
.news_page .con p{width:100%; overflow:hidden; line-height:30px; font-size:14px;color:#666; margin-top:20px;}
.news_page .con img{max-height: 400px;}

    /**关于我们   NEW**/

.m_about{width: 100%; margin: 0 auto; overflow: hidden;}
.m_about .tu1{width: 100%; overflow: hidden}
.m_about .tu1 img{width: 100%;}

.m_about .p_list{width: 100%; margin: 0 auto; overflow: hidden; margin-top: -1px; background: #2d2f3d;}
.m_about .p_list .p_list_bg{width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden; background: url("m03.jpg") center center no-repeat; background-size:100% 100%;}
.m_about .p_list .p_list_bg .p_list_bg_1{width: 100%; overflow: hidden; height: 470px;}

.m_about .p_list .p_list_bg .p_list_bg_1 .img{width: 88%; height: 78%;margin: 0 auto; overflow: hidden; margin-top: 0.4rem;}
.m_about .p_list .p_list_bg .p_list_bg_1 .img img{width: 100%; height: 100%; border-radius: 8px;display: block;}
.m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.2rem; margin-top: 0.25rem; text-align: center;}

.m_about .p_list_anli{width: 100%; margin: 0 auto; overflow: hidden; margin-top: -1px; background: url("m08.jpg")center center; background-size:100% 100%;}
.m_about .p_list_anli .p_list_bg{width: 100%; overflow: hidden; height: 320px;}

.m_about .p_list_anli .p_list_bg .img{width: 84%; height: 100%;margin: 0 auto; overflow: hidden;}
.m_about .p_list_anli .p_list_bg .img img{width: 100%; height: 100%; }

.m_about .a_txtbg{width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden; background: url("m11.jpg") center center no-repeat; background-size:100% 100%;}
.m_about .a_txt{width: 90%; margin: 0 auto; color: #fff; overflow: hidden; line-height: 0.4rem;font-size: 0.2rem;}
.m_about .a_txt p{text-indent: 0.4rem;}

/*@media screen and (max-width: 720px) {*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.18rem; margin-top: 0.135rem; text-align: center;}*/
/*}*/

/*@media screen and (max-width: 680px) {*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.18rem; margin-top: 0.16rem; text-align: center;}*/
/*    .m_about .p_list_anli .p_list_bg{width: 100%; overflow: hidden; height: 400px;}*/
/*}*/

/*@media screen and (max-width: 640px) {*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .img{width: 88%; height: 73.5%;margin: 0 auto; overflow: hidden; margin-top: 0.4rem;}*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.18rem; margin-top: 0.18rem; text-align: center;}*/

/*    .m_about .p_list_anli .p_list_bg{width: 100%; overflow: hidden; height: 350px;}*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .img{width: 88%; height: 74.5%;margin: 0 auto; overflow: hidden; margin-top: 0.4rem;}*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.18rem; margin-top: 0.18rem; text-align: center;}*/

/*    .m_about .p_list_anli .p_list_bg{width: 100%; overflow: hidden; height: 280px;}*/
/*}*/

/*@media screen and (max-width: 560px) {*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .img{width: 88%; height: 75%;margin: 0 auto; overflow: hidden; margin-top: 0.4rem;}*/
/*    .m_about .p_list .p_list_bg .p_list_bg_1 .txt{width: 90%; margin: 0 auto; color: #22242e; line-height: 0.5rem;font-size: 0.18rem; margin-top: 0.18rem; text-align: center;}*/

/*    .m_about .p_list_anli .p_list_bg{width: 100%; overflow: hidden; height: 260px;}*/
/*}*/