@charset "utf-8";

/*banner*/
.banner{position: relative; height:722px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:722px;overflow: hidden;}
.ban_p li a{ display:block; height:722px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff;}
.ban_t em.on{background: #0083d6;}

.til01{text-align: center;color: #333;font-size:40px;line-height:48px;font-family: "Microsoft Yahei";clear: both;display: block;height:116px;white-space: nowrap;}
.til01 p{display: block;font-size:24px;line-height:32px;font-weight: normal;}
.til01 em{display: block;font-size:14px;color: #c1c1c1;line-height:16px;letter-spacing: 3px;text-transform: uppercase;font-style: normal;}
.til01 a{color: #333;}

/*搜索*/
.seabox{height:0;z-index: 11;}
.sea_ico{right: 0;top: -66px;background:url(../images/sea_ico.png) no-repeat right 21px;width:40px;height: 130px;}
.sea_inp{width:324px;overflow: hidden; position: absolute;top: 66px;right:-20px;display: none;}
.sea_inp .serach{width:248px;height:40px;line-height:40px;color:#a7aaa3;float:left;outline: none;display: block;position: relative;background:#fff;padding:0 0 0 19px;border: 0;font-size: 14px;}
.sea_inp .sub{ width:56px; height:40px;border:0;float:left;cursor: pointer;display: block;background:url(../images/sea_ico1.png) no-repeat 16px 10px #0083d6;}
.sea_ico:hover .sea_inp{display: block;}

/*杰邦水处理*/
.webox{padding:104px 0 0;height:360px;font-size: 16px;color: #666;font-family:"Microsoft Yahei";line-height:26px;position: relative;}
.webox_p{position: absolute;top: 78px;right: -78px;}
.webox_p,.webox_p img{width: 677px;height: 315px;overflow: hidden;}
.webox_w{width:512px;}
.webox_w h3{font-size:30px;height:80px;color: #333;line-height:39px;}
.webox_w h3 em{display: block;font-size: 22px;line-height: 23px;color: #e6e6e6;font-weight: normal;}
.webox_w p{height:155px;overflow: hidden;}
.webox_w p b{color: #0083d6;display: inline-block;}
.more01,.more02{width: 131px;height:38px;line-height:38px;background:url(../images/ico01.png) no-repeat right 12px;color: #0083d6;display: block;font-size:20px;padding: 0 2px;font-weight: bold;clear: both;}
.more02{background:url(../images/ico02.png) no-repeat right 12px;}
.more01 a{display: block;color: #0083d6;}
.more02 a{display: block;color: #fff;}

/*产品中心*/
.probox{height:980px;font-family:"Microsoft Yahei";line-height:24px;position: relative;z-index:2;overflow: hidden;padding:66px 0 0;background:url(../images/ico08.gif) no-repeat center bottom #fbfbfb;}
.prev1,.next1{width:120px;height:53px;display: block;left:608px;top:854px;z-index: 2;}
.prev1{left:489px;}
.pro_nav{height:164px;line-height: 53px;margin-bottom: 27px;font-weight: bold;font-size: 16px;line-height: 24px;color: #3b3b3b;overflow: hidden;text-align: center;}
.pro_nav li{width: 200px;float:left;height:81px;border-right: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;color: #3b3b3b;}
.pro_nav li em{display: block;font-style: normal;font-family: DIN,Impact;font-size: 32px;line-height: 34px;}
.pro_nav li.cur,.pro_nav li.cur a,.pro_nav li a:hover{color:#0083d6;}
.pro_nav li:nth-child(6),.pro_nav a li{border-right: 0;}
.pro_nav li:nth-child(8),.pro_nav li:nth-child(7),.pro_nav li:nth-child(9),.pro_nav li:nth-child(10),.pro_nav li:nth-child(11),.pro_nav a li{padding-top: 18px;height: 90px;}
.pro_nav a li{background:url(../images/ico03.gif) no-repeat center 17px;}

.pro_nl{height: 53px;overflow: hidden;background: #fff;margin-bottom: 1px;font-size: 16px;}
.pro_nl h4{font-size: 18px;line-height:53px;background:#0088ce;padding:0 0 0 32px;float: left;width: 143px;}
.pro_nl h4 a{display: block;color: #fff;}
.pro_nl ul{float: left;display: block;padding:0 0 0 36px;width: 988px;}
.pro_nl li{float: left;}
.pro_nl li a{display: block;color: #333;padding:0 45px 0 16px;background:url(../images/ico08.gif) no-repeat 0 24px;}

.pro_list{height: 460px;position: relative;}

.pro_c{width:1200px;height:600px;overflow: hidden;}
.pro_c dl{width:1200px;height:600px;overflow: hidden;position: relative;}
.pro_c dt{float: left;padding:53px 0 0;}
.pro_c dt,.pro_c dt img{width:729px;height:547px;display: block;overflow: hidden;}
.pro_c dd{display: block;padding:130px 74px 0;line-height: 20px;color: #fff;position: relative;width:322px;height:470px;background: #0083d6;float: left;}
.pro_ico{background:url(../images/pro_ico.png) no-repeat center 0;width: 61px;height: 131px;top: 42px;right: 36px;line-height: 60px;font-family: DIN,Impact;font-size: 36px;color: #fff;text-align: center;z-index:2;}
.pro_c dd h4{font-size:26px;line-height:82px;height:82px;display: block;}
.pro_c dd a{color: #fff;}
.pro_c dd .pro_lw{height:250px;overflow: hidden;}

/*品质决定效果*/
.chara{font-family:"Microsoft Yahei";padding: 58px 0 0;height: 530px;line-height: 24px;color: #666;}
.chara_c dl{width: 266px;float: left;padding: 0 45px 0 0;}
.chara_c dl.chara_l4{padding: 0;}
.chara_c dt{width:168px;height: 168px;display: block;margin: 0 0 0 36px;position: relative;}
.chara_c dd h3{height:65px;display: block;text-align: center;font-size: 24px;color: #262626;line-height: 65px;}
.chara_c dt i{width:168px;height: 168px;display: block;position: absolute;left: 0;top: 0;}
.chara_c dl.chara_l1 dt i{background:url(../images/chara_pic1.gif) no-repeat;}
.chara_c dl.chara_l2 dt i{background:url(../images/chara_pic2.gif) no-repeat;}
.chara_c dl.chara_l3 dt i{background:url(../images/chara_pic3.gif) no-repeat;}
.chara_c dl.chara_l4 dt i{background:url(../images/chara_pic4.gif) no-repeat;}
.chara_c dt i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-position: 0 0!important;}
.chara_c dt i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;background-position: 0 bottom!important;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.chara_c dl.cur dt .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.chara_c dl.cur dt .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/*解决方案*/
.plan{font-family:"Microsoft Yahei";padding:66px 0 0;height:746px;line-height:24px;background: #f2f2f2;}
.plan_t{background: #fff;height: 69px;line-height: 69px;font-size: 16px;font-weight: bold;overflow: hidden;margin-bottom: 30px;}
.plan_t ul{width: 1250px;}
.plan_t li{float: left;padding: 0 37px;color: #333;background:url(../images/ico08.gif) no-repeat right center;margin-left: -1px;}
.plan_t li:hover,.plan_t a:hover li,.plan_t li.cur,.plan_t a.cur li{color: #fff;background:#0083d6;}
.plan_c,.plan_c dl{width: 1200px;height: 456px;overflow: hidden;background: #fff;}
.plan_c dt,.plan_c dt img{width: 810px;height: 456px;overflow: hidden;float: left;}
.plan_c dd{width: 314px;float: left;padding: 98px 0 0 40px;}
.plan_c dd h3{height: 50px;line-height: 50px;font-size: 16px;overflow: hidden;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:24px;z-index: 1;padding: 74px 0 0;}

.edge1{height: 530px;text-align: center;background:url(../images/edgebg1.jpg) no-repeat center 0;color: #e1e1e1;text-align: center;padding:140px 0 0;}
.edge h3{height:116px;line-height: 34px;font-size: 30px;color: #3f4141;}
.edge h3 em{display: block;font-family: DIN,Impact;font-size: 64px;line-height: 62px;}
.edge1 h3{height: 170px;line-height: 74px;color: #fff;}
.edge1 h3 em{height: 85px;line-height: 74px;}
.edge1 .more02{margin: 0 auto;text-align: left;}
.edge2{height: 543px;padding: 67px 0 0;background:url(../images/edgebg2.gif) repeat-y center 0;}
.edge2 p{height:98px;}
.edge3{height:364px;padding:118px 0 0;}
.edge_p3{right: -50px;top: 52px;}
.edge_w3 p{height: 85px;overflow: hidden;}

/*案例*/
.case{height:880px;font-family: "Microsoft Yahei";overflow: hidden;padding:66px 0 0;background: #f0f0f0;}
.case_c,.case_c dl,.case_c dt img,.case_c dt{width:1200px;overflow: hidden;height:602px;}
.case_c dl{position: relative;}
.case_c dd{width:1152px;height:90px;background:rgba(0 , 0 , 0 , 0.55);color: #fff;padding:0 24px;position: absolute;left: 0;bottom: 0;line-height: 90px;}
.case_c dd span{float: right;}
.case_c dd span a{color: #fff;}
.case_c dd p{width:680px;float: left;}

.part li{padding: 15px 10px 0;float: left;width: 280px;height: 60px;overflow: hidden;}
.part li img{width: 154px;height: 60px;display:block;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;}
.part li.cur img,.part li:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);}


/*流程*/
.tec_p{background:url(../images/tecbg.jpg) no-repeat center 0;font-family:"Microsoft Yahei";color: #fff;position: relative;line-height:40px;padding:45px 0 0;height:275px;text-align: center;font-size:16px;}
.tec_p h2{line-height:78px;height:78px;font-size: 40px;}
.tec_pc{overflow:hidden;width:1200px;}
.tec_pc ul{width:1240px;}
.tec_pc li{width:85px;float: left;height:105px;padding:31px 0 0;margin: 0 26px 0 0;line-height: 36px;position:relative;}
.tec_pc li a{color:#fff;display:block;}
.tec_pc li:before{background:url(../images/ico09.png) no-repeat 0 0;content:"";position:absolute;width:14px;height:22px;top:48px;right:-20px;}
.tec_pc li em{display: block;margin: 0 auto;}
.tec_pc li:hover{background:url(../images/teclbg.png) no-repeat 0 0;}

/*资讯*/
.newbox{line-height:24px;height:609px;font-family:"Microsoft Yahei";overflow:hidden;padding:78px 0 0;}
.new1,.new2{width:504px;overflow: hidden;height:582px;background: #fff;border: solid 1px #dbdbdb;}
.new2{width:693px;border-right: 0;}
.newtil{height:51px;line-height:51px;font-size:22px;color: #333;border-bottom: solid 1px #dbdbdb;margin-bottom:36px;}
.newtil li{color: #333;display: block;float: left;margin: 0 34px 0 0;}
.newtil li.cur{border-bottom: solid 2px #0095d3;}
.new_l{width: 602px;height: 468px;overflow: hidden;}
.new_l h4{height:58px;overflow: hidden;border-top: solid 2px #d1d1d1;line-height: 58px;font-size: 16px;color: #666;}
.new_l dl{height:239px;}
.new_l dt{height:160px;display: block;overflow: hidden;line-height:160px;font-size: 16px;background:#0083d6;color: #fff;text-align: center;font-weight: bold;font-size: 29px;}
.new_l dt p,.new_l dt p img{height:160px;width: 320px;float: right;overflow: hidden;}
.new_l dt span{width:282px;float: left;}
.new_l dt span em{font-size: 90px;}
.new_l dt a{display: block;color: #222;}
.new_l dd h5{height: 55px;line-height:55px;font-size:16px;color: #000;}
.new_l dd h5 span,.new_l h4 span{float: right;}
.new_l h4 a{color: #666;display: block;}
.new_l h4.cur a{color: #000;}
.new_l dd{padding:10px 0 0;}

.new_r{width:550px;}
.new_r dl{display: block;height:114px;background:#f2f2f2;overflow: hidden;line-height: 18px;padding: 23px 30px;}
.new_r dt{display: block;height:98px;width: 142px;background:url(../images/ico07.gif) no-repeat 0 bottom;font-size: 28px;line-height: 60px;font-weight: bold;float: left;}

.new_r dd{display: block;width: 340px;float: left;}
.new_r dd h3{display: block;height:60px;line-height:60px;font-size: 16px;color: #000;}
.new_r dd h3 a{display: block;color: #000;}
.new_r ul{height: 202px;overflow: hidden; display: block;clear: both;}
.new_r li{line-height:65px;height:65px;padding: 0 33px;border-bottom: solid 1px #f4f4f4;}
.new_r li span{float: right;}


/*关于*/
.aboutbox{font-family:"Microsoft Yahei";line-height:24px;height:622px;}
.about_p{position: absolute;left: 0; height:622px;width:50%;max-width:949px;top:65px;}
.about_p img{width:601px;height:509px;display:block;float:right;}
.about{width: 502px;padding: 104px 0 0;height: 255px;}
.about h2{height:98px;font-size: 24px;line-height: 32px;color: #353535;}
.about h2 a{color: #353535;}
.about h2 span{display: block;font-size: 44px;line-height: 46px;text-transform: uppercase;}
.show{width: 502px;height: 255px;clear: both;}
.show_c{height: 198px;overflow: hidden;}
.show_t{height: 28px;line-height: 28px;}
.show_t li{float: right;padding: 0 32px 0 38px;background:url(../images/ico04.gif) no-repeat right center;}
.show_t li.cur{background:url(../images/ico05.gif) no-repeat right center;color: #0083d6;}
.show_cl ul{width: 520px;}
.show_cl li{float: left;border: solid 1px #cfc9b9;margin:0 7px 15px 0;}
.show_cl li,.show_cl li img{width: 245px;height:183px;display: block;overflow: hidden;}

/*友情链接*/
.link{height:94px;line-height:56px;color: #666;padding: 43px 0 0;}
.link span{background:url(../images/link_ico.gif) no-repeat 0 0;width:130px;float: left;display: block;font-size: 22px;color: #0083d6;line-height:28px;color: #0083d6;padding: 0 0 0 93px;}
.link p{width:918px;float: left;white-space: nowrap;overflow: hidden;}
.link a{padding: 0 66px 0 0;display: inline-block;color: #666;}