@charset "utf-8";
#J_dotLine{position:fixed;top:0;left:0;z-index:-1;width: 100%;height: 100%;background-color: #fff!important;}

/*banner*/
.banner{position: relative; height:700px;clear: both;overflow:hidden;}
.ban_p,.ban_p ul,.ban_p li{width:100%!important; height:700px;overflow: hidden;}
.ban_p li{ display:block; height:700px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 700px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:1100px;height:70px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 49px;height: 13px;border-radius: 13px;margin-right:10px; display: inline-block;background: #fff;}
.ban_t em.on{background: #0178cf;}

.til01{text-align: center;display: block;font-size:54px;color: #333;line-height:74px;height:153px;}
.til01 a{display: block;color: #333;}
.til01 p{display: block;font-weight: normal;font-size: 20px;line-height: 34px;background:url(../images/tilbg1.png) no-repeat center 0;padding: 18px 0 0;color: #666;}
.til02{color: #fff;}

/*引子*/
.webox{font-family: "PingFang SC";line-height:30px;position: relative;padding:95px 0 0;height:588px;overflow: hidden;font-size: 16px;background:url(../images/webg.jpg) no-repeat center 0;}
.webox_p{width: 600px;height: 480px;position: relative;}
.webox_p p,.webox_p p img{width: 600px;height: 480px;display: block;overflow: hidden;}
.webox_w{width: 500px;position: relative;}
.webox_w p{height:140px;}
.webox_w h3 span{height:47px;background:url(../images/ico2.png) no-repeat 152px center;line-height:47px;font-size: 30px;font-weight: normal;display: block;position: relative;color: #333;letter-spacing: 6px;}
.webox_w h4{height:68px;font-size:30px;line-height:68px;color: #333;display: block;}
.webox_w h3{height:136px;width: 415px;position: relative;font-size: 42px;line-height:60px;color: #0061ce;padding:27px 0 0 42px;border: solid 5px #dadada;margin-bottom: 33px;}
.webox_w h3:before{content: "";position: absolute;width:70px;height:5px;top:112px;right:-35px;background: #d0d0d0;}
.webox_w p{display: block;height:170px;}
.webox_w em{display: block;height:65px;float: right;}

/*产品中心*/
.probox{font-family:"PingFang SC";padding:76px 0 80px;position: relative;line-height:42px;text-align: center;background: #fff;}
.pro_t{height: 109px;font-size: 18px;}
.pro_t li{width: 171px;float: left;color: #333;line-height: 42px;}
.pro_t li a{color: #333;}
.pro_t li span{width:50px;height: 50px;display: block;margin: 0 auto;position: relative;overflow: hidden;}
.pro_t li span i{width:50px;height: 50px;position: absolute;display: block;top: 0;left: 0;}
.pro_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.pro_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -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;}
.pro_t li.cur span .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);}
.pro_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.pro_t li.cur,.pro_t li.cur a,.pro_t li:hover,.pro_t li a:hover{font-weight: bold;color: #005fc8;}
.pro_c{height:728px;overflow:hidden;}
.pro_gg,.pro_gg img{width:558px;display: block;overflow: hidden;}
.pro_l{width: 642px;overflow: hidden;}
.pro_l li{width:302px;float: left;margin-right:18px;position: relative;}
.pro_l li p{border: solid 1px #dadada;}
.pro_l li p,.pro_l li p img{width:300px;height:300px;display: block;overflow: hidden;}
.pro_l li span{height:54px;display: block;overflow: hidden;font-size: 16px;line-height: 54px;}
.pro_l li span a{display: block;color: #000;}

.pro_more{display: block;width: 273px;line-height: 56px;border-radius: 28px;margin: 0 auto;font-size: 16px; background-image: -webkit-gradient(linear, left top, right bottom, from(#00adff), to(#005ec8)); 
    background-image: -webkit-linear-gradient(left, #00adff, #005ec8); 
    background-image: -moz-linear-gradient(left, #00adff, #005ec8); 
    background-image: -o-linear-gradient(left, #00adff, #005ec8); 
    background-image: -ms-linear-gradient(left, #00adff, #005ec8); 
    background-image: linear-gradient(left, #00adff, #005ec8);}
.pro_more a{display: inline-block;color: #fff;padding-left: 34px;background:url(../images/ico03.png) no-repeat 0 center;}

/*案例*/
.case{font-family: "PingFang SC";padding:84px 0;line-height: 24px;position: relative;z-index: 1;background: #f5f5f5;text-align: center;}
.case_l{width: 50%;position: relative;overflow: hidden;}
.case_c dt,.case_c dt img{width:100%;display: block;}
.case_r{width: 50%;overflow: hidden;}
.case_r dl{width:48.75%;overflow: hidden;display: block;float: left;position: relative;margin: 0 0 10px 1.25%;}
.case_c dd{width: 100%;height:100%;background:rgba(0,0, 0 , 0.75);left: 0;bottom: 0;display: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 3px #0061ce;padding: 20% 8% 0;position: absolute;color: #fff;}
.case_r dd{padding: 10% 8% 0;}
.case_c dd h3{font-size: 20px;height: 63px;line-height: 62px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{color: #fff;}
.case_c dd h3:before{content: "";position: absolute;width: 28px;height: 1px;left: 50%;margin-left: -14px;bottom: 0;background: #fff;}
.case_c dd p{display: block;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow:hidden; text-overflow: ellipsis;margin: 10% 0;}
.case_r dd p{margin:5% 0;}
.case_c dd span a{display: block;color: #fff;width: 156px;line-height: 44px;border-radius: 22px;background:url(../images/ico04.gif) no-repeat 119px center #0061ce;padding:0 37px 0 0;margin: 0 auto;}
.case_c dl:hover dd{display: block;z-index: 1;}
.case_more{width: 100%;display: block;height: 79px;line-height: 79px;background: #e1e1e1;text-transform: uppercase;}
.case_more a{display: block;font-size: 16px;text-transform: uppercase;color: #0085e7;}


/*优势*/
.edge{font-family:"PingFang SC";position: relative;line-height:24px;padding:78px 0 80px;}
.edge .til01{height: 149px;}
.edge1{height:480px;position: relative;z-index: 1;overflow: hidden;background: #fff;}
.edge_p{width: 50%;height:480px;overflow: hidden;}
.edge_p1{background:url(../images/edge_pic1.jpg) no-repeat 0 0;}
.edge_p2{background:url(../images/edge_pic2.jpg) no-repeat right 0;}
.edge_p3{background:url(../images/edge_pic3.jpg) no-repeat 0 0;}
.edge_p4{background:url(../images/edge_pic4.jpg) no-repeat right 0;}
.edge_w{width: 45%;height:470px;}
.edge_w1{width:502px;padding:57px 0 0;}
.edge_w1 h3{height:125px;line-height:66px;font-size:50px;white-space: nowrap;color: #0061ce;position: relative;border-bottom: dotted 1px #d8d8d8;margin-bottom: 20px;text-transform: uppercase;}
.edge_w1 h3:before{content: "01";position: absolute;width: 160px;height: 120px;font-size: 118px;line-height: 120px;color: #efefef;right: 0;top: 0;text-align: right;z-index: -1;}
.edge_w2 h3:before{content: "02";}
.edge_w3 h3:before{content: "03";}
.edge_w4 h3:before{content: "04";}
.edge_w1 h3 p{display: block;font-size:24px;line-height: 36px;color: #666;font-weight: normal;}
.edge_w ul.edge_wl{height: 94px;}
.edge_w1 ul.edge_wl{height:125px;}
.edge_wl li{padding: 0 0 17px 18px;background:url(../images/ico05.gif) no-repeat 0 6px;}
.edge_pl li{text-align: center;float: left;}
.edge_pl li:nth-child(2){padding: 0 72px;}
.edge_pl li span{display: block;width: 80px;height: 80px;margin: 0 auto;line-height: 36px;}
.edge_nl li{float: left;position: relative;padding: 0 38px;font-size: 16px;line-height: 24px;text-align: center;}
.edge_nl li span{display: block; font-size: 18px;line-height: 53px;color: #333;height: 53px;}
.edge_nl li span b{font-size:60px;display: inline-block;}
.edge_nl li:before{content: "";position: absolute;width: 1px;height:68px;right: 0;top: 4px;background: #dfdfdf;}
.edge_nl li:nth-child(1){padding-left: 0;}
.edge_nl li:nth-child(3){padding-right: 0;}
.edge_nl li:last-child:before{width: 0;height: 0;background: none;}

/*资讯*/
.nswsbj{height:771px;padding-top:80px;font-family:"PingFang SC";line-height: 24px;position: relative;background:url(../images/newbg.jpg) no-repeat center 0;background-attachment:fixed;}
.nswsbj .til01,.nswsbj .til01 a,.nswsbj .til01 p{color: #fff;}
.nswsbj h3{font-size: 22px;line-height: 66px;height: 66px;overflow: hidden;font-weight: normal;}
.news_l h3{background:url(../images/new_ico1.gif) no-repeat 0 center;padding-left: 39px;border-bottom: solid 2px #bbb;margin-bottom: 20px;}
.news_r h3{background:url(../images/new_ico2.gif) no-repeat 0 center;padding-left: 33px;}
.nswsbj h3 a{display: block;color: #333;}
.nswsbj h3 span{float: right;font-size: 14px;text-transform: uppercase;}
.news_r,.news_l{width: 386px;height: 529px;background: #fff;padding:0 31px;overflow: hidden;border-radius: 6px;position: relative;}
.news_r:before,.news_l:before{content: "";position: absolute;width:7px;height:28px;left: 0;top:20px;background: #0085e7;}
.news_l{width: 624px;}
.news_rc dl{overflow: hidden;border-bottom: dotted 1px #ccc;height:277px;margin-bottom:14px;}
.news_rc dt,.news_rc dt img{width:385px;overflow: hidden;height:152px;display: block;border-radius: 5px;}
.news_rc dd{padding:20px 0 0;}
.news_rc dd h4 a{display: block;color: #333;font-size: 16px;line-height: 36px;height: 36px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_rc li a{display: block;line-height: 36px;height: 36px;padding:0 0 0 20px;background:url(../images/ico05.gif) no-repeat 0 13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

.new_top{height: 142px;display: block;}
.new_top dt{height: 63px;padding: 0 0 0 152px;background:url(../images/new_hot.gif) no-repeat 0 0;line-height:56px;font-size: 16px;font-weight: bold;}
.new_top dt a{display: block;color: #333;height: 56px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.news_lc dl{height: 118px;background: #ececec;overflow: hidden;margin-bottom: 22px;}
.news_lc dt,.news_lc dt img{width:210px;height:118px;float: left;display: block;overflow: hidden;}
.news_lc dd{width:322px;float: left;padding:13px 0 0 32px;}
.news_lc dd a{display: block;font-size: 16px;color: #333;height:38px;line-height: 38px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight: bold;}
.news_lc dl:hover dd a{color: #0077cf;}
.news_rc li a:hover, .new_top dt a:hover, .new_top:hover dt a,.news_rc dl:hover dd h4 a,.news_rc dd h4 a:hover{font-weight: bold;color: #0077cf;}

/*关于*/
.about{font-family:"PingFang SC";line-height:26px;padding:70px 0 0;background: #fff;text-align: center;}
.about_p,.about_p img{width: 1200px;height:501px;display: block;}
.about_w{padding:13px 0 0;height: 124px;}
.about_w h3{display:block;height:48px;text-align: center;font-size:24px;line-height:48px;}
.about_w h3 a{display: block;color: #0085e7;}

/*风采展示*/
.show{height: 360px;position: relative;}
.prev1,.next1{width:15px;height: 27px;display: block;overflow: hidden;position: absolute;top:69px;right: -35px;}
.prev1{left: -35px;}
.show_t{height: 65px;line-height: 41px;position: relative;z-index:1;}
.show_t:before,.show_t:after{content: "";position: absolute;width:330px;height: 1px;right: 0;top:22px;background: #ccc;z-index: -1;}
.show_t:before{left: 0;}
.show_t li{height:41px;margin:0 0 0 10px;color: #333;border: solid 2px #b5b5b5;width: 180px;border-radius: 23px;float: left;background: #fff;}
.show_t li:nth-child(1){margin-left: 312px;}
.show_t li.cur{background: #0085e7;border-color: #0085e7;color: #fff;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c li{width: 289px;float: left;margin:0 15px 0 0;}
.show_c li p,.show_c li p img{width: 289px;height:216px;display: block;overflow: hidden;}
.show_c li span{display: block;overflow: hidden;text-align: center;font-size: 16px;line-height: 44px;}
.show_c li span a{display: block;color: #000;}


/*友情链接*/
.link{height:0;line-height:46px;color: #333;position: relative;z-index: 9;width: 1000px;margin: 0 auto;}
.link_c{position: absolute;left: 0;top: -142px;}
.link a{display: inline-block;color: #333;padding:0 0 0 50px;}


.webox_p img, .pro_gg img, .pro_l li p img, .case_c dt img, .news_rc dt img,.news_lc dt img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p:hover img, .pro_gg:hover img, .pro_l li:hover p img, .case_c dl:hover dt img, .news_rc dl:hover dt img,.news_lc dl:hover dt img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}