@charset "utf-8";

/* CSS Document */



*{ margin:0px; padding:0px; list-style:none}

body{ background:#F8F8F8; font-family:"Microsoft YaHei","宋体"}

h1,h2,h3,h4,h5{ font-weight:normal;}

a{ text-decoration:none}

img{ border:0px}

.boxer{ width:72.92%; margin:auto; height:auto}

.header{ padding-top:0.096rem; padding-bottom:0.112rem; height:auto; overflow:hidden}

.header .logo{ float:left;}

@font-face {

font-family: 'enface'; /*a name to be used later*/

src: url('../images/GothamExLight.ttf'); /*URL to font*/

}

.header ul.nav{ width:410px;}

.header ul.nav{ display:block; float:right; font-size:0.33rem}

.header ul.nav li{ width:20%; text-align:right; letter-spacing:2px; float:left}

.header ul.nav li a{ font-size:12px; color:#636363}

.header ul.nav li.on a{ color:#000; font-weight:bold}

.index-banner{ position:relative; height:auto ; overflow:hidden}

.index-banner div.bd ul li img{ width:100%; height:auto}

.index-banner .hd{ width:15px; position:absolute; top:45%; right:0;}

.index-banner .hd li{ width:13px; height:13px; border-radius:50%; border:1px solid #000; font-size:0px; margin-bottom:43px;}

.index-banner .hd li.on{ background:#000}





	.index-banner{ height:auto; width:100%;}

	.index-banner div.bd{ width:90%; float:left;}

	

/****案例展示****/



.menu-case{ width:512px; margin:auto; margin-top:15%;}

.menu-case ul li{ width:154px; margin-left:51px; float:left; position:relative}

.casebox{ }

.casebox .left{ width:15.35%; float:left;}

.casebox .left h3{ font-size:12px; color:#000}

.casebox .left P{font-size:12px; font-size:'enface'; color:#7D7D7D; line-height:22px}

.casebox .right{ width:84.65%; float:left;}

.right .list_case dd{ width:24.98%; float:left; margin-left:8.35%; position:relative; margin-bottom:0.98rem; height:195px;}

.right .list_case dd img{ height:100%; width:auto; max-width:100%}

.right .list_case dd p{ position:absolute; width:100%; height:100%;text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; transition:all 0.5s ease; opacity:0; display:table-cell;vertical-align:middle;z-index:9; left:0; top:0; line-height:195px}

.right .list_case dd:hover p{ opacity:1} 

.showpmore{ display:none}

.showdetails{ width:89.1%; height:90%; position:fixed; left:0; top:0; z-index:99; background:#f8f8f8; padding-left:5.1%; padding-right:5.8%; padding-top:6%; }

.closed{ position:absolute; right:0; top:5%; z-index:99; right:6%}

.scroll_pics{ width:62.57%; float:left; position:relative; height:auto;}

.scroll_pics .bd{ width:87.1%; margin:auto; height:auto;}

.scroll_pics .bd li{ height:auto; width:100%; text-align:center; cursor:pointer;display: flex;justify-content: center;align-items: center; vertical-align:middle;}
@media screen and (min-width:1680px)
{
	.scroll_pics .bd li{ height:780px;}
}
@media screen and (max-width:1500px)
{
	.scroll_pics .bd li{ height:640px;}
}
@media screen and (max-width:1366px)
{
	.scroll_pics .bd li{ height:520px;}
}
@media screen and (max-width:1200px)
{
	.scroll_pics .bd li{ height:480px;}
}
@media screen and (max-width:860px)
{
	.scroll_pics .bd li{ height:auto;}
}
.scroll_pics .bd li img{max-width:100%; max-height:780px}

.scroll_pics  .anniu{ position:absolute; top:40%; width:15px; cursor:pointer;}

.scroll_pics  .anniu.prev{ left:0;}

.scroll_pics  .anniu.next{ right:0;}

.case_text{ width:32.17%; float:left; font-size:14px; line-height:36px; color:#000; margin-left:5.26%; height:100%; overflow:auto}
.case_text::-webkit-scrollbar{ width:8px; height:8px;}
.case_text::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.5); border-radius:10px;}



.showdetails.bigpic{ width:100%; height:90%; position:fixed; background:#000; left:0; top:0; z-index:100; padding-left:0; padding-right:0}

.showdetails.bigpic .case_text{ display:none; width:0%}

.showdetails.bigpic .scroll_pics{ width:100%; float:none; border:1px solid #fff}





/*********图片放大样式*******/

#pictureViewer{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background:#000;

    z-index: 10000;

}

#pictureViewer > .content{

    background:#000;

    position: absolute;

    width:100%;

    height: 100%;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

#pictureViewer .menu-bar{

    width: 100%;

}

#pictureViewer .menu-bar .handel{

    width: 40px;

    height: 40px;

    float: right;

    background-repeat: no-repeat;

    background-position: 50%;

    cursor: pointer;

}

#pictureViewer .menu-bar .handel:hover{

    background-color: #ff2e67;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

#pictureViewer .menu-bar .handel.maximization{

    background-image: url(../images/maximization_black.png);

    background-size: 14px;

}

#pictureViewer .menu-bar .handel.maximization:hover{

    background-image: url(../images/maximization_white.png);

}

#pictureViewer .menu-bar .handel.miniaturization{

    background-size: 16px;

    background-image: url(../images/miniaturization_white.png);

}

#pictureViewer .menu-bar .handel.miniaturization:hover{

    background-image: url(../images/miniaturization_white.png);

}

#pictureViewer .menu-bar .handel.close-view{

    background-image: url(../images/close_white.png);

    background-size: 15px;

}

#pictureViewer .menu-bar .handel.close-view:hover{

    background-image: url(../images/close_white.png);

}

