html,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; list-style:none outside none; text-decoration:none;}
/** 设置默认字体 **/
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;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:lighter;}
em{font-style:normal;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#404040;}
a:hover{color:#008be0;text-decoration:none;}
.f1{font-size:24px; font-weight:bold; color:#008be0; text-transform:uppercase;}
.f2{font-size:18px; font-weight:bold; color:#000; text-transform:uppercase;}
.fl{float:left;} .fr{float:right;}
.w_1200{width:1000px; margin:auto;}

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

.top_bg{width:100%; height:100px; margin:auto;}
.top{width:1000px; margin:auto;}
.logo{float:left; padding-top:20px;}
.top_r{width:760px; float:right;}
.top_r_wz{width:320px;float:right; color:#787876; text-align:right; padding:20px 30px 0 0;}
.top_r_wz a{color:#787876;} .top_r_wz a:hover,.top_r_wz a.on{color:#008be0;}

.menu{width:760px; float:left;}
.menu li{float:left; padding:0 20px; position:relative; line-height:70px; height:70px; font-size:15px;}
.menu li:last-of-type{padding-right:0;}
.menu>li>a:after{content:''; display:block; width:1%; height:2px; line-height:2px; background:#008be0; position:absolute; left:50%; bottom:0; opacity:0;
filter:alpha(opacity=0); -webkit-transition:all .3s; transition:all .3s;}
.menu>li:hover>a:after,.menu>li.on>a:after{width:100%; left:0; opacity:1; filter:alpha(opacity=100);}
.menu li a:hover,.menu li.on a{color:#008be0;}
.menu li ul{display:none; margin-left:-24px; position:absolute; top:70px; z-index:1000;}
.menu li ul li{width:100%; height:35px; margin:0; padding:0;}
.menu li ul li a{background:#fff; color:#787876 !important; display:block; font-size:13px !important; margin:0; padding:0 21px !important; cursor:pointer !important; text-align:left; 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:#008be0; color:#fff !important;}

.banner{width:1000px; margin:auto;}

.main_pro{width:1000px; margin:30px auto 0;}
.main_prol{width:200px; float:left;}
.main_prol_tit{width:200px; height:82px; float:left; text-align:center; line-height:30px; background:url(/Data/test-2025/template/ft/images/main_prolist_titbg.jpg) center no-repeat; color:#fff; box-sizing:border-box; padding-top:15px;}
.main_prol_tit h1{font-size:20px; font-weight:bold; color:#fff; line-height:30px;}
.main_prol_tit span{color:#fff; text-transform:uppercase; font-family:Arial;}

#main_pro_list_text{width:200px; float:left; background:#fff; border:1px solid #008be0; border-top:none; padding:0 10px 20px 10px; box-sizing:border-box;}
#main_pro_list_text a{display:block; text-decoration:none;}
#main_pro_list_text li{width:180px; font-size:14px; line-height:40px; float:left; margin-top:10px;}
#main_pro_list_text li a i{background:url(/Data/test-2025/template/ft/images/tb.gif) left no-repeat; padding-right:25px;}
#main_pro_list_text li a{color:#000; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #e6e6e6;}
#main_pro_list_text li a:hover,#main_pro_list_text li a.on{color:#008be0;}
#main_pro_list_text li>ul{margin-top:10px;}
#main_pro_list_text li>ul>li{float:left; line-height:30px; font-size:12px; margin-top:0; border-bottom:1px dashed #e6e6e6; font-weight:normal;}
#main_pro_list_text li>ul>li>a{border:none !important; color:#404040; background:url(/Data/test-2025/template/ft/images/ca.gif) left no-repeat; padding-left:20px;}
#main_pro_list_text li>ul>li>a:hover,#main_pro_list_text>li>ul>li>a.on{color:#008be0;  background:url(/Data/test-2025/template/ft/images/ca.gif) left no-repeat;}

.main_pro_cont{width:280px; height:60px; float:left; background:url(/Data/test-2025/template/ft/images/main_prolist_dhbg.jpg) no-repeat; padding-left:90px; box-sizing:border-box; color:#fff; line-height:18px;}
.main_pro_cont h3{font-size:12px; padding-top:10px;}
.main_pro_cont h5{font-size:17px; font-family:Arial; font-weight:bold;}

.ny_right{width:760px; float:right;}
.main_pror{width:760px;float:right; margin-top:20px;}
.main_pror_titbg{width:760px; float:left; background: url(/Data/test-2025/template/ft/images/main_pror_titfgx.jpg) bottom center no-repeat; padding-bottom:20px;}
.main_pror_tit{float:left; font-size:16px;}
.main_more{float:right; color:#787876; text-transform:uppercase;}
.main_more a{color:#787876;} .main_more a:hover{color:#008be0;}
.main_more span{color:#008be0;}

.scrolltop{width:760px;float:left;height:520px; overflow:hidden; margin-top:30px;}
.scrolltop ul li{width:245px;float:left; margin:0 12px 30px 0;}
.scrolltop ul li:nth-child(3n){margin-right:0;}
.scrolltop ul li h1{width:100%;float:left; font-size:14px; font-weight:400; border-bottom:1px dashed #999; padding:10px 0 20px 0; background:url(/Data/test-2025/template/ft/images/ca.gif) right no-repeat;}
.scrolltop ul li img{width:245px; height:192px; border:1px solid #e6e6e6; box-sizing:border-box;}
.scrolltop ul li img:hover{border-color:#008be0;}

.main_pror_img{width:760px;float:left;}
.main_pror_img ul li{width:245px;float:left; margin:20px 12px 0 0;}
.main_pror_img ul li:nth-child(3n){margin-right:0;}
.main_pror_img ul li h1{width:100%;float:left; font-size:14px; font-weight:400; border-bottom:1px dashed #999; padding:10px 0 20px 0; background:url(/Data/test-2025/template/ft/images/ca.gif) right no-repeat;}
.main_pror_img ul li img{width:245px; height:192px; border:1px solid #e6e6e6;box-sizing:border-box;}
.main_pror_img ul li img:hover{border-color:#008be0;}

.main_about{width:760px; float:left;}
.main_about_nr{width:760px; float:left; margin-top:30px;}
.main_about_pic{width:280px; float:right; margin-left:20px;}
.main_about_text{text-align:left; line-height:30px; font-size:14px;}


.footer{width:1000px; background:#eee; border-top:1px solid #d6d6d6; margin:50px auto 0; padding:30px 20px; overflow:hidden; text-align:center; box-sizing:border-box; line-height:26px;}


/*Side*/
.side{position:fixed;width:54px;height:275px;right:0;top:275px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #2f3c29;}
.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:#404040; color:#fff; line-height:54px; font-size:14px;overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#404040;}
.side ul li .sidetop:hover{background:#008be0;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/** 首页代码 End **/

.ny_bn{width:1000px; height:300px; margin:auto;}

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

.nyl_cont{width:180px; height:110px; float:left; margin-top:20px; background:url(/Data/test-2025/template/ft/images/nyl_dhbg.jpg) no-repeat; padding-left:50px; box-sizing:border-box; color:#fff; line-height:18px;}
.nyl_cont h3{font-size:12px; padding-top:12px;}
.nyl_cont h5{font-size:16px; font-family:Arial; font-weight:bold;}

.honor_r_img{width:760px;float:left;}
.honor_r_img ul li{width:245px; float:left;margin:20px 12px 0 0;}
.honor_r_img ul li:nth-child(3n){margin-right:0;}
.honor_r_img ul li span{width:245px;float:left; text-align:center;line-height:24px; font-size:16px; padding-top:10px;}
.honor_r_img ul li img{width:245px;height:356px; border:1px solid #e6e6e6; box-sizing:border-box;}
.honor_r_img ul li img:hover{border-color:#008be0;}

/*pages*/
.Pages{width:100%;float:left; margin-top:40px; line-height:32px; overflow:hidden; text-align:center; border-top:1px solid #e6e6e6; padding-top:30px;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; 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:#008be0; border:0; border-top:solid 1px #008be0; border-bottom:solid 1px #008be0;}
.Pages .p_page em a:hover{border-color:#008be0;}
.Pages .a_prev{width:32px; background:url(/Data/test-2025/template/ft/images/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(/Data/test-2025/template/ft/images/bg_next.jpg) no-repeat;}

/** 关于&#66;&#71;&#22823;&#28216;代码 End **/

.products{width:760px;float:left; margin-top:30px;}
.promore_l{width:400px;float:left;}

.sp-wrap{display:none; position:relative; float:left;width:400px;}
.sp-thumbs{text-align:left;display:inline-block; margin-top:20px;}
.sp-thumbs img{min-height:39px; min-width:50px; max-width:50px;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:50px;height:39px; overflow:hidden; display: inline-block; background-size: cover;background-position:center; margin-right:5px; border:1px solid #e6e6e6; box-sizing:border-box;}
.sp-thumbs a:hover {border-color:#008be0;}
.sp-thumbs a:active, .sp-current{opacity:1!important;position:relative;}
.sp-large {position:relative; overflow:hidden; top:0; left:0; height:314px !important;}
.sp-large a img{max-width:100%;width:400px;height:314px;}
.sp-large a{display:block;}
.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
.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;}

/*放大镜代码 End*/

.pros_right{width:320px; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px dashed #e6e6e6;}
.pros_right_top strong{overflow:hidden;display: inline-block; font-weight:bold; font-size:24px; color:#008be0;}


.proleft{width:320px;float:left; font-size:14px; line-height:30px; margin-top:20px;}
.proleft_btn{width:120px; float:left; margin-top:20px;}
.proleft_btn a{font-size:14px;float:left;width:120px; height:30px;background:#008be0; line-height:30px; text-align:center; color:#fff;}
.proleft_btn a:hover{background:#0057bc; color:#fff;}

.tabs-basic{width:760px;margin-top:40px;float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0;border-bottom:1px dashed #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px; background:#eee; color:#404040;}
.tabs-basic .tab-active{border-color:#008be0; background-color:#008be0; color:#fff;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding-top:20px; margin:auto;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.table-container{width:100%; overflow-y:auto; _overflow:auto; margin:0 0 1em;}

.pros_right table,.tabs-basic table{border-collapse:collapse; border:1px #ccc solid !important; width:100% !important; line-height:30px!important;}
.pros_right table td,.tabs-basic table td{padding:8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px!important;}
.pros_right table td div,.tabs-basic table td div{padding: 0px!important;height:auto!important;}

/** 产品中心代码 End **/

.news_r_text{width:760px;float:left;}
.news_r_text ul li{width:760px;float:left;border-bottom:1px solid #e6e6e6; padding-bottom:20px;margin-top:30px;}
.news_r_text ul li:last-of-type{border-bottom:none;}
.news_r_text ul li .pic{width:220px;height:162px;float:left;} 
.news_r_text ul li .pic img{width:220px;height:162px;} 
.news_r_text ul li .pic img:hover{opacity:0.8;}
.news_r_text ul li .text{width:760px;float:right;}
.news_r_text ul li .text .titnr{width:760px;float:left;}
.news_r_text ul li .text .tit a{font-size:16px; color:#008be0; float:left;} 
.news_r_text ul li .text .tit a:hover{color:#000;}
.news_r_text ul li .text .time{float:right;}
.news_r_text ul li .text .wz{width:80%;float:left; margin-top:10px; line-height:24px;}
.news_r_text ul li .text .an{width:120px;height:30px; line-height:30px;float:right; text-align:center; border:1px solid #d6d6d6; background:#fff; margin-top:20px;}
.news_r_text ul li .text .an a{font-size:14px;} 
.news_r_text ul li .text .an a:hover{background:#008be0; display:block; color:#fff;}

.new-view-title{width:100%; float:left; text-align:center; border-bottom:1px solid #e6e6e6; line-height:30px; padding:30px 0 15px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d6d6d6;}
.color-blue{color:#ff0000;}
.new-view-title h3{padding:8px; line-height:32px; font-size:20px; font-weight:bold; color:#008be0;}

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

.newsmore_page{width:760px;float:left;margin-top:20px; border-top:1px solid #e6e6e6; padding-top:20px;}
.newsmore_page_left{width:80%;float:left;line-height:24px; font-size:14px;}
.newsmore_page_right{width:20%;float:right;text-align:right;}

/** 新闻资讯代码 End **/


.slide_join{width:760px; float:left; margin-top:30px;}
.slide_join h3{float:left;width:710px; height:45px; padding:0 25px; font-weight:normal; background-color:#eee;margin-bottom:20px;}
.slide_join h3.on{background-color:#008be0;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:14px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(/Data/test-2025/template/ft/images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(/Data/test-2025/template/ft/images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:710px; background-color:#fff; padding:0 25px 25px 25px;}
.slide_join ul .join_show{float:left; width:710px; color:#787876; font-size:14px; line-height:28px;}

/*人才招聘代码 End*/



.t1,.t3{width:49%;float:left;} .t2,.t4{width:49%;float:right;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;}
.contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%;}
.contact-form input.btn:hover, a.btn:hover{background:#008be0; color:#fff;}

/**客户留言代码 End**/<!--耗时1763796698.3056秒-->