/*

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:100%;height:80px;background:url(/templates/pc_wjdh/images/bx_back.png) center bottom no-repeat;padding:50px 0 70px 0;position:relative;z-index:99;}

.box_01::before{content:'';width:100%;height:385px;background:url(/templates/pc_wjdh/images/bx_back.png) center bottom no-repeat;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center{width:1160px;height:80px;margin:0 auto;padding:0 20px;background:#edeef0;overflow:hidden;position:relative;z-index:100;}

.txtScroll-top{width:600px;height:24px;margin:28px 0;float:left;}

.txtScroll-top h4{width:100px;height:24px;font-size:16px;line-height:24px;color:#2658ac;font-weight:bold;background:url(/templates/pc_wjdh/images/hot.png) left center no-repeat;float:left;text-align:right;}

.txtScroll-top .bd{width:480px;height:24px;line-height:24px;float:right;}

.txtScroll-top .infoList li{height:26px;24px-height:24px;overflow:hidden;}

.txtScroll-top .infoList li a{font-size:14px;color:#333;display:block;width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left;-webkit-transition:all .5s;transition:all .5s;}

.txtScroll-top .infoList li:hover a{margin-left:10px;color:#2658ac;-webkit-transition:all .5s;transition:all .5s;}

.txtScroll-top .infoList li span{display:block;float:right;font-size:14px;color:#888;height:24px;line-height:24px;}

.box_01 .right{width:280px;height:38px;background:#d4d5d6;margin:21px 0;float:right;overflow:hidden;}

.box_01 .right .input{width:200px;height:38px;line-height:38px;color:#888;display:block;background:rgba(0,0,0,0);padding-left:20px;float:left;font-size:14px;box-sizing:content-box;}

.box_01 .right .button{width:60px;height:38px;display:inline-block;background:url(/templates/pc_wjdh/images/search.png) center center no-repeat #d4d5d6;cursor:pointer;border:none;float:right;}






/* 产品中心 */
.box_02{width:100%;padding:70px 0;background:#edeef0;overflow:hidden;}

.box_02 .h_title{width:280px;height:93px;margin:0 auto;}

.box_02 .h_title h3{width:280px;height:93px;background:url(/templates/pc_wjdh/images/pro_bt.png);}

.box_02 .h_title h3 a{display:block;width:280px;height:93px;}

.box_02 .center{width:1200px;height:910px;margin:40px auto 0 auto;overflow:hidden;}

.box_02 .center .left{width:260px;height:910px;position:relative;float:left;background:#fff;position:relative;}

.box_02 .center .left .bt{width:260px;height:120px;background:url(/templates/pc_wjdh/images/pro_left.png);}

.box_02 .center .left .bt h4{width:165px;height:120px;line-height:120px;font-size:28px;font-weight:bold;color:#fff;padding-left:95px;background:url(/templates/pc_wjdh/images/pro_icon.png) 55px center no-repeat;}

.box_02 .center .left .list{width:260px;height:640px;margin:0 auto;margin-top:5px;overflow: auto;overflow-x: hidden;}

.box_02 .center .left .list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}

.box_02 .center .left .list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #333;}

.box_02 .center .left .list li{width:260px;height:45px;line-height:45px;margin:0 auto;position:relative;}

.box_02 .center .left .list li::before{content:'';width:260px;height:1px;background:#d2d2d2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .left .list li::after{content:'';width:0px;height:1px;background:#2658ac;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .left .list li:hover::after{content:'';width:260px;height:1px;background:#2658ac;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .left .list li a{display:block;width:180px;padding:0 60px 0 20px;font-size:15px;color:#333;background:url(/templates/pc_wjdh/images/pro_jt_01.png) 230px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .left .list li:hover a{width:170px;padding:0 60px 0 30px;color:#2658ac;background:url(/templates/pc_wjdh/images/pro_jt_02.png) 230px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .left .tel{width:240px;height:136px;padding-left:20px;background:url(/templates/pc_wjdh/images/kf.png);position:absolute;left:0;bottom:0;}

.box_02 .center .left .tel h4{padding-left:25px;font-size:14px;line-height:18px;color:#fff;margin-top:20px;position:relative;}

.box_02 .center .left .tel h4::before{content:'';width:16px;height:18px;background:url(/templates/pc_wjdh/images/tel02.png);position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}

.box_02 .center .left .tel p{font-size:20px;line-height:18px;color:#fff;font-weight:bold;margin-top:15px;position:relative;}

.pro-center{width:920px;height:910px;overflow:hidden;float:right;}

.pro-center .hd{width:920px;height:60px;overflow:hidden;background:#fff;}

.pro-center .hd ul{width:240px;height:60px;line-height:60px;overflow:hidden;font-size:16px;float:left;}

.pro-center .hd ul li{width:120px;height:60px;float:left;line-height:60px;cursor:pointer;color:#333;text-align:center;background:#d4d5d6;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li:last-child{float:right;}

.pro-center .hd ul li::before{content:'';width:120px;height:0px;background:url(/templates/pc_wjdh/images/pro_on.png);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::before{content:'';width:120px;height:60px;background:url(/templates/pc_wjdh/images/pro_on.png);position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .more{display:block;width:120px;height:60px;line-height:60px;font-size:14px;color:#666;text-align:center;float:right;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .more::before{content:'';width:120px;height:0px;background:url(/templates/pc_wjdh/images/pro_on.png);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .more:hover::before{content:'';width:120px;height:60px;background:url(/templates/pc_wjdh/images/pro_on.png);position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .more:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd{width:920px;}

.pro-center .bd .main{width:920px;height:auto;overflow:hidden;}

.pro-center .bd .main li{width:294px;height:265px;float:left;margin:18px 19px 0 0;}

.pro-center .bd .main li:nth-of-type(3n){margin-right:0;}

.pro-center .bd .main li a{display:block;}

.pro-center .bd .main li .img{width:294px;height:220px;overflow:hidden;position:relative;}

.pro-center .bd .main li .img .pic{width:294px;height:220px;overflow:hidden;}

.pro-center .bd .main li .img .pic img{width:294px;height:220px;vertical-align:top;transition: all 1s}

.pro-center .bd .main li:hover .img .pic img{transform: scale(1.1);}

.pro-center .bd .main li .img .hide{width:293px;height:220px;background:url(/templates/pc_wjdh/images/yan.png) center center no-repeat rgba(0,0,0,0.4);position:absolute;top:0;left:50%;font-size:14px;color:#fff;text-align:center;line-height:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;}

.pro-center .bd .main li:hover .img  .hide{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.pro-center .bd .main li .txt{width:294px;height:45px;background:#fff;overflow:hidden;position:relative;z-index:0;}

.pro-center .bd .main li .txt::before{content:'';width:294px;height:0px;background:#2658ac;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt::before{content:'';width:294px;height:45px;background:#2658ac;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .txt .name{width:200px;height:45px;line-height:45px;padding:0 74px 0 20px;font-size:15px;color:#333;background:url(/templates/pc_wjdh/images/sy01.png) 236px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt .name{color:#fff;;background:url(/templates/pc_wjdh/images/sy02.png) 236px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}






/* 企业优势 */
.box_03{width:100%;height:830px;padding-top:101px;background:url(/templates/pc_wjdh/images/ys_back.jpg) center top no-repeat;overflow:hidden;}

.box_03 .h_title{width:280px;height:93px;margin:0 auto;}

.box_03 .h_title h3{width:280px;height:93px;background:url(/templates/pc_wjdh/images/ys_bt.png);}

.box_03 .ys{width:1200px;height:472px;margin:40px auto 0 auto;overflow:hidden;}

.box_03 .ys li{width:285px;height:472px;background:url(/templates/pc_wjdh/images/ys_li01.png);float:left;margin-right:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:hover{background:url(/templates/pc_wjdh/images/ys_li02.png);-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:last-child{margin-right:0;}

.box_03 .ys li .icon{width:110px;height:110px;background:url(/templates/pc_wjdh/images/ys_yuan01.png) #fff;margin:50px auto 0 auto;border-radius:50%;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:hover .icon{background:url(/templates/pc_wjdh/images/ys_yuan02.png) #fff;margin:65px auto 0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li .icon i{display:block;width:110px;height:110px;}

.box_03 .ys li:nth-of-type(1) .icon i{background:url(/templates/pc_wjdh/images/ys_icon_01.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(2) .icon i{background:url(/templates/pc_wjdh/images/ys_icon_02.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(3) .icon i{background:url(/templates/pc_wjdh/images/ys_icon_03.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(4) .icon i{background:url(/templates/pc_wjdh/images/ys_icon_04.png) center center no-repeat;}

.box_03 .ys li h4{font-size:18px;color:#333;line-height:20px;text-align:center;margin-top:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li p{width:213px;font-size:14px;color:#666;line-height:25px;text-align:center;margin:25px auto 0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:hover h4{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .tel{width:365px;height:auto;margin:60px auto 0 auto;}

.box_03 .tel p{text-align:right;font-size:22px;color:#fff;font-weight:bold;line-height:26px;position:relative;}

.box_03 .tel p::before{content:'';width:22px;height:26px;background:url(/templates/pc_wjdh/images/tel03.png);position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}

.box_03 .tel a{display:block;width:150px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#333;background:#fff;border-radius:20px;margin:17px auto 0 auto;}





/* 案例展示 */
.box_04{width:100%;height:auto;padding:70px 0;background:#fff;overflow:hidden;}

.box_04 .h_title{width:280px;height:93px;margin:0 auto;}

.box_04 .h_title h3{width:280px;height:93px;background:url(/templates/pc_wjdh/images/case_bt.png);}

.box_04 .center{width:1200px;height:auto;margin:40px auto 0 auto;}

.picScroll-left{overflow:hidden;position:relative;width:1200px;height:600px;}

.picScroll-left .bd{width:1200px;height:600px;}

.picScroll-left .bd ul{width:1200px;height:600px;overflow:hidden; zoom:1;}

.picScroll-left .bd ul li{overflow:hidden;width:1200px;height:600px;position:relative;}

.picScroll-left .bd ul li a{display:block;}

.picScroll-left .bd ul li .img{width:1200px;height:600px;}

.picScroll-left .bd ul li .img img{width:1200px;height:600px;vertical-align:top;transition: all 1s;}

.picScroll-left .bd ul li:hover .img img{transform: scale(1.05);}

.picScroll-left .bd ul li .name{width:940px;height:80px;line-height:80px;padding:0 180px 0 40px;background:url(/templates/pc_wjdh/images/case_xian.png) 20px center no-repeat #fff;position:absolute;bottom:20px;left:20px;font-size:16px;line-height:80px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.picScroll-left .bd ul li:hover .name{color:#2658ac;-webkit-transition:all .5s;transition:all .5s;}

.picScroll-left .hd ul{overflow:hidden; zoom:1;position:absolute;right:30px;bottom:55px;}

.picScroll-left .hd ul li{ float:left;width:12px;height:12px;overflow:hidden;margin-right:10px;text-indent:-999px;cursor:pointer;background:#d2d2d2;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;}

.picScroll-left .hd ul li.on{background:url(/templates/pc_wjdh/images/dian01.png);-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .list{width:1200px;height:255px;margin:30px auto 0 auto;}

.box_04 .center .list li{width:285px;height:255px;margin-right:20px;position:relative;float:left;}

.box_04 .center .list li:last-child{margin-right:0;}

.box_04 .center .list li a{display:block;}

.box_04 .center .list li .img{width:285px;height:210px;overflow:hidden;}

.box_04 .center .list li .img img{width:285px;height:210px;transition: all 1s;vertical-align:top;}

.box_04 .center .list li:hover .img img{transform: scale(1.2);}

.box_04 .center .list li .name{width:245px;height:45px;line-height:43px;text-align:center;padding:0 20px;font-size:15px;color:#464748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(/templates/pc_wjdh/images/case_on01.png);position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .list li .name::before{content:'';width:285px;height:0;background:url(/templates/pc_wjdh/images/case_on02.png);position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .list li:hover .name::before{content:'';width:285px;height:45px;background:url(/templates/pc_wjdh/images/case_on02.png);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .list li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}






/* 横栏广告 */
.box_05{width:100%;height:300px;padding-top:50px;background: url(/templates/pc_wjdh/images/ad_back.jpg) no-repeat center;}

.box_05 .center{width:1200px;height:300px;margin:0 auto;position:relative;z-index:2;}

.box_05 .center .txt{width:675px;height:300px;position:absolute;top:0;right:0;}

.box_05 .center h4{width:675px;height:36px;font-size:34px;color:#fff;font-weight:bold;line-height:36px;padding-top:16px;text-align:right;background:url(/templates/pc_wjdh/images/duo.png) top left no-repeat;}

.box_05 .center p:nth-of-type(1){line-height:24px;margin-top:25px;text-align:right;font-size:24px;color:#fff;}

.box_05 .center p:nth-of-type(2){width:358px;height:38px;line-height:38px;border:solid 1px #fff;border-radius:20px;margin:20px 0 0 315px;font-size:24px;color:#fff;font-weight:bold;}

.box_05 .center p:nth-of-type(2) span{display:block;width:179px;float:left;text-align:center}

.box_05 .center p:nth-of-type(2) span:nth-of-type(1){border-radius:20px;background:#fff;color:#193f9b;}

.box_05 .center .tel{width:560px;height:40px;line-height:40px;margin:40px 0 0 115px;}

.box_05 .center .tel span{display:block;font-size:22px;font-weight:bold;color:#fff;line-height:40px;padding-left:40px;position:relative;float:left;}

.box_05 .center .tel span::before{content:'';width:22px;height:26px;background:url(/templates/pc_wjdh/images/tel03.png);position:absolute;top:7px;left:0;animation: msClock 1.2s linear infinite;}

.box_05 .center .tel a{display:block;width:150px;height:40px;line-height:40px;text-align:center;background:#fff;float:right;font-size:16px;color:#333;border-radius:20px;}






/* 关于我们 */
.box_06{width:100%;height:410px;margin:70px 0;overflow:hidden;}

.box_06 .center{width:1200px;height:410px;margin:0 auto;}

.box_06 .center .left{width:510px;height:410px;float:left;position:relative;}

.box_06 .center .left::after{content:'';width:870px;height:80px;background:url(/templates/pc_wjdh/images/about_on.png);position:absolute;bottom:0;right:0;}

.box_06 .center .left h4{font-size:30px;color:#333;line-height:30px;padding-top:24px;margin-top:20px;background:url(/templates/pc_wjdh/images/ab_xian.png) left top no-repeat;}

.box_06 .center .left p{font-size:14px;color:#666;line-height:25px;height:175px;margin-top:35px;text-indent:2em;}

.box_06 .center .left a{display:block;width:132px;padding-left:25px;height:22px;margin-top:75px;background:url(/templates/pc_wjdh/images/ab_jt.png) center bottom no-repeat;font-size:14px;font-weight:bold;color:#fff;line-height:12px;text-transform: Uppercase;position:relative;z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left a:hover{margin-left:15px;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .img{width:600px;height:410px;float:right;}

.box_06 .center .img img{width:600px;height:410px;vertical-align:top;}








/* 新闻资讯 */
.box_07{width:100%;height:800px;padding-top:64px;background:url(/templates/pc_wjdh/images/news_back.jpg) center top no-repeat;overflow:hidden;}

.box_07 .h_title{width:280px;height:93px;margin:0 auto;}

.box_07 .h_title h3{width:280px;height:93px;background:url(/templates/pc_wjdh/images/news_bt.png);}

.box_07 .h_title h3 a{display:block;width:280px;height:93px;}

.box_07 .center{width:1200px;height:545px;margin:40px auto 0 auto;overflow:hidden;}

.box_07 .center .news_center{width:660px;height:545px;float:left;background:#fff;}

.box_07 .center .news_center .hd{width:620px;height:55px;padding:0 20px;overflow:hidden;position:relative;}

.box_07 .center .news_center .hd::after{content:'';width:660px;height:1px;background:#d7d7d9;position:absolute;bottom:0;left:0;}

.box_07 .center .news_center .hd ul{width:160px;height:55px;overflow:hidden;float:left;position:relative;}

.box_07 .center .news_center .hd ul li{width:80px;height:55px;line-height:55px;text-align:center;float:left;font-size:16px;position:relative;}

.box_07 .center .news_center .hd ul li:nth-of-type(2){float:right;}

.box_07 .center .news_center .hd ul li::after{content:'';width:0px;height:2px;background:#2658ac;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .hd ul li.on::after{content:'';width:80px;height:2px;background:#2658ac;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .hd ul li a{display:block;height:55px;color:#333;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .hd ul li.on a{color:#2658ac;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .hd .more{display:block;float:right;font-size:14px;color:#888;line-height:55px;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .hd .more:hover{margin-right:10px;color:#2658ac;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd{width:660px;height:460px;margin:30px auto 0 auto;overflow:hidden;}

.box_07 .center .news_center .bd .main{width:660px;height:460px;overflow:hidden;}

.box_07 .center .news_center .bd .main .top{width:620px;height:150px;margin:0 auto;overflow:hidden;}

.box_07 .center .news_center .bd .main .top .img{width:250px;height:150px;overflow:hidden;float:left;}

.box_07 .center .news_center .bd .main .top .img img{width:250px;height:150px;vertical-align:top;}

.box_07 .center .news_center .bd .main .top .txt{width:350px;height:150px;overflow:hidden;float:right;}

.box_07 .center .news_center .bd .main .top .txt .name{display:block;font-size:16px;color:#333;line-height:18px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .top:hover .txt .name{color:#2658ac;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .top .txt p{font-size:14px;color:#888;line-height:25px;height:50px;margin-top:20px;overflow:hidden;}

.box_07 .center .news_center .bd .main .top .txt span{display:block;font-size:14px;line-height:15px;color:#888;margin-top:15px;padding-left:24px;background:url(/templates/pc_wjdh/images/jia.png) left center no-repeat;}

.box_07 .center .news_center .bd .main .botton{width:660px;height:250px;margin-top:30px;border-top:solid 1px #e6e6e6;overflow:hidden;}

.box_07 .center .news_center .bd .main .botton li{width:620px;height:50px;line-height:50px;padding:0 20px;overflow:hidden;position:relative;}

.box_07 .center .news_center .bd .main .botton li::before{content:'';width:660px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li::after{content:'';width:0px;height:1px;background:#2658ac;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li:hover::after{content:'';width:660px;height:1px;background:#2658ac;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li a{display:block;width:470px;height:50px;font-size:14px;color:#888;float:left;padding-left:15px;background:url(/templates/pc_wjdh/images/dian02.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li:hover a{color:#2658ac;margin-left:10px;background:url(/templates/pc_wjdh/images/dian03.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li span{display:block;width:auto;height:50px;font-size:14px;color:#888;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news_center .bd .main .botton li:hover span{color:#333;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa{width:510px;height:530px;padding-bottom:15px;background:#fff;float:right;overflow:hidden;}

.box_07 .qa .bt{width:470px;height:55px;padding:0 20px;overflow:hidden;margin-bottom:30px;position:relative;}

.box_07 .qa .bt::after{content:'';width:510px;height:1px;background:#d7d7d9;position:absolute;bottom:0;left:0;}

.box_07 .qa .bt h4{width:80px;line-height:55px;font-size:16px;color:#2658ac;font-weight:bold;float:left;text-align:center;position:relative;}

.box_07 .qa .bt h4::after{content:'';width:80px;height:2px;background:#2658ac;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .bt a{display:block;width:auto;line-height:60px;font-size:14px;color:#fff;float:right;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .bt a:hover{margin-right:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .bt a{display:block;float:right;font-size:14px;color:#888;line-height:55px;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .bt a:hover{margin-right:10px;color:#2658ac;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .quest{width:470px;height:99px;padding:0 20px;margin-bottom:15px;border-bottom:solid 1px #e6e6e6;}

.box_07 .qa .quest p{overflow:hidden;font-size:14px;}

.box_07 .qa .quest p:nth-of-type(1) span{display:block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#333;border-radius:5px;float:left;}

.box_07 .qa .quest p:nth-of-type(1) a{width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .qa .quest p:nth-of-type(2){margin-top:15px;}

.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#2658ac;border-radius:5px;float:left;margin-right:10px;}

.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(2){width:430px;font-size:14px;color:#888;line-height:25px;max-height:50px;overflow:hidden;float:right;}

.box_07 .qa .quest:hover p a{color:#2658ac;-webkit-transition:all .5s;transition:all .5s;}








/* 在线留言 */
.box_08{width:100%;height:400px;margin:70px 0 45px 0;overflow:hidden; background:url(/templates/pc_wjdh/images/ly_back.jpg) center top no-repeat;}

.box_08 .center{width:1200px;height:400px;margin:0 auto;overflow:hidden;}

.box_08 .center .img{width:350px;height:400px;float:left;position:relative;}

.box_08 .center .img img{width:350px;height:400px;vertical-align:top;}

.box_08 .center .ly{width:560px;height:400px;box-sizing:content-box;float:right;position:relative;}

.box_08 .center .ly .bt{width:auto;height:60px;position:relative;z-index:2;padding-left:70px;margin-top:30px;background:url(/templates/pc_wjdh/images/ly_icon.png) left center no-repeat;box-sizing:content-box;}

.box_08 .center .ly .bt p{font-size:18px;line-height:20px;font-weight:bold;color:#333;padding-top:8px;box-sizing:content-box;}

.box_08 .center .ly .bt h4{font-size:16px;line-height:16px;color:#333;margin-top:8px;}

.box_08 .center .form{width:560px;height:220px;margin-top:30px;position:relative;}

.box_08 .center .form p{width:270px;height:34px;overflow:hidden;border-bottom:solid 1px #c5c5c5;}

.box_08 .center .form input{display:block;width:250px;height:34px;line-height:34px;color:#333;font-size:14px;padding-left:20px;box-sizing:content-box;}

.box_08 .center .form p:nth-of-type(1){position:absolute;left:0;top:0;}

.box_08 .center .form p:nth-of-type(2){position:absolute;right:0;top:0;}

.box_08 .center .form p:nth-of-type(3){width:560px;height:34px;position:absolute;left:0;top:95px;}

.box_08 .center .form p:nth-of-type(1) input{background:url(/templates/pc_wjdh/images/name.png) left center no-repeat rgba(0,0,0,0);}

.box_08 .center .form p:nth-of-type(2) input{background:url(/templates/pc_wjdh/images/phone.png) left center no-repeat rgba(0,0,0,0);}

.box_08 .center .form textarea{width:540px;height:34px;line-height:34px;color:#333;font-size:14px;padding-left:20px;box-sizing:content-box;background:url(/templates/pc_wjdh/images/liuyan.png) left center no-repeat rgba(0,0,0,0);}

.box_08 .center .form p:nth-of-type(4){width:270px;height:39px;position:absolute;bottom:0;left:0;z-index:2;}

.box_08 .center .form p:nth-of-type(4) input{display:block;width:120px;height:39px;line-height:39px;color:#333;font-size:14px;float:left;background:url(/templates/pc_wjdh/images/yzm.png) left center no-repeat rgba(0,0,0,0);}

.box_08 .center .form p:nth-of-type(4) img{display:block;float:right;width:100px;height:39px;cursor:pointer;}

.box_08 .center .form .tj{width:270px;height:40px;border:none;position:absolute;bottom:0;right:0;background:url(/templates/pc_wjdh/images/tj.png);overflow:hidden;z-index:0;}

.box_08 .center .form .tj .btn{display: block;width:270px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;}

.box_08 .center .form .tj .btn:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .form .tj::before{content:'';width:270px;height:0px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .form .tj:hover::before{content:'';width:270px;height:40px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}








/* 提交按钮的线条边框特效 */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat::before,
.bz-buttonAnimat::after,
.bz-buttonAnimat .inner::before,
.bz-buttonAnimat .inner::after {
    background-color: #ea3d00;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #ea3d00;
}


.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: 2px;
    -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: 2px;
    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
}