#pictureViewer .handel-prev,

#pictureViewer .handel-next{

    display: inline-block;

    width: 50px;

    height: 70px;

    position: relative;

    top: calc(50% - 80px);

    background-repeat: no-repeat;

    background-size: 25px;

    background-position: 50%;

    cursor: pointer;



    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

#pictureViewer .handel-prev{

    background-image: url(../images/prev_white.png);

}

#pictureViewer .handel-next{

    background-image: url(../images/next_white.png);

}

#pictureViewer .handel-prev:hover,

#pictureViewer .handel-next:hover{

    background-color: #ff2e67;

}

#pictureViewer .handel-prev:hover{

    background-image: url(../images/prev_white.png);

}

#pictureViewer .handel-next:hover{

    background-image: url(../images/next_white.png);

}

#pictureViewer .picture-content{

    display: inline-block;

    width: 90%;

    height: calc(100% - 80px);

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

}

#pictureViewer .picture-content .cover{

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

#pictureViewer .counter{

    position: absolute; display:none;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    width: 100%;

    text-align: center;

    color: #808080;

    font-size: 13px;

}

#pictureViewer .hide{

    display: none;

}

#pictureViewer .left{

    float: left;

}

#pictureViewer .right{

    float: right;

}

#pictureViewer .clear-flex{

    clear: both;

}

#pictureViewer img{

    max-width: 100%;

    max-height: 100%;

}



.pagebox{ width:100%; margin:auto; padding-top:0.5rem}
.pagebox_con{width:100%; margin:auto;}
.pagebox_con .pic{ width:40.21%; float:left;}

.pagebox_con .pic img{ width:100%; height:auto;}

.pagebox_con .showtext{ width:35.93%; float:right; margin-right:4.15%; font-size:12px; line-height:40px; color:#000; display:inline-block; text-align:justify}

.pagebox_con .showtext h4{ height:28px; line-height:16px; font-weight:bold}
.pagebox .showtext{ width:35.93%; float:right; margin-right:4.15%; font-size:12px; line-height:40px; color:#000; display:inline-block; text-align:justify}
.pagebox .pic{ width:40.21%; float:left;}
.pagebox .pic img{ width:100%; height:auto;}
.pagebox .hd{ width:35.79%; float:left;}

.pagebox .hd li{ line-height:0.72rem; border-bottom:1px solid #E5E5E5; font-size:12px; color:#7E7E7E;}

.pagebox .hd li a{ font-size:12px; color:#000; transition:all 0.3s}

.pagebox .hd li.on a{ font-weight:bold;}

.pagebox .bd{ width:40.36%; float:right; padding-top:0.31rem;}

.pagebox .bd li{ text-align:center;}

.pagebox .bd li img{ max-width:100%}

.newsbox{ width:54.5%; margin:auto;}

.goback{ display:block;}

.newsbox .goback a{ display:block;}

.newsbox .title{ font-size:12px; line-height:18px; padding-top:0.16rem; font-weight:bold}

.newsbox .title span{ font-weight:normal; color:#7D7D7D}

.newsbox .show{ padding-top:0.144rem; line-height:0.5rem; font-size:12px;}

.newsbox .show img{ width:auto !important; max-width:100% !important;}



.allmap{width:100%; height:5.66rem}

.weixin{ padding-bottom:0.84rem;}

.group_text{ line-height:30px; padding-bottom:0.32rem; font-size:0.12rem;}
.menu-case ul li:hover,.header .logo:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}

10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}

30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}

40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}

100%{-webkit-transform:scale(1) rotate(0);}}

