body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:medium none;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#404040; outline:0; background:#e1e1e1;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:lighter;}
em{font-style:normal;}
body{overflow-x:hidden;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#404040;}
a:hover{color:#f79647; text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;} img{border:0px;}
.f1{font-size:24px; color:#f79647;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

@media screen and (min-width:992px){
.info_logo{width:120px; margin:auto; padding-top:260px;}
.info_logo img{width:100%; display:block;}
.info_text{width:725px; margin:60px auto 0;}
.info_lg{width:150px; margin:60px 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:#f79647; 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:#f79647;}
.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:1200px; margin:320px auto 0; text-align:center; line-height:24px; font-family:"Century Gothic";}
.info_copy{width:1200px; margin:50px auto 0; text-align:center; line-height:30px; font-size:16px;}

.top2{width:1200px; margin:auto; padding-top:20px;}	
.logo{float:left;}
.logo img{width:80%; display: block;}	
.top_r{float:right;}
.top_r_lg{float:right;}
.lg{width:70px; float:left;}
.lg li{width:35px; float:left; background:url(../img/lg_fgx.jpg) right no-repeat; text-align:center;}
.lg li:last-of-type{background:none;}

.search{float:right;}
.search input[type="text"]{width:120px !important; height:18px; line-height:18px; border:0; background:#fff; float:left; margin-right:10px; display:none; padding-left:10px; border:1px solid #999; box-sizing:border-box;}
.search input[type="submit"]{width:16px; height:17px; background:url(../img/fdj.png) no-repeat; border:0; float:left;}

.menu{margin-top:33px;}
.menu li{float:left; padding:0 22px; position:relative; font-size:15px; background:url(../img/menu_fgx.jpg) right no-repeat;}
.menu li:last-of-type{background:none; padding-right:0;}
.menu li a:hover,.menu li.on a{color:#f79647;}
.menu li ul{display:none; margin-left:-22px; position:absolute; top:25px; z-index:1000;}
.menu li ul li{width:100%; height:35px; margin:0; padding:0;}
.menu li ul li a{background:#e6e6e6; color:#787876 !important; display:block; font-size:12px !important; margin:0; padding:0 22px !important; cursor:pointer !important; text-align:center; height:35px; line-height:35px; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999; font-weight:normal !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu li ul li a:hover{background:#f79647; color:#fff !important;}

.sidebar,.sj{display:none;}


.footer{width:1200px; margin:auto; padding:20px 0 40px 0;}
.foot_l{float:left; font-family:Arial;color:#787876; line-height:20px;}
.foot_l a{color:#787876;}
.foot_l a:hover{color:#f79647;}
.foot_rtb{width:100px; float:right;}
.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:40px auto 0; padding:300px 0; overflow:hidden; min-width:1200px; position:relative; background:url(../img/bgn3.jpg) center fixed no-repeat;background-size:cover;}
.ny_txt{width:1200px; 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 h5{width:100%; margin:10px auto 0; text-align:center; font-size:14px; font-family:"Century Gothic"; text-transform:uppercase; color:#fff; text-shadow:0.1em 0.1em 0.2em black;}
.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:300px 0; overflow:hidden; min-width:1200px; position:relative; background:url(../img/ny_bg2.jpg) center fixed no-repeat;background-size:cover;}
.aoubtPart3{width:100%; margin:auto; padding:300px 0; overflow:hidden; min-width:1200px; position:relative; background:url(../img/ny_bg.jpg) center top fixed no-repeat;background-size:cover;}
.aoubtPart4{width:100%; margin:auto; padding:300px 0; overflow:hidden; min-width:1200px; position:relative; background:url(../img/bgn4.jpg) center bottom fixed no-repeat;background-size:cover;}

/** 關於我們代码 End **/
	
.sjtdPart1{width:100%; margin:auto; padding:300px 0; overflow:hidden; min-width:1200px; 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:20px auto 0; background:url(../img/ny_bnbg.jpg) center no-repeat;}
.ny_bn{width:1200px; margin:auto; padding-top:60px; font-size:24px; font-weight:bold; color:#fff; line-height:30px; text-align:left;}
.curr{width:1200px; margin:20px 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:1200px; margin:50px 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:1200px; margin:40px auto 0;font-size:14px; line-height:30px; background:#fff; padding:40px; 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:8%; float:left;}
.nyr_jlist li .pic img{width:70px; height:90px;}
.nyr_jlist li .bt{width:10%; float:left; padding-top:20px;}	
.nyr_jlist li .wz{width:75%; float:right; 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:1200px; margin:auto;}
.sjtd_tit{float:left; padding:50px 0 0 30px; box-sizing:border-box;}
.sjtd_tit h3{font-size:30px; font-weight:bold; color:#f79647; line-height:30px;}

.ysjPart1{width:100%; margin:30px auto 0; padding:50px 0 200px; overflow:hidden; min-width:1200px; position:relative; background:url(../img/bgn5.jpg) center fixed no-repeat;background-size:cover;}	
.ysjPart2{width:100%; margin:auto; padding:100px 0; overflow:hidden; min-width:1200px; position:relative; background:url(../img/bgn6.jpg) center fixed no-repeat;background-size:cover;}	
.nyr_ysj{width:1200px; 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:1200px; margin:auto; font-size:14px; line-height:30px;}
.nyr_ysj2 strong{font-size:16px; color:#000;}
.nyr_ysj2 span{color:#999; padding-right:25px;}	

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

.pro_img{width:100%; float:left;}
.pro_img ul{width:1130px; height:520px; overflow-y:auto;}	
.pro_img ul li{width:200px; float:left; margin:0 20px 30px 0;}
.pro_img ul li:last-of-type{margin-right:0; margin-bottom:0;}
.pro_img ul li p{width:200px;float:left; text-align:center; line-height:20px; font-size:14px; padding:5px 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pro_img ul li img{width:200px;height:200px;float:left; 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:10px; height:10px; 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:600px; margin:auto; position:relative; display:block !important; padding:40px 0; overflow:hidden;}

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

.sp-thumbs img{min-height:60px; min-width:60px; max-width:60px;}
.sp-thumbs a:link, .sp-thumbs a:visited{width:60px; height:60px; overflow:hidden; display:inline-block; background-size:cover; background-position:center; margin-right:12px; 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:600px; 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; padding:20px; background-color:#fff; overflow:hidden; transition:background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; margin-bottom:20px; box-sizing:border-box;}

.com-img{width:290px; 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:25%; float:left;} 
.news_text dl dd{width:72%; float:right;}
.news_text dl dd .left{width:82%; float:left;}
.news_text dl dd .left h3{line-height:38px; 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{line-height:24px; overflow:hidden; font-size:14px; margin-top:10px;}
.news_text dl dd .right{width:15%; float:right; margin-top:50px;} 
.news_text dl dd .right p{text-align:center; font-size:18px; padding-top:10px; font-family:Arial;}
.news_text dl dd .right p:nth-child(1){font-size:60px; position:relative; font-weight:bold; padding-bottom:20px;}
.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:20px; 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{width:100%; float:left; text-align:center; border-bottom:1px dashed #e6e6e6; line-height:30px; padding:10px 0 15px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d6d6d6;}
.color-blue{color:#999;}
.new-view-title h3{padding:8px; line-height:32px; font-size:24px; font-weight:bold; color:#f79647;}

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

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

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

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

.ny_pp{width:100%; float:left;}
.ny_pp ul li{float:left; width:15%; margin:1% 2% 1% 0; border:1px solid #e6e6e6; box-sizing:border-box; text-align:center;}
.ny_pp ul li img{width:131px; height:80px;  margin:auto; -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(6n){margin-right:0;}
.ny_pp ul li:hover{border-color:#f79647;}	

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


/*pages*/
.Pages{width:100%; float:left; margin-top:30px; overflow:hidden; text-align:center; border-top:1px dashed #e6e6e6; padding-top:30px;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 3px; line-height:32px;}
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;}
.Pages .p_page em a.a_cur{color:#f79647; border:0; border-top:solid 1px #f79647; border-bottom:solid 1px #f79647;}
.Pages .p_page em a:hover{border-color:#f79647;}
.Pages .a_prev{width:32px; background:url(../img/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../img/bg_next.jpg) no-repeat;}

.slide_join{width:100%; float:left;}
.slide_join h3{float:left;width:100%; height:50px; font-weight:normal; background:#fff; border-bottom:1px solid #e6e6e6; margin-bottom:20px; line-height:50px;}
.slide_join h3.on{background-color:#fff;}
.slide_join h3 span{float:left; width:80%; height:50px; color:#000; font-size:16px; line-height:50px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#000;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../img/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../img/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:100%; background-color:#fff; padding-bottom:25px; color:#787876;}
.slide_join ul .join_show{float:left; width:100%; font-size:14px; line-height:28px;}
.slide_join ul .join_show a{color:#787876;}
.slide_join ul .join_show a:hover{color:#f79647;}
	
/** 加入我們代码 End **/


/*Side*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:0;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .wx{width:220px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0; background:#333; color:#fff; line-height:54px; font-size:14px;overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#333; border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#fd0000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}