@media screen and (max-width:991px) {
	
/*弹窗*/
.alert{font-size:14px !important;min-width: 17% !important;max-width: 60% !important;height: 5% !important;padding: 10px !important;line-height: 50px !important;}
.info_logo{width:80px; margin:auto; padding-top:260px;}
.info_logo img{width:100%; display:block;}	
.info_text{display:none;}
.info_lg{width:150px; margin:40px auto 0;}
.info_lg li{width:75px; float:left; text-align:center; font-size:14px; position:relative; line-height:40px;}
.info_lg li a:after{content:''; display:block; width:1%; height:1px; line-height:1px; background:#ff7200; position:absolute; left:50%; bottom:0; opacity:0;
filter:alpha(opacity=0); -webkit-transition:all .3s; transition:all .3s;}
.info_lg li a:hover,.info_lg li a.on{color:#ff7200;}
.info_lg li a:hover:after,.info_lg li a.on:after{width:50%; left:0; opacity:1; filter:alpha(opacity=100); left:25%;}

.info_foot{width:95%; margin:140px auto 0; text-align:center; line-height:24px; font-family:"Century Gothic";}
.info_copy{width:95%; margin:50px auto 0; text-align:center; line-height:30px; font-size:16px;}
	
.menu,.top_r{display:none;}	

.top2{width:100%; height:80px; margin:auto; background:#e1e1e1; position:fixed; top:0; left:0; z-index:9999;}
.logo{float:left; margin:10px 0 0 3%;}
.logo img{width:80%; display:block;}

.naverbox{display:block; z-index:9999;}
.naverbox .btn{position:absolute;top:25px; right:3%; height:30px;}
.naverbox .btn span{display:block; width:30px; height:30px; background:url(../img/dh.png) no-repeat center; cursor:pointer;}

.sidebar-wrapper{position:relative; height:100%; overflow:auto;}
#dowebok{display:block; left:-100%;}
#dowebok .naver{width:100%; background:#fff !important; border-top:1px solid #e6e6e6;}
#dowebok .naver li{position:relative; width:100%;}
#dowebok .naver li p.active span,#dowebok .naver li p.you span{position:absolute; right:0; top:5px; width:40px; height:40px; background:url(../img/pic26.png) no-repeat center; cursor:pointer;}
#dowebok .naver li p{border-bottom:1px solid #e6e6e6;}
#dowebok .naver li p.you.active span{width:36px; height:36px; background:url(../img/pic27.png) no-repeat center;}
#dowebok .naver li p{line-height:50px;} 
#dowebok .naver li p a{display:block; padding:0 0 0 20px; text-decoration:none; font-size:15px; background:#fff;}
#dowebok .naver li dl{line-height:30px; display:none; padding:10px 0;}
#dowebok .naver li dl a{color:#787876; display:block; padding:0 20px; font-size:14px;}
#dowebok .naver li dl a:hover{color:#fff; display:block; background:#ff7200; text-decoration:none;}
#dowebok .naver li a.currnet{background:#fff; color:#000;}

.search2{width:91%;height:30px;padding:19px 3%; position:relative;}
.search2_bg{width:100%; height:30px;float:left; background:#fff; border:1px solid #dedede; border-right:none; box-sizing:border-box;}
.sear_bk{width:98%;height:30px;float:left; background:none; border:none; margin:1px; padding-left:2%; line-height:30px;color:#787876;font-size:12px;box-sizing:border-box;}
.search2_btn{width:30px;height:30px; position:absolute; top:19px; right:0px;}


.footer{width:95%; margin:20px auto 0;}
.foot_l{width:100%; float:left; text-align:center; font-family:Arial; color:#787876; line-height:20px; clear:both;}
.foot_l a{color:#787876;}
.foot_l a:hover{color:#ff7200;}
.foot_rtb{width:100px; margin:auto; padding:40px 0;}
.foot_rtb li{width:20px; float:left; margin-right:20px;}
.foot_rtb li:nth-child(3n){margin-right:0;}
.foot_rtb li img:hover{opacity:0.8;}

/** 首页代码 End **/


.aoubtPart1{width:100%; margin:80px auto 0; padding:150px 0; overflow:hidden; position:relative; background:url(../img/bgn3.jpg) center fixed no-repeat;background-size:cover;}
.ny_txt{width:95%; margin:auto;}
.ny_txt h3{width:100%; margin:auto; text-align:center; font-size:20px; font-weight:bold; color:#f79647; line-height:20px;}
.ny_txt_l{width:100%; margin:80px auto 0; line-height:30px; font-size:14px; text-align:center; color:#000;}

.aoubtPart2{width:100%; margin:auto; padding:150px 0; overflow:hidden; position:relative; background:url(../img/ny_bg2.jpg) center fixed no-repeat;background-size:cover;}
.aoubtPart3{width:100%; margin:auto; padding:150px 0; overflow:hidden; position:relative; background:url(../img/ny_bg.jpg) center top fixed no-repeat;background-size:cover;}
.aoubtPart4{width:100%; margin:auto; padding:150px 0; overflow:hidden; position:relative; background:url(../img/bgn4.jpg) center bottom fixed no-repeat;background-size:cover;}

/** 關於我們代码 End **/
	
.sjtdPart1{width:100%; margin:auto; padding:150px 0; overflow:hidden; position:relative; background:url(../img/bgn5.jpg) center fixed no-repeat;background-size:cover;}	
.ny_txt3_l{width:100%; float:left; margin-top:60px; line-height:30px; font-size:14px; text-align:center; color:#000;}

.ny_bnbg{width:100%; height:200px; margin:80px auto 0; background:url(../img/ny_bnbg.jpg) center; text-align:center;}
.ny_bn{width:95%; margin:auto; padding-top:70px; font-size:24px; font-weight:bold; color:#fff; line-height:30px;}
.curr{width:95%; margin:10px auto 0; line-height:30px; font-size:14px; color:#fff;}
.curr a{color:#fff;} .curr a:hover{color:#ff7300;}
.curr span{color:#ff8725;}

.ny_tit{width:95%; margin:120px auto 0;}
.ny_tit ul{text-align:center;}
.ny_tit li{display:inline-block; font-size:15px;}
.ny_tit li:last-of-type{padding-right:0; background:none;}
.ny_tit li a{padding:0 20px;}
.ny_tit li a:hover,.ny_tit li a.on{color:#f79647;}

.ny_main{width:100%; margin:40px auto 0;font-size:14px; line-height:30px; background:#fff; padding:5%; box-sizing:border-box; box-shadow:0 1px 10px #999; -webkit-box-shadow:0 1px 10px #999;}
.nyr_txt2{width:100%; max-width:1200px; margin:60px auto 0;}
.nyr_txt2 h3{font-size:18px; color:#000; text-align:center; margin-top:40px;}

.nyr_tit{width:100%; float:left;}
.nyr_tit h3{margin:auto; text-align:center; font-size:30px; font-weight:bold; color:#f79647; line-height:30px;}
.nyr_jlist{width:95%; margin:40px auto 0;}
.nyr_jlist li{width:100%; float:left; margin-top:40px;}
.nyr_jlist li .pic{width:70px; margin:auto;}
.nyr_jlist li .pic img{width:70px; height:90px;}
.nyr_jlist li .bt{width:100%; margin:auto; text-align:center;}	
.nyr_jlist li .wz{width:100%; margin:10px auto 0; text-align:center; font-size:14px; line-height:30px; color:#787876;}
		
.sjtd_mainbg{width:100%; margin:auto; font-size:14px; padding:100px 0;line-height:30px; background:url(../img/sjtd_bg.jpg) center fixed repeat-y;}
.sjtd_main{width:95%; margin:auto;}
.sjtd_tit{width:100%; text-align:center; margin-top:50px;}
.sjtd_tit h3{font-size:30px; font-weight:bold; color:#f79647; line-height:30px;}

.ysjPart1{width:100%; margin:auto; padding:50px 0 100px; overflow:hidden; position:relative; background:url(../img/bgn6.jpg) center fixed no-repeat;background-size:cover;}	
.ysjPart2{width:100%; margin:auto; padding:80px 0; overflow:hidden; position:relative; background:url(../img/bgn7.jpg) center fixed no-repeat;background-size:cover;}	
	
.nyr_ysj{width:95%; margin:100px auto 0;}
.nyr_ysj .tp{width:155px; margin:auto;}
.nyr_ysj .tp img{width:155px; height:195px;}
.nyr_ysj .tit{margin:10px auto 0; text-align:center;}
.nyr_ysj .tit h3{font-size:16px; font-weight:bold; color:#000;}
.nyr_ysj .txt{width:100%; margin:30px auto 0; font-size:14px; line-height:30px;}
.nyr_ysj .txt img,.nyr_ysj2 img{width:100%; display:block;}
	
.nyr_ysj2{width:95%; margin:auto; font-size:14px; line-height:30px;}
.nyr_ysj2 strong{padding-left:60px; font-size:16px; color:#000;}
.nyr_ysj2 span{color:#999; padding-right:25px;}	

/** 設計團隊代码 End **/

.pro_img{width:100%; float:left;}
.pro_img ul{width:100vw; height:450px; margin-left:-5%; box-sizing:border-box; padding:0 5%; overflow-y:auto;}	
.pro_img ul li{width:48%; float:left; margin:0 3% 30px 0;}
.pro_img ul li:nth-child(2n){margin-right:0;}
.pro_img ul li p{width:100%;float:left; text-align:center; line-height:20px; font-size:14px; padding:5px 0;}
.pro_img ul li img{width:100%; display:block; border:1px solid #e6e6e6; box-sizing:border-box; -webkit-filter:grayscale(0%);filter:grayscale(0%); filter:0;}
.pro_img ul li img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.pro_img ul li a:hover p{display:block; background:#f79647; color:#fff;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.pro_img::-webkit-scrollbar{width:5px; height:5px; background-color:#F5F5F5;}
 
/*定义滚动条轨道 内阴影+圆角*/
.pro_img::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
 
/*定义滑块 内阴影+圆角*/
.pro_img::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#666;}	
	
	
.products{width:100%; float:left;}
.sp-wrap{width:100%; margin:auto; position:relative; display:block !important; padding:40px 0; overflow:hidden;}

.sp-large{position:relative; overflow:hidden; top:0; left:0; height:100% !important;}
.sp-large a img{max-width:100%; width:100%; height:100%;}
.sp-large a{display:block;}

.sp-thumbs img{min-height:50px; min-width:50px; max-width:50px;}
.sp-thumbs a:link, .sp-thumbs a:visited{width:50px; height:50px; overflow:hidden; display:inline-block; background-size:cover; background-position:center; margin-right:10px; box-sizing:border-box; border:1px solid #e6e6e6;}

.sp-thumbs{text-align:left;display:inline-block; margin-top:10px;}
.sp-thumbs a:last-of-type{margin-right:0;}
.sp-thumbs a:hover{border-color:#f79647;}

.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none!important;}
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9);z-index:500;display: none;cursor: pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; border:2px solid #fff;}
#sp-prev, #sp-next{position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none;background:#000; border-radius:25px; border:2px solid #fff; width:50px;height:50px; box-sizing:border-box;transition: .2s;}
#sp-prev{left:10px;}
#sp-prev:before{content:''; border:7px solid transparent; border-right:15px solid #fff; position: absolute; top:16px; left:7px;}
#sp-next{right:10px;}
#sp-next:before{content:''; border:7px solid transparent; border-left:15px solid white; position: absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{background:#444;}

/*放大镜代码*/

.promore_text{width:100%; margin:auto; font-size:14px; line-height:30px; text-align:center;}

/** 設計案例代码 End **/

.news_text{width:100%; float:left;}
.news_text dl{display:block; width:100%; float:left; background-color:#fff; overflow:hidden; transition:background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; margin-bottom:20px; padding:2%; box-sizing:border-box;}

.com-img{width:100%; height:220px; float:left; overflow:hidden;}
.com-img img{width:100%; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.news_text dl dt{width:100%; float:left; padding-bottom:20px;} 
.news_text dl dd{width:100%; float:left;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:48px; font-size:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl:hover dd h3 a{color:#fff;}
.news_text dl dd .left .con{height:48px; line-height:24px; overflow:hidden;}
.news_text dl dd .right{width:15%; float:right;} 
.news_text dl dd .right p{text-align:center; font-size:14px; padding-top:5px; font-family:Arial;}
.news_text dl dd .right p:nth-child(1){font-size:30px; position:relative;}
.news_text dl dd .right p:nth-child(1):after{position:absolute; width:68px; height:1px; background-color:#1a1a1a; left:50%; margin-left:-34px; bottom:0; content:'';}
.news_text dl dd a.more{width:110px; height:34px; line-height:32px; border:1px solid #d6d6d6; display:inline-block; text-align:center; border-radius:15px; margin-top:10px; font-size:14px;}
.news_text dl:hover{background-color:#f79647; color:#fff;}
.news_text dl:hover dd .right p:nth-child(1):after{background-color:#fff;}
.news_text dl:hover dd a.more{border-color:#fff;color:#fff;}

.new-view-title{text-align:center; border-bottom:1px dashed #e6e6e6; line-height:30px; padding:10px 0 16px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d3d3d3;}
.color-blue{color:#ff0000;}
.new-view-title h3{padding:8px; line-height:32px; font-size:20px; font-weight:bold; color:#f79647;}

.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.newsmore_text img,.nyr_txt2 img{width:100%; display:block;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../img/le.png) 15px center no-repeat;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%;}
.view-page .next{right:0;}
.view-page .next a{background:url(../img/ri.png) 96% center no-repeat; }
.view-page .prev:hover a{color:#fff; background:url(../img/le-white.png) 15px center no-repeat #f79647; color:#fff;}
.view-page .next:hover a{color:#fff; background:url(../img/ri-white.png) 96% center no-repeat #f79647; color:#fff;}
.view-page .back a{background:url(../img/back.png) 16px center no-repeat #f79647;color: #fff; text-align: center;}
.view-page .back a:hover{background:url(../img/back.png) 16px center no-repeat #ff0000; color:#fff;}

/** 新闻中心代码 End **/

.cont_l{width:100%;float:left;}
.cont_r{width:100%;float:left; margin-top:10px; line-height:25px;}
	
/** 聯繫我們代码 End **/
	

.ny_pp{width:100%; float:left;}
.ny_pp ul li{float:left; width:32%; margin:1% 2% 1% 0; border:1px solid #e6e6e6; box-sizing:border-box;}
.ny_pp ul li img{width:100%; display:block;-webkit-filter:grayscale(100%);filter:grayscale(100%); filter:gray;}
.ny_pp ul li img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.ny_pp ul li:nth-child(3n){margin-right:0;}
.ny_pp ul li:hover{border-color:#f79647;}	

/** 合作夥伴代码 End **/	
	
	

}