@-moz-keyframes tada{0%{-moz-transform:scale(1);}

10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}

30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}

40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}

100%{-moz-transform:scale(1) rotate(0);}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);

opacity:0;}

40%{-webkit-transform:perspective(400px) rotateY(-10deg);}

70%{-webkit-transform:perspective(400px) rotateY(10deg);}

100%{-webkit-transform:perspective(400px) rotateY(0deg);

opacity:1;}}

@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);

opacity:0;}

40%{-moz-transform:perspective(400px) rotateY(-10deg);}

70%{-moz-transform:perspective(400px) rotateY(10deg);}

100%{-moz-transform:perspective(400px) rotateY(0deg);

opacity:1;}
}

@media screen and (max-width:1600px)

{

.header{ padding-top:0.07rem; padding-bottom:0.08rem; height:auto; overflow:hidden}	

	}

@media screen and (max-width:1366px)

{

.header{ height:auto; overflow:hidden}	

	}
.wap{ height:auto; overflow:hidden; display:none}
.menu-ico,.menu-closed{ display:none; width:40px; position:absolute; right:0.26rem; top:0.26rem; z-index:9}
.menu-ico img,.menu-closed img{ width:80%; height:auto}
/*.menu-closed img{ width:60%}*/
.menu-closed{ z-index:100}
  body.addopen{ position:fixed; height:100%; width:100%}
  .header ul.nav li span{ display:none}
@media screen and (max-width:768px)

