﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none;}
ul{list-style: none;padding:0;margin:0;}
a{text-decoration: none;}
body{overflow-x: hidden;font-family:"Microsoft YaHei";}
p{ margin:0;}
img{ border:none; font-size: 0;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
li{ list-style: none; }

.all{width:100%;overflow:hidden;}
.guanggao{background:url(../images/guanggao.png) no-repeat;height:241px;background-size: cover;}



/*banner开始*/
#banner{width: 100%;height: 500px; background: url(../images/banner.png) no-repeat center;}
/*banner结束*/


/*板块一开始*/
.xiangmu{width:100%;overflow: hidden;margin-top: -65px;margin-bottom: 90px;}
.xiangmum{width:1200px;margin:0 auto;overflow: hidden;}
.xiangmul{float:left;width:167px;margin-right:0px;position: absolute;z-index: 3;}

.lingyu{width:100%;overflow: hidden;background: #eee;height:180px;margin-top: -130px;}
.lingyubtnr{width:277px;margin:65px auto;}

.zuodaohang{width:167px;height:582px;border-right:4px solid #1290d6;margin: 0px 0px;background: #fff;}
.zuodaohang h3{padding:30px 22px;font-size:28px;color:#fff;background:#1290d6;text-align:center;letter-spacing: 2px;font-weight: normal;}
.zuodaohang h3 span{color:#fff;font-size:12px;letter-spacing: 0px;line-height: 20px;}

.zuodaohang dd{border: 1px solid #ddd;height:55px;box-shadow: 0 12px 5px -2px #e0e0e0;}
.zuodaohang dd img{padding-top:5px;}
/* film_focus */
.film_focus{width:167px;overflow:hidden;position:relative;margin:10px auto 0 auto; height:377px; border-top:solid 1px #d7d7d7;}
.film_focus .film_focus_imgs_wrap{background:url(images/load.html) no-repeat center center;width:1003px; float:right; overflow:hidden;height:430px;}
.film_focus ul.film_focus_imgs{height:auto;position:absolute;right:0;overflow:hidden;width:1003px;}
.film_focus ul.film_focus_imgs li{overflow:hidden; height:430px;width:1003px;height:auto; bottom:0; margin:5px 0;text-align: center;}
.film_focus ul.film_focus_imgs li img{height:205px;width:324px;}
.film_focus ul.film_focus_nav{width:165px;position:absolute;left:0;top:0;z-index:100;text-align: center;}
.film_focus ul.film_focus_nav li{width:165px;height:53px;left:0px;padding:0px 0px;word-break:break-all;color:##595757;font-size:18px;overflow:hidden;line-height:53px; background:#fff; border-left:solid 1px #d7d7d7; border-right:solid 2px #aacf53; border-bottom:solid 1px #d7d7d7;text-align: center;letter-spacing: 2px;}
.film_focus ul.film_focus_nav li.cur{width:165px;left:0px;padding:0px 0px;word-break:break-all;color:#fff;overflow:hidden;line-height:53px; background:#036eb2; border-left:solid 1px #aacf53; border-right:solid 2px #aacf53;border-bottom:solid 1px #aacf53;text-align: center;}
.film_focus ul.film_focus_nav li a{display:none;height:53px;width:165px;float:left;text-align: center;letter-spacing: 2px;}
.film_focus ul.film_focus_nav li span img{ margin:18px 0px 0 0px;float: left;padding-left: 15px;}
.film_focus ul.film_focus_nav li a p img{margin:18px 10px 0 0px;float: left;padding-left: 15px;}
.film_focus ul.film_focus_nav li.cur a{ font-weight:100;letter-spacing: 2px;}

.film_focus ul.film_focus_nav li a p{line-height:53px; font-size:18px; color:#fff;text-align: center;letter-spacing: 2px;}
.film_focus ul.film_focus_nav li a{ line-height:53px; color:##595757; font-size:18px;text-align: center;letter-spacing: 2px;}

.film_focus ul.film_focus_nav li.cur a{display:block;vertical-align: middle;display: table-cell;height:105px;width:170px;float:left;text-align: center;}
.film_focus ul.film_focus_nav li.cur span{display:none;}

.film_focus ul.film_focus_nav li a p{ font-size:18px;text-align: center;letter-spacing: 2px;}

.xiangmur{float:right;width:950px;text-align:center;padding-top:90px;}
.title{font-size:36px;color:#444444;font-weight:bold;letter-spacing: 1px;margin: 50px auto 60px auto; width:864px; background: url(../images/titleline.png) no-repeat center;}
.part01_cont{width:100%;height:750px; overflow:hidden; position:relative;}
.part01_cont img{width:389px; height:292px; position:absolute; top:229px; left:280px; z-index:1;}
.fuwuxm{width:324px; height:247px; overflow:hidden;color:#444444; z-index:2;}
.fuwuxm_n{width:268px; height:191px; margin:22px 0 0 27px; background:url(../images/part01_nbg.png) no-repeat; background-size:100%; }
.fwxm_ntitle{width:100%; height:60px; display:block; margin:0; font-size:22px;font-family:'微软雅黑'; line-height:60px; text-align:center;}
.fwxm_ncont{width:210px; height:auto; display:block; margin:0 auto 0 auto; font-size:18px; line-height:30px; text-align:center;}
.fuwu01{ position:absolute; top:93px; left:-15px;}
.fuwu02{ position:absolute; top:15px; left:313px;}
.fuwu03{ position:absolute; top:93px; right:-15px;}
.fuwu04{ position:absolute; top:437px; right:-15px;}
.fuwu05{ position:absolute; bottom:4px; left:313px;}
.fuwu06{ position:absolute; top:437px; left:-15px;}
.fuwuxm:hover{ background:url(../images/part01activebg.png) no-repeat; background-size:100%; color:#fff; }
/*板块一结束*/

/*板块二开始*/
.part02_cont{width:100%;height:613px; overflow:hidden; position:relative;}
.tabs{width:900px; height:90px; overflow:hidden; margin:0 auto;}
.tab{width:222px; height:80px; font-size:20px; font-weight:bold; line-height:80px; float:left;background:url(../images/tab_actbg.png) no-repeat; background-size:100%; color:#444444; cursor:pointer;}
.more_btn{width:222px; height:80px; font-size:20px; font-weight:bold; line-height:80px; float:left;background:url(../images/tab_actbg.png) no-repeat; background-size:100%; color:#444444; cursor:pointer;}
.tab_act{background:url(../images/tab_defbg.png) no-repeat; background-size:100%; color:#fff;}
/*.more_btn:hover{background:url(../images/tab_defbg.png) no-repeat; background-size:100%; color:#fff;}*/
.tab_cont{width:100%; height:568px; overflow:hidden; margin:55px auto 0 auto; display:none;}
.l_tabs{width:223px; height:auto; overflow:hidden; float:left;}
.l_tab{width:193px; height:56px; font-size:18px; font-weight:bold; line-height:56px; float:left;margin-top: -2px; padding-left:30px;background:url(../images/l_tabdefbg.png) no-repeat; background-size:100%; color:#333333; text-align:left; cursor:pointer;}
.zx_btn{width:193px; height:56px; font-size:18px; font-weight:bold; line-height:56px; float:left; padding-left:30px;background:url(../images/l_tabdefbg.png) no-repeat; background-size:100%; color:#333333; text-align:left; cursor:pointer;}
.l_tab_act{ background:url(../images/l_tabactbg.png) no-repeat; background-size:100%; color:#ff6600; }
.l_tabcont{ width:630px; float:right;}
.l_img{ display:none; cursor:pointer;}
.part02_bottom{width:1006px; height:155px; overflow:hidden; float:right;background:url(../images/part02_bottom.png) no-repeat; background-size:100%;}
.part02_bottom div{width:217px; height:64px; float:right; margin:50px 15px auto 0; cursor:pointer;}
/*板块二结束*/

/*表面处理剂常见服务案例开始 */
.part03_cont{width:100%;height:600px; overflow:hidden; position:relative;}
.tabs02{width:900px; height:92px; overflow:hidden; margin:0 auto 0 auto;background:url(../images/tabs02bg.png) no-repeat; background-size:100%;}
.tab02{height:92px; font-size:22px; font-weight:bold; line-height:92px; float:left;background:none; color:#fff; cursor:pointer;}
#dhy{width:225px;}
.dhy_act{background:url(../images/tabs0201.png) no-repeat; background-size:100%;}
#ddy{width:245px;}
.ddy_act{background:url(../images/tabs0202.png) no-repeat; background-size:100%;}
#fhy{width:231px;}
.fhy_act{background:url(../images/tabs0203.png) no-repeat; background-size:100%;}
#zx{width:199px;}
.zx{height:92px; font-size:22px; font-weight:bold; line-height:92px; float:left;background:none; color:#fff; cursor:pointer;}
.tab_cont02{width:100%; height:495px; overflow:hidden; margin:0; display:none;}
.l_wd{width:486px; height:495px; margin-top:65px; float:left;}
.l_wd a{width:100%; height:30px; display:block; font-size:18px; color:#333333; line-height:30px; font-weight:bold; text-align:left;}
.l_wd p{width:100%; height:auto; display:block; font-size:18px; color:#333333; line-height:25px; font-weight:normal; text-align:left;}
.r_img,.r_img img{ width:441px; height:338px; float:right;}

.gundong{width:842px;height:350px;overflow:hidden;float:left;}
div.maindiv1{position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0; overflow: hidden; width: 6950px;}
div.maindiv1 ul li{float:left;width:260px;height:340px;margin:0 12px;}

.wufeng{width: 100%;overflow: hidden;margin-right: 15px; margin-bottom:155px;}
.tamen{float: left;background: #707070;padding: 29px 36px;font-size: 24px;color: #fff;line-height: 50px;font-weight: bold;letter-spacing: 2px;text-align: left;}
.marqueeleft{height:122px;width:769px;overflow:hidden;margin:18px auto;float: left;border-right: 1px solid #ddd;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0px;display:inline;width:130px;height:125px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:130px;height:120px;padding:0px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

.renkebtn{overflow: hidden;margin:50px auto;}
/*表面处理剂常见服务案例结束 */

/*资质开始 */
.zizhi{width:100%;overflow: hidden;height:770px;}
.zizhir{width:950px;float:right;text-align:center;padding-top:70px;margin-right:0px;}
.zizhi h3{font-size:36px;color:#fff;font-weight:bold;letter-spacing: 3px;}


.w740{width:940px;overflow:hidden;margin:20px auto;border:solid 0px #ddd;padding:10px 0 15px 0;}

/* 组图开始 小图部分 */
.thumbpic{margin:50px auto;width:940px;}
.thumbpic .ltp{float:left;width:58px;heght:86px;margin:10px 35px 0 0;}
.thumbpic span{height:20px;float:left;cursor:pointer; line-height:20px;width:80px;}
.thumbpic .rtp{float:left;width:58px;heght:86px;margin:10px 0 0 15px;}
#piclist{width:790px;float:left;overflow:hidden;height:142px;position:relative;margin: 0 25px;}
#piclist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#piclist ul li{float:left;cursor:pointer;position:relative;height:140px;border: 1px solid #ddd;}
#piclist ul li img{height:110px;width:138px;margin:10px 4px;padding:5px;}
#piclist ul li:hover{border: 1px solid #1770a9;}

.thumbpic a.bntprev{float:left;width:31px;height:58px;display:block;outline:none;background-image: url(../images/ico_left.png);background-repeat: no-repeat;margin-top: 40px;}
.thumbpic a.bntnext{float:left;width:31px;height:58px;display:block;outline:none;background-image: url(../images/ico_right.png);background-repeat: no-repeat;margin-top: 40px;}

#originalpic{position:relative;overflow:hidden;zoom:1;height:100%;clear:both;text-align:center;}
#originalpic img{display:none;position:relative;max-width:508px;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.html);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.html);}


.zzbtn{overflow: hidden;margin:20px auto;}

/*资质结束 */

/*微谱在行业中突出的优势获客户认可开始*/
.part04_cont,.part04_cont ul{width:100%;height:263px; overflow:hidden;}
.part04_cont ul li{width:234px;height:263px; float:left;}
.ys01{ background:url(../images/5.png) no-repeat;}
.ys01:hover{ background:url(../images/05.png) no-repeat;}
.ys02{ background:url(../images/6.png) no-repeat;}
.ys02:hover{ background:url(../images/06.png) no-repeat;}
.ys03{ background:url(../images/7.png) no-repeat;}
.ys03:hover{ background:url(../images/07.png) no-repeat;}
.ys04{ background:url(../images/8.png) no-repeat;}
.ys04:hover{ background:url(../images/08.png) no-repeat;}
/*微谱在行业中突出的优势获客户认可结束*/


.fuwu{width:100%;overflow: hidden;height:410px;background-color: #eee;}
.fuwur{width:960px;float:right;text-align:center;margin-right:0px;}
.fuwur h3{font-size:36px;color:#5a5959;font-weight:bold;letter-spacing: 3px;margin-bottom: 40px;}
.fwxiangxi{width:935px;height:185px;background:url(../images/liuchengul.png) no-repeat;}
.fwxiangxi ul{padding:0;margin:0;}
.fwxiangxi ul li{float:left;width: 157px;height:161px;}

.baidi1{width: 157px;height:161px;background:url(../images/1.png) no-repeat;}
.baidi1:hover{background:url(../images/01.png) no-repeat;}
.baidi2{width: 157px;height:161px;background:url(../images/2.png) no-repeat;}
.baidi2:hover{background:url(../images/02.png) no-repeat;}
.baidi3{width: 157px;height:161px;background:url(../images/3.png) no-repeat;}
.baidi3:hover{background:url(../images/03.png) no-repeat;}
.baidi4{width: 157px;height:161px;background:url(../images/4.png) no-repeat;}
.baidi4:hover{background:url(../images/04.png) no-repeat;}

.liuchengact{background:url(../images/liuchengact.html) no-repeat;}
.liucheng_wdbtn{width:630px; height:55px; margin:120px auto 0 auto; text-align:left;}
.liucheng_wdbtn p{width:417px; height:55px; display:block; font-size:18px; color:#333333; line-height:70px; float:left;}
.liucheng_wdbtn div{width:213px; height:54px;background:url(../images/liuchengbtn.png) no-repeat; float:left;}
/*联系开始 */
.lianxi{width:100%;overflow: hidden;height:420px;}
.lianxim{width:960px;margin:80px auto 50px auto;overflow: hidden;float: right;}
.lianxi ul{padding:0;margin:0;}
.lianxi ul li{width:215px;padding: 40px 12px 40px 12px;float:left;text-align: center;}
.lianxi ul li:hover{border:1px solid #ddd;}
.lianxi ul li h3{font-size:24px;color:#3e3a39;margin:15px 0 20px 0;}
.lianxi ul li p{font-size:16px;color:#3e3f40;line-height: 25px;}
.lianxi ul li p span{color:#e45514;display: block;}
/*联系结束 */


.show{display:block}