/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/


/* 六大优势 */
.box_01{width:1200px;margin:50px auto 0 auto;background:url("../images/blx_01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/blx_01.png*/ center bottom no-repeat;}

.box_01 .bt{width:300px;height:85px;margin:0 auto;text-align:center;}

.box_01 .bt h4{font-size:28px;line-height:28px;font-weight:bold;color:#01a5e3;}

.box_01 .bt p{font-size:16px;line-height:16px;margin-top:18px;color:#404040;text-transform: Uppercase;}

.box_01 .center{width:1200px;height:575px;margin-top:30px;background:url("../images/ys_back.jpg")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/ys_back.jpg*/ center top no-repeat;position:relative;}

.box_01 .center .jz{width:300px;text-align:center;position:absolute;top:180px;left:50%;margin-left:-150px;color:#404040;z-index:9;}

.box_01 .center .jz p:nth-of-type(1){font-size:40px;line-height:40px;font-weight:bold;margin-bottom:28px;}

.box_01 .center .jz p:nth-of-type(2){font-size:50px;line-height:50px;font-weight:bold;margin-bottom:30px;color:#01a5e3;}

.box_01 .center .jz p:nth-of-type(3){font-size:24px;line-height:25px;margin-bottom:18px;}

.box_01 .center .jz p:nth-of-type(3) span{font-weight:bold;color:#01a5e3;}

.box_01 .center .jz p:nth-of-type(4){font-size:24px;line-height:25px;padding-bottom:20px;position:relative;}

.box_01 .center .jz p:nth-of-type(4)::after{content:'';width:80px;height:1px;background:#01a5e3;position:absolute;bottom:0px;left:110px;}

.box_01 .center ul{width:1200px;height:575px;position:absolute;left:0;top:0;}

.box_01 .center ul li.left{width:315px;text-align:right;cursor:pointer;}

.box_01 .center ul li.left h5{height:36px;line-height:36px;overflow:hidden;}

.box_01 .center ul li.left h5 span{display:block;width:260px;font-size:22px;color:#404040;font-weight:bold;height:36px;line-height:36px;float:left;}

.box_01 .center ul li.left h5 i{display:block;width:36px;height:36px;background:url("../images/jiahao.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/jiahao.png*/ right center no-repeat;float:right;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_01 .center ul li.left:hover h5 i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_01 .center ul li.left p{width:260px;font-size:16px;color:#9d9d9d;padding-right:55px;line-height:25px;margin-top:10px;}

.box_01 .center ul li:nth-of-type(1){position:absolute;top:65px;left:0;}

.box_01 .center ul li:nth-of-type(2){position:absolute;top:270px;left:-62px;}

.box_01 .center ul li:nth-of-type(3){position:absolute;bottom:10px;left:0;}

.box_01 .center ul li.right{width:315px;text-align:left;cursor:pointer;}

.box_01 .center ul li.right h5{height:36px;line-height:36px;overflow:hidden;}

.box_01 .center ul li.right h5 span{display:block;width:260px;font-size:22px;color:#404040;font-weight:bold;height:36px;line-height:36px;float:right;}

.box_01 .center ul li.right h5 i{display:block;width:36px;height:36px;background:url("../images/jiahao.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/jiahao.png*/ right center no-repeat;float:left;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_01 .center ul li.right:hover h5 i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_01 .center ul li.right p{width:260px;font-size:16px;color:#9d9d9d;padding-right:55px;line-height:25px;margin-top:10px;}

.box_01 .center ul li:nth-of-type(4){position:absolute;top:65px;right:-12px;}

.box_01 .center ul li:nth-of-type(5){position:absolute;top:270px;right:-73px;}

.box_01 .center ul li:nth-of-type(6){position:absolute;bottom:10px;right:-12px;}



/* 产品中心 */
.box_02{width:100%;padding:50px 0;margin-top:60px;background:#f5f5f5;}

.box_02 .h_title{width:300px;height:85px;margin:0 auto;text-align:center;background:url("../images/blx_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/blx_02.png*/ center bottom no-repeat;}

.box_02 .h_title h3{font-size:28px;line-height:28px;font-weight:bold;color:#01a5e3;}

.box_02 .h_title p{width:208px;font-size:26px;line-height:22px;margin:16px auto 0 auto;text-align:center;color:#404040;border-left:solid 1px #404040;border-right:solid 1px #404040;}

.box_02 .center{width:1200px;height:620px;margin:30px auto 0 auto;overflow:hidden;}

.box_02 .center .left{width:250px;height:620px;float:left;position:relative;}

.box_02 .center .left .bt{width:250px;height:85px;padding-top:15px;color:#fff;text-align:center;background:#01a5e3;}

.box_02 .center .left .bt h4{font-size:24px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:15px;position:relative;}

.box_02 .center .left .bt h4::after{content:'';width:50px;height:1px; background:#fff;position:absolute;left:100px;bottom:0;}

.box_02 .center .left .bt p{font-size:16px;line-height:14px;text-transform: Uppercase; font-family:Arial;}

#dv_scroll .newslist{}

#dv_scroll .bx{width:190px;margin:0 auto 20px auto;}

#dv_scroll .newslist .bx p{width:170px;height:40px;line-height:40px;text-align:center;padding:0 10px;font-size:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#01a5e3;}

#dv_scroll .newslist .bx a{display:block;width:170px;height:40px;line-height:40px;padding:0 10px;text-align:center;font-size:16px;color:#999;-webkit-transition:all 1s;transition:all 1s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}

#dv_scroll .newslist .bx a:hover{color:#01a5e3;-webkit-transition:all 1s;transition:all 1s;}

#dv_scroll .newslist .bx a::before{content:'';width:190px;height:1px; background:#d2d2d2;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

#dv_scroll .newslist .bx a::after{content:'';width:0px;height:1px; background:#01a5e3;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

#dv_scroll .newslist .bx a:hover::after{content:'';width:190px;height:1px; background:#01a5e3;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.scr_con {position:relative;border-left:dashed 1px #01a5e3;border-right:solid 5px #c5c5c5;width:244px;height:455px;padding-top:20px;}

#dv_scroll{position:absolute;height:455px;overflow:hidden;width:190px;left:27px;}

#dv_scroll .Scroller-Container{width:100%;}

#dv_scroll_bar {position:absolute;right:0;top:0;width:12px;height:455px;}

#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:12px;height:455px;}

#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:8px;top:0px;width:12px;height:22px;overflow:hidden;background:url("../images/srcoll.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/srcoll.png*/ no-repeat;cursor:pointer;}

#dv_scroll_text {position:absolute;}

.box_02 .center .left .tel{width:180px;height:45px;line-height:45px;padding-left:70px;position:absolute;left:0;bottom:0; background:url("../images/tel02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/tel02.png*/ 30px center no-repeat #01a5e3;font-size:24px;color:#fff;}

.pro-center{width:930px;position:relative;float:right;}

.pro-center .hd{width:930px;height:40px;overflow:hidden;position:relative;}

.pro-center .hd ul{width:325px;height:40px;font-size:16px;float:left;overflow:hidden;}

.pro-center .hd ul li{width:150px;height:38px;line-height:38px;border:solid 1px #e6e6e6;margin-right:20px;background:#fff;float:left;color:#636363;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on{background:#01a5e3;color:#fff;border:solid 1px #e6e6e6;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li:last-child{margin-right:0;}

.pro-center .hd .search{width:348px;height:38px;border:solid 1px #01a5e3;overflow:hidden;position:absolute;right:0;bottom:0;}

.pro-center .hd .search .input{float:left;width:290px;height:40px;line-height:40px;color:#b3b3b3;font-size:14px; background:#f5f5f5;padding-left:10px;}

.pro-center .hd .search .button{width:40px;height:40px;line-height:40px;display:inline-block;background:url("../images/search.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/search.png*/ center center no-repeat #01a5e3; cursor:pointer;float:right;border:none;}

.pro-center .bd ul{width:930px;overflow:hidden;}

.pro-center .bd ul li{width:295px;height:270px;float:left;margin:20px 22px 0 0;-moz-box-shadow:0px 0px 5px #dbdbdb;-webkit-box-shadow:0px 2px 5px #dbdbdb;box-shadow:0px 2px 5px #dbdbdb;}

.pro-center .bd ul li:nth-of-type(3n){margin-right:0;}

.pro-center .bd ul li a{display:block;}

.pro-center .bd ul li .img{width:295px;height:220px;position:relative;}

.pro-center .bd ul li .img img{width:295px;height:220px; vertical-align:top;}

.pro-center .bd ul li .img .tj{display:none;width:275px;height:200px;padding:10px;background:rgba(64,64,64,0.7);position:absolute;top:0;left:0;}

.pro-center .bd ul li .img .hide{width:275px;height:200px; background:url("../images/jia.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/jia.png*/ center center no-repeat;}

.pro-center .bd ul li .txt{width:295px;height:50px;}

.pro-center .bd ul li .txt .name{width:213px;padding:0 60px 0 20px;height:48px;line-height:48px;border:solid 1px #dbdbdb;font-size:14px;color:#939393;background:url("../images/pro_jt_01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/pro_jt_01.png*/ 255px center no-repeat #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:hover .txt .name{background:url("../images/pro_jt_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/pro_jt_02.png*/ 255px center no-repeat #01a5e3;border:solid 1px #01a5e3;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



/* 横栏广告 */
.box_03{width:100%;height:299px;background:url("../images/ad_back.jpg")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/ad_back.jpg*/ center top no-repeat;}

.box_03 .center{width:1200px;height:299px;margin:0 auto;position:relative;}

.box_03 .center .txt{width:345px;color:#fff;position:absolute;top:60px;right:295px;}

.box_03 .center .txt p:nth-of-type(1){font-size:24px;line-height:24px;font-weight:bold;}

.box_03 .center .txt p:nth-of-type(2){font-size:20px;line-height:20px;margin-top:20px;}

.box_03 .center .txt span{display:block;font-size:18px;font-weight:bold;}

.box_03 .center .txt span:nth-of-type(1){position:absolute;left:30px;top:108px;}

.box_03 .center .txt span:nth-of-type(2){position:absolute;left:205px;top:108px;}

.box_03 .center .txt span:nth-of-type(3){position:absolute;left:30px;top:148px;}

.box_03 .center .txt span:nth-of-type(4){position:absolute;left:205px;top:148px;}

.box_03 .center .txt span:nth-of-type(5){position:absolute;left:30px;top:185px;}

.box_03 .center .tel{width:180px;color:#fff;position:absolute;top:70px;right:0;}

.box_03 .center .tel i{display:block;width:62px;height:57px;margin:0 auto; background:url("../images/tel03.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/tel03.png*/;}

.box_03 .center .tel p{font-size:26px;font-weight:bold;line-height:22px;color:#fff;margin:20px 0; text-align:center;}

.box_03 .center .tel .tj{width:160px;height:40px;background:#fff;padding:5px;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .center .tel .tj .click{width:160px;height:40px;line-height:40px;display: block;text-align:center;font-size:16px;color:#404040;background:url("../images/aback_01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/aback_01.png*/ center center no-repeat #fff;cursor: pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .center .tel .tj .click:hover{background:url("../images/aback_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/aback_02.png*/ center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}



/* 企业优势 */
.box_04{width:1200px;margin:50px auto 0 auto;}

.box_04 .h_title{width:300px;height:85px;margin:0 auto;text-align:center;background:url("../images/blx_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/blx_02.png*/ center bottom no-repeat;}

.box_04 .h_title h3{font-size:28px;line-height:28px;font-weight:bold;color:#01a5e3;}

.box_04 .h_title p{width:280px;font-size:26px;line-height:22px;margin:16px auto 0 auto;text-align:center;color:#404040;border-left:solid 1px #404040;border-right:solid 1px #404040;}

.picScroll-left{overflow:hidden;position:relative;width:1200px;height:450px;margin:30px auto 0 auto;-moz-box-shadow:0px 0px 15px #f0f0f0; -webkit-box-shadow:0px 0px 15px #f0f0f0; box-shadow:0px 0px 15px #f0f0f0;}

.picScroll-left .bd{width:1200px;height:450px;}

.picScroll-left .bd ul{width:1200px;height:450px;overflow:hidden; zoom:1;}

.picScroll-left .bd ul li{overflow:hidden;width:1160px;height:410px;padding:20px;}

.picScroll-left .bd ul li .pic{width:610px; height:410px;float:left; }

.picScroll-left .bd ul li .pic img{width:610px; height:410px; vertical-align:top;}

.picScroll-left .bd ul li .title{float:right;width:500px;height:410px;position:relative;}

.picScroll-left .bd ul li .title h4{font-size:24px;color:#01a5e3;font-weight:bold;line-height:24px;margin:30px 0 40px 0;padding-bottom:22px;position:relative;}

.picScroll-left .bd ul li .title h4::after{content:'';width:36px;height:2px;background:#01a5e3; position:absolute;bottom:0;left:0;}

.picScroll-left .bd ul li .title p{font-size:14px;color:#404040;line-height:25px;}

.picScroll-left .hd{width:520px;height:36px;overflow:hidden;position:absolute;right:0;bottom:65px;}

.picScroll-left .hd .prev{ display:block;width:48px;height:36px;overflow:hidden;cursor:pointer;background:url("../images/ys_jt_01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/ys_jt_01.png*/ center center no-repeat #464646;
-webkit-transition:all .5s;transition:all .5s;position:absolute;left:0;bottom:0;}

.picScroll-left .hd .prev:hover{border-radius:20px 0 20px 0;-webkit-transition:all .5s;transition:all .5s;}

.picScroll-left .hd .next{ display:block;width:48px;height:36px;overflow:hidden;cursor:pointer;background:url("../images/ys_jt_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/ys_jt_02.png*/ center center no-repeat #01a5e3;
-webkit-transition:all .5s;transition:all .5s;position:absolute;left:48px;bottom:0;}

.picScroll-left .hd .next:hover{border-radius:0 20px 0 20px;-webkit-transition:all .5s;transition:all .5s;}

.picScroll-left .hd ul{overflow:hidden; zoom:1;zoom:1;position:absolute;right:10px;bottom:11px;}

.picScroll-left .hd ul li{ float:left;width:14px;height:14px;overflow:hidden;margin-right:10px;text-indent:-999px; cursor:pointer;border:solid 1px #4b4b4b;border-radius:10px;}

.picScroll-left .hd ul li.on{background:#01a5e3;border:solid 1px #01a5e3;}

.two{width:1200px;height:450px;margin:20px auto 0 auto;}

.two .bd ul li{overflow:hidden;width:1160px;height:410px;padding:20px;}

.two .bd ul li .title{float:left;width:485px;height:410px;position:relative;padding-left:20px;}

.two .bd ul li .title h4{font-size:24px;color:#01a5e3;font-weight:bold;line-height:24px;margin:30px 0 40px 0;padding-bottom:22px;position:relative;}

.two .bd ul li .title h4::after{content:'';width:36px;height:2px;background:#01a5e3; position:absolute;bottom:0;left:0;}

.two .bd ul li .title p{font-size:14px;color:#404040;line-height:25px;}

.two .bd ul li .pic{width:610px; height:410px;float:right; }

.two .bd ul li .pic img{width:610px; height:410px; vertical-align:top;}

.two .hd{width:520px;height:36px;overflow:hidden;position:absolute;left:40px;bottom:65px;}



/* 案例展示 */
.box_05{width:100%;height:750px;margin-top:30px;padding-top:170px;background:url("../images/case_back.jpg")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/case_back.jpg*/ center top no-repeat;}

.box_05 .h_title{width:300px;height:85px;margin:0 auto;text-align:center;background:url("../images/blx_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/blx_02.png*/ center bottom no-repeat;}

.box_05 .h_title h3{font-size:28px;line-height:28px;font-weight:bold;color:#01a5e3;}

.box_05 .h_title p{width:200px;font-size:26px;line-height:22px;margin:16px auto 0 auto;text-align:center;color:#404040;border-left:solid 1px #404040;border-right:solid 1px #404040;}

.certify {position: relative;width:100%;margin:30px auto 0 auto;}

.certify .pos{width:1200px;margin:0 auto;position:relative;}

.certify .swiper-container {width:1192px;padding-bottom: 120px;}

.certify  .swiper-slide{width: 530px;height: 485px;position:relative; cursor:pointer;}

.certify  .swiper-slide a{display:block;}

.certify  .swiper-slide .img{width:640px;height:455px;padding:15px; background:#fff;}

.certify  .swiper-slide .img img{display:block;width: 640px;height: 455px;vertical-align:top;}

.certify  .swiper-slide .img  span{display:block;width: 640px;height: 455px;background:rgba(0,0,0,0.4);position:absolute;top:15px;left:15px;}

.certify  .swiper-slide-active{
    position: relative;
}
.certify .swiper-slide-active .show{
    position: absolute;
    left: -70px;
}
.certify .swiper-slide-active .show img {
    width:670px;
    
}
.certify .swiper-slide-active .hide {
    position: absolute;
    left: 0px;
    top: 420px;
}
.certify .swiper-slide-active .hide a{
    width: 670px;
}
.certify .swiper-slide-active .show span {
    width: 670px;
}

.certify .swiper-slide-active .hide a {
    width: 670px;
}

.certify .swiper-slide-active .hide a{
    width: 670px;
}

.certify  .swiper-slide .hide{display:none;width:660px;height:70px;padding:5px;background:#fff;margin-top:75px;}

.certify  .swiper-slide .hide a{display:block;width:558px;height:68px;line-height:68px;padding:0 70px 0 30px;border:solid 1px #ccedf9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#01a5e3; background:url("../images/pro_jt_03.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/pro_jt_03.png*/ 605px center no-repeat;}

.certify  .swiper-slide.swiper-slide-active .img span{display:none;}

.certify  .swiper-slide.swiper-slide-active .hide{display:block;}

.certify .swiper-button-prev {width:58px;height:58px;border-radius:30px;top:220px;left:30px;background:url("../images/case_jt_01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/case_jt_01.png*/ no-repeat;border:solid 1px #f6f6f5;-webkit-transition:all .5s;transition:all .5s;}

.certify .swiper-button-prev:hover {background:url("../images/case_jt_03.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/case_jt_03.png*/ no-repeat #f6f6f5;-webkit-transition: all .5s;transition: all .5s;}

.certify .swiper-button-next {width:58px;height:58px;border-radius:30px;top:220px;right:30px;background:url("../images/case_jt_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/case_jt_02.png*/ no-repeat;border:solid 1px #f6f6f5;-webkit-transition:all .5s;transition:all .5s;}

.certify .swiper-button-next:hover {background:url("../images/case_jt_04.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/case_jt_04.png*/ no-repeat #f6f6f5;-webkit-transition: all .5s;transition: all .5s;}


/* 关于我们 */
.box_06{width:1200px;margin:50px auto 0 auto;}

.box_06 .center{width:1200px;height:655px;overflow:hidden;}

.box_06 .center .left{width:580px;height:655px;float:left;}

.box_06 .center .left h3{font-size:30px;color:#404040;font-weight:bold;line-height:25px;margin-bottom:18px;}

.box_06 .center .left h4{font-size:26px;color:#404040;height:44px;line-height:44px;margin-bottom:35px;}

.box_06 .center .left h4 span{display:inline-block;border-top:solid 1px #01a5e3;border-bottom:solid 1px #01a5e3;margin-left:16px;}

.box_06 .center .left p{font-size:14px;color:#9a9a9a;line-height:25px;max-height:100px;overflow:hidden;}

.box_06 .center .left .more{display:block;width:53px;height:53px; margin-top:40px;background:url("../images/more.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/more.png*/ #404040;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .more:hover{background:url("../images/more.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/more.png*/ #01a5e3;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right{width:500px;height:655px;float:right;position:relative;}

.box_06 .center .right img{width:500px;height:605px;position:absolute;bottom:0;left:0;vertical-align:top;}

.box_06 .center .left h5{font-size:26px;color:#11abe5;line-height:26px;font-weight:bold;margin:40px 0 20px 0;}

.box_06 .center .left h6{font-size:22px;color:#404040;line-height:22px;font-weight:bold;margin-bottom:15px;}

.box_06 .center .left img{width:578px;height:185px; vertical-align:top;}

.box_06 .center .left .zm{font-size:14px;color:#bababa;line-height:16px;margin-top:10px;}

.qhuan{width:1160px;position:relative;margin-top:60px;background:#f5f5f5;padding:30px 20px;}

.qhuan .hd{width:300px;width:180px;margin:0 auto;}

.qhuan .hd ul{width:300px;height:30px;overflow:hidden;}

.qhuan .hd li{width:80px;font-size:18px;line-height:18px;color:#616161;padding-bottom:10px;border-bottom:solid 2px #f5f5f5;float:left;text-align:center;margin-right:30px;cursor:pointer;}

.qhuan .hd li.on{font-weight:bold;color:#01a5e3;border-bottom:solid 2px #01a5e3;}

.qhuan .hd li:last-child{margin-right:0;}

.qhuan .bd{width:1160px;margin-top:30px;position:relative;}

.qhuan .bd .cont{width:1160px;cursor: url("../images/cursor.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/cursor.png*/,default;}

.qhuan .swiper-container{width:1160px;}

.qhuan .swiper-slide{width:275px;}

.qhuan .swiper-slide a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor: url("../images/cursor.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/cursor.png*/,default;}

.qhuan .swiper-slide .img{width:275px;height:205px;position:relative;}

.qhuan .swiper-slide .img .pic{width:275px;height:205px;}

.qhuan .swiper-slide .img .pic img{width:275px;height:205px; vertical-align:top;}

.qhuan .swiper-slide .img .hide{display:none;width:275px;height:205px; background:url("../images/zfx.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/zfx.png*/ center center no-repeat rgba(64,64,64,0.6);position:absolute;left:0;top:0;}

.qhuan .swiper-slide .name{width:245px;height:53px;padding:0 15px;line-height:53px;text-align:center;font-size:14px;color:#616161;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.qhuan .swiper-slide .name::before{content:'';width:275px;height:1px; background:#bfbfbf;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.qhuan .swiper-slide .name::after{content:'';width:0px;height:1px; background:#01a5e3;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.qhuan .swiper-slide:hover .name::after{content:'';width:275px;height:1px; background:#01a5e3;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.qhuan .swiper-slide:hover .name{color:#01a5e3;-webkit-transition:all .5s;transition:all .5s;}



/* 新闻资讯 */
.box_07{width:100%;height:640px;margin-top:30px;padding-top:239px;background:url("../images/news_back.jpg")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/news_back.jpg*/ center top no-repeat;}

.box_07 .h_title{width:300px;height:85px;margin:0 auto;text-align:center;background:url("../images/blx_02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/blx_02.png*/ center bottom no-repeat;}

.box_07 .h_title h3{font-size:28px;line-height:28px;font-weight:bold;color:#01a5e3;}

.box_07 .h_title p{width:200px;font-size:26px;line-height:22px;margin:16px auto 0 auto;text-align:center;color:#404040;border-left:solid 1px #404040;border-right:solid 1px #404040;}

.box_07 .center{width:1200px;margin:30px auto 0 auto;overflow:hidden;}

.box_07 .news_center{width:760px;float:left;}

.box_07 .news_center .hd{width:320px;height:40px;}

.box_07 .news_center .hd ul{font-size:16px;overflow:hidden;}

.box_07 .news_center .hd ul li{width:148px;cursor:pointer;height:38px;line-height:38px;border:solid 1px #01a5e3;float:left;text-align:center;margin-right:20px;position:relative;}

.box_07 .news_center .hd ul li:last-child{margin-right:0;}

.box_07 .news_center .hd ul li.on{ background:#01a5e3;border:solid 1px #01a5e3;}

.box_07 .news_center .hd ul li a{color:#01a5e3;display:block;}

.box_07 .news_center .hd ul li.on a{color:#fff;display:block;}

.box_07 .news_center .bd{margin-top:30px;}

.box_07 .news_center .bd .main{overflow:hidden;}

.box_07 .news_center .bd .imgtxt{height:160px;overflow:hidden;}

.box_07 .news_center .bd .imgtxt .left{width:245px;height:160px;float:left;}

.box_07 .news_center .bd .imgtxt .left img{width:245px;height:160px; vertical-align:top;}

.box_07 .news_center .bd .imgtxt .right{width:490px;height:160px;float:right;cursor:pointer;}

.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1){height:16px;overflow:hidden;font-size:16px;padding-bottom:10px;position:relative;}

.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1) a{display:block;color:#404040;width:380px;height:16px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1)::before{content:'';width:50px;height:1px; background:#545259;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .imgtxt:hover .right p:nth-of-type(1)::before{content:'';width:490px;height:1px; background:#01a5e3;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1) span{height:16px;line-height:16px;color:#404040;font-size:14px;float:right;}

.box_07 .news_center .bd .imgtxt .right p:nth-of-type(2){font-size:14px;color:#818181;line-height:25px;max-height:75px;overflow: hidden;margin-top:15px;}

.box_07 .news_center .bd .imgtxt:hover .right p:nth-of-type(1) a{color:#01a5e3;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .imgtxt .right .more{display:block;width:23px;height:23px; background:url("../images/news_jt.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/news_jt.png*/ no-repeat;margin-top:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .imgtxt:hover .right .more{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd ul{overflow:hidden;margin-top:20px;}

.box_07 .news_center .bd ul li{width:370px;height:55px;line-height:55px;float:left;font-size:14px;background:url("../images/dian01.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/dian01.png*/ left center no-repeat rgba(0,0,0,0);cursor:pointer;-webkit-transition:all .5s;transition:all .5s;border-bottom:solid 1px #fff;}

.box_07 .news_center .bd ul li:nth-of-type(2n){float:right;}

.box_07 .news_center .bd ul li:nth-of-type(1),.box_07 .news_center .bd ul li:nth-of-type(2){border-top:solid 1px #fff;}

.box_07 .news_center .bd ul li a{display:block;height:55px;line-height:55px;width:245px;padding-left:25px;color:#929292;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_07 .news_center .bd ul li span{display:block;height:55px;line-height:55px;color:#959595;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd ul li:hover{background:url("../images/dian02.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/dian02.png*/ 10px center no-repeat #fff;width:350px;padding:0 10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd ul li:hover a{color:#01a5e3;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd ul li:hover span{color:#01a5e3;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa{width:400px;float:right;}

.box_07 .qa h4{width:150px;cursor:pointer;height:38px;line-height:38px;color:#fff;font-size:16px;text-align:center;border:solid 1px #01a5e3;background:#01a5e3;margin-bottom:30px;}

.box_07 .qa .quest{width:340px;height:60px;padding:15px 30px 15px 15px; background:#fff;margin-bottom:18px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .quest:last-child{margin-bottom:0px;}

.box_07 .qa .quest p{overflow:hidden;height:24px;line-height:24px;font-size:14px;}

.box_07 .qa .quest p:nth-of-type(1) span{display:block;width:24px;height:24px;font-size:14px;color:#fff;line-height:24px;text-align:center;background:#01a5e3;float:left;}

.box_07 .qa .quest p:nth-of-type(1) a{width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .quest p:nth-of-type(2){margin-top:16px;}

.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:24px;height:24px;font-size:14px;color:#fff;line-height:24px;text-align:center;background:#515252;float:left;}

.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(2){width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;}

.box_07 .qa .quest p:hover a{color:#01a5e3;-webkit-transition:all .5s;transition:all .5s;}




/* 友情链接 */
.links{width:100%;height:40px;padding:10px 0;background:#01a5e3;}

.links .link{width:1200px;height:40px;line-height:40px;margin:0 auto;overflow:hidden;}

.links .link p{font-size:20px;color:#01a5e3;text-align:center;position:relative;text-transform: Uppercase;float:left;width:80px; background:#fff;height:40px;line-height:40px;overflow:hidden;}

.links .link a{display:inline-block;width:auto;padding:0 10px;text-align:center;font-size:14px;height:15px;line-height:15px;margin-top:13px;color:#fff;border-right:solid 1px #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.links .link a:last-child{border-right:0;}

.links .link a:hover{text-decoration:underline;}



/* 留言板块 */
.form{width:1200px;height:52px;margin:30px auto;overflow:hidden;}

.form p{width:298px;height:50px;float:left;margin-right:15px;border:solid 1px #e3e3e3;}

.form input{width:258px;display:inline-block;height:50px;line-height:50px;padding-left:40px;color:#adacac;}

.form p:nth-of-type(1) input{background:url("../images/name.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/name.png*/ left center no-repeat #f5f5f5;}

.form p:nth-of-type(2) input{background:url("../images/phone.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/phone.png*/ left center no-repeat #f5f5f5;}

.form p:nth-of-type(3){width:390px;}

.form textarea{width:340px;height:50px;line-height:50px;background:url("../images/liuyan.png")/*tpa=http://tongjiwater.com/templates/pc_wjdh/images/liuyan.png*/ left center no-repeat #f5f5f5;padding-left:50px;float:left;}

.form .tj{width:150px;height:40px;background:#f5f5f5;padding:5px;float:right;border:solid 1px #e3e3e3;}

.form .tj .btn{width:150px;height:40px;line-height:40px;display: block;text-align:center;font-size:16px;color:#6e6e6e;border:solid 1px #404040;background:#f5f5f5;cursor: pointer;webkit-transition:all .5s;transition:all .5s;color:#6e6e6e;}

.form .tj .btn:hover{border:solid 1px #f5f5f5;-webkit-transition:all .5s;transition:all .5s;}







.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/* 提交按钮的线条边框特效 */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat:nth-of-type(1):before,
.bz-buttonAnimat:nth-of-type(1):after,
.bz-buttonAnimat:nth-of-type(1) .inner:before,
.bz-buttonAnimat:nth-of-type(1) .inner:after {
    background-color: #01a5e3;
}

.bz-buttonAnimat:nth-of-type(2):before,
.bz-buttonAnimat:nth-of-type(2):after,
.bz-buttonAnimat:nth-of-type(2) .inner:before,
.bz-buttonAnimat:nth-of-type(2) .inner:after {
    background-color: #01a5e3;
}

.bz-buttonAnimat:nth-of-type(3):before,
.bz-buttonAnimat:nth-of-type(3):after,
.bz-buttonAnimat:nth-of-type(3) .inner:before,
.bz-buttonAnimat:nth-of-type(3) .inner:after {
    background-color: #01a5e3;
}
.bz-buttonAnimat:nth-of-type(4):before,
.bz-buttonAnimat:nth-of-type(4):after,
.bz-buttonAnimat:nth-of-type(4) .inner:before,
.bz-buttonAnimat:nth-of-type(4) .inner:after {
    background-color: #01a5e3;
}
.bz-buttonAnimat:nth-of-type(5):before,
.bz-buttonAnimat:nth-of-type(5):after,
.bz-buttonAnimat:nth-of-type(5) .inner:before,
.bz-buttonAnimat:nth-of-type(5) .inner:after {
    background-color: #01a5e3;
}
.bz-buttonAnimat:nth-of-type(6):before,
.bz-buttonAnimat:nth-of-type(6):after,
.bz-buttonAnimat:nth-of-type(6) .inner:before,
.bz-buttonAnimat:nth-of-type(6) .inner:after {
    background-color: #01a5e3;
}

.bz-buttonAnimat02:nth-of-type(1):before,
.bz-buttonAnimat02:nth-of-type(1):after,
.bz-buttonAnimat02:nth-of-type(1) .inner:before,
.bz-buttonAnimat02:nth-of-type(1) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat02:nth-of-type(2):before,
.bz-buttonAnimat02:nth-of-type(2):after,
.bz-buttonAnimat02:nth-of-type(2) .inner:before,
.bz-buttonAnimat02:nth-of-type(2) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat02:nth-of-type(3):before,
.bz-buttonAnimat02:nth-of-type(3):after,
.bz-buttonAnimat02:nth-of-type(3) .inner:before,
.bz-buttonAnimat02:nth-of-type(3) .inner:after {
    background-color: #fff;
}
.bz-buttonAnimat02:nth-of-type(4):before,
.bz-buttonAnimat02:nth-of-type(4):after,
.bz-buttonAnimat02:nth-of-type(4) .inner:before,
.bz-buttonAnimat02:nth-of-type(4) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat02:nth-of-type(5):before,
.bz-buttonAnimat02:nth-of-type(5):after,
.bz-buttonAnimat02:nth-of-type(5) .inner:before,
.bz-buttonAnimat02:nth-of-type(5) .inner:after {
    background-color: #fff;
}
.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}