{
	body{ background:#ffffff}
	.menu-ico{ display:block}
	.boxer{ width:98%; margin:auto; height:auto}
	.header .logo{ width:100%; float:none; text-align:center; position:relative; top:0rem; left:0; z-index:1; padding:0.08rem 0;}

	.header .logo img{ width:auto; max-width:100%; height:0.67rem;}

	.header ul.nav{ display:block; float:none; width:50%; margin-top:0rem; border-top:1px solid #f8f8f8; border-bottom:1px solid #999; height:auto; overflow:hidden; padding-top:0.2rem; padding-bottom:0.5rem; position:fixed; background:rgba(249,249,249,1); top:0; right:-50%; z-index:99; height:100%; padding-top:0.8rem;}

	.header ul.nav li{ text-align:left; width:70%; line-height:0.8rem; margin-left:15%}
	.header ul.nav li span{ display:inline-block; margin-right:5%}
	.header ul.nav li a { font-size:0.4rem;}

	.index-banner div.bd{ width:100%; float:none;}

	.index-banner .hd{ width:30%; position:relative; top:0; right:0; margin:auto; display:none}

.index-banner .hd li{ width:10px; height:10px; border-radius:50%; border:1px solid #000; font-size:0px; margin-bottom:0px; float:left; margin:0.032rem 0.09rem}



.menu-case{ width:100%; margin:auto; margin-top:15%; display:none}

.menu-case ul li{ width:46%; margin-left:3%; float:left; position:relative}

.menu-case ul li img{ width:100%}

.pagebox_con .pic{ width:100%}

.pagebox_con .showtext{ width:98%; margin-right:0px; margin:auto; text-align:center}

.weixin{padding-bottom:.36rem}

.group_text{ padding-bottom:0.2rem; line-height:0.28rem}

.newsbox{ width:96%}
.newsbox .goback{ display:none}
.newsbox .show{ line-height:0.32rem;}
.newsbox .show span,.newsbox .show div{ font-size:0.16rem !important ; padding:0.2rem 0}
.newsbox .show img{ margin-bottom:0.2rem}
.pagebox .bd{ display:none}

.pagebox .hd{ width:96%; float:none; margin:auto}

.pagebox .hd li{ line-height:0.48rem;}

.casebox .left,.casebox .right{ width:100%;}

.casebox .left h3,.casebox .left p{ padding-left:5%}

.right .list_case dd{ width:30%; margin-left:3%; margin-bottom:0.32rem; height:1.2rem}



.scroll_pics{ width:100%;}

.case_text{ width:100%; margin-left:0px; line-height:1.5rem; padding-top:1rem;}
.wap{ display:block;}
.class_title{ padding:0.45rem 0; text-align:center;font-size: 0.16rem;}
.class_title ul li{ display:inline-block; padding:0.08rem 0.15rem; margin:0 0.18rem; border:1px solid #333333; font-size:0.145rem; color:#333333; border-radius:6px;letter-spacing:0.05rem}
.class_title ul li a{ color:#333333; }
.class_title ul li.on{ background:#333333; color:#ffffff;}
.class_title ul li.on a{ color:#ffffff;}
.index_product{ clear:both;}
.index_product .bd{}
.index_product .bd ul li{ margin-bottom:0.3rem;}
.index_product .bd ul li img{ width:100%; height:auto;}
.index_product .bd ul li p{ clear:both; padding-top:0.12rem; line-height:0.24rem; font-size:0.15rem; color:#333333; }
.about_box{ height:auto; overflow:hidden;}
.index_title{ padding:0.66rem 0; text-align:center; font-size:0.15rem; height:auto; overflow:hidden; clear:both}
.index_title span{ display:inline-block;padding:0.08rem 0.15rem; background:#333333;border:1px solid #333333; color:#fff;font-size:0.15rem; border-radius:6px; letter-spacing:0.05rem}
.index_title i{/* font-size:0.39rem; font-style:normal; margin-top:0.1rem;display: inline-table;*/ font-style:normal; font-size:220% }
.index_title b{ font-size:0.22rem; letter-spacing:0.06rem}
.about_box .pic{ text-align:center; height:auto; overflow:hidden; padding-bottom:0.3rem}
.about_box .pic img{ width:auto; max-width:50%;}
.about_box .info,.about_box .info p,.about_box .info div{ text-align:center; line-height:0.4rem; font-size:0.15rem; color:#333}
.jj_box { height:auto; overflow:hidden; clear:both; padding-top:0.5rem}
.jj_box .pic{ width:40.8%; float:left; margin-right:2%;}
.jj_box .pic img{ width:auto; max-width:100%;}
.jj_box .text{ width:53.3333%; float:left;}
.jj_box .text .info{ line-height:0.28rem; font-size:0.14rem; color:#6d6d6d;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;}
.jj_box .text  .more{ width:1.14rem; height:0.35rem; line-height:0.35rem; text-align:center; margin-top:0.2rem; border:1px solid #EDEDED; border-radius:5px; font-size:0.18rem; color:#6d6d6d}
.index_news_list ul li{ width:44.26%; float:left; margin-left:2.4%; margin-right:4%; margin-bottom:0.4rem;}
.index_news_list ul li:nth-child(2n){ margin-right:0}
.index_news_list ul li .pic{ height:1.87rem; overflow:hidden}
.index_news_list ul li img{ width:100%; max-width:100%; height:100%}
.index_news_list ul li .title{ height:0.44rem; line-height:0.44rem; text-align:center; background:#333333; font-size:0.16rem; color:#fff;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.index_news_list ul li .title a{ font-size:0.16rem; color:#fff;}
.index_wap_bottom .pic{ text-align:center}
.index_wap_bottom .pic img{ width:auto; max-width:30%;}
.index_wap_bottom p{ padding-top:0.3rem; line-height:0.32rem; text-align:center; font-size:0.15rem; color:#000}
.footer_logo{ height:auto; overflow:hidden; padding:0.14rem 0; text-align:center; box-shadow:0px 0px 15px #ccc; background:#fff; margin-top:0.8rem}
.footer_logo img{ height:0.67rem;}
.about_pic_scroll{ position:relative; overflow:hidden; height:auto; padding-bottom:0.6rem; margin-top:1.6rem}
.about_pic_scroll .swiper-slide { position:relative; width:100%; text-align:center}
.about_pic_scroll .swiper-slide  img{ width:auto; max-width:100%; height:auto}
.about_pic_scroll .swiper-pagination{ width:100%;}
.about_pic_scroll .swiper-pagination .swiper-pagination-bullet{ width:0.21rem; height:0.21rem; background:#fff; border:1px solid #000;}
.about_pic_scroll .swiper-pagination  .swiper-pagination-bullet-active{ background:#000}
.inner_about{ padding-top:60px; line-height:0.42rem; font-size:0.15rem; color:#000}
.pagebox{ display:none}
.wap_list_news{ height:auto; overflow:hidden; padding:0.73rem 2%;}
.wap_list_news li{ height:auto; overflow:hidden; margin-bottom:0.52rem;}
.wap_list_news li .pic{ height:auto; overflow:hidden; text-align:center;}
.wap_list_news li .pic img{ width:auto; max-width:100%;}
.wap_list_news li .info{ padding:0.12rem 1%; background:#F8F8F8 }
.wap_list_news li .info h3{ line-height:0.3rem; font-size:0.16rem; color:#232323;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.wap_list_news li .info p{ line-height:0.3rem; font-size:0.14rem; color:#6c6c6c;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	.newsbox .title{ font-size:0.24rem; color:#6d6d6d; text-align:center}.newsbox .title span{ display:none;}
} 
@media screen and (max-width:375px)
{
.jj_box .text .info{ line-height:0.3rem}
}
@media screen and (max-width:360px)
{
.jj_box .text .more{ margin-top:0.2rem}
}