.header{width:100%;z-index:101;line-height:90px;position:relative;padding-left:3%;}
.header .logo{position:relative;z-index:10;width:10%;}
.header .logo img{position:relative;z-index:2;}
.header .other{text-align:right;width:181px;font-size:0;border-left:1px solid rgba(153,153,153,0.3);}
.header .other dt,.header .other dd{display:inline-block;vertical-align:middle;width:90px;text-align:center;}
.header .other .menuIcon{display:none;}

.header .other .lang { position: relative; z-index: 100; cursor: pointer; height: 90px }
.header .other .lang span{vertical-align: middle; display:inline-block;width:23px;height:23px;background:url(../images/lang_icon.png) no-repeat center;margin:0 auto;}

.header .other .lang .con{display: none; box-shadow:0px 3px 62px 0px rgba(0,0,0,0.19);  background: #fff;
	 position: absolute; left: 0; top: 100%; width: 150%; height: 100%; z-index: 100; height: auto; overflow: hidden;}
.header .other .lang .con a{ display: block; line-height: 24px; font-size: 14px; line-height: 36px; border-bottom: 1px solid #eee;}
.header .other .lang .con a:last-child{ border-bottom:none}
.header .other .lang .con a:hover{ background-color: #e50012; color: #fff}

.header .other .lang:hover .con{ display: block;}




.header .other dd{width:90px;height:90px;font-size:14px;}
.header .other .search{background-color:#e50012;}
.header .other .icon_search{display:inline-block;width:28px;height:28px;background:url(../images/search_icon.png) no-repeat center;vertical-align:middle;}
.header .other .open_search_on:before,.header .other .open_search_on:after{position:absolute;content:'';width:90%;left:15%;height:2px;top:50%;margin-top:-1.5px;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.header .other .open_search_on:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.header .other .open_search_on{background:none !important;position:relative;}
.header .other .search_box{position:absolute;padding:0 36px 0 0;display:none;width:250px;right:0;top:100%;line-height:normal;background-color:#fff;}
.header .other .search_box .text{width:100%;border:none;font-size:14px;color:#0c0c0c;line-height:40px;height:40px;padding-left:10px;}
.header .other .search_box .btn{position:absolute;right:0;top:0;width:36px;height:100%;background:url(../images/search_icon2.png) no-repeat center;background-size:50%;}
@media screen and (max-width:1024px){.header .logo{width:auto;}
.header .other{width:271px;}
.header .other .menuIcon{display:inline-block;}
.header #open_menu{z-index:102;position:relative;width:40px;height:40px;display:inline-block;vertical-align:middle;cursor:pointer;transition:all .3s;}
.header #open_menu i{display:block;background-color:#e60012;position:absolute;width:30px;left:5px;top:18px;height:3px;border-radius:4px;transition:all .3s;}
.header #open_menu::before,.header #open_menu::after{content:'';position:absolute;left:5px;width:30px;height:3px;background-color:#e60012;border-radius:4px;}
.header #open_menu::before{top:10px;}
.header #open_menu::after{bottom:10px;}
.header #open_menu.open_menu_on i{opacity:0;}
.header #open_menu.open_menu_on:before{transform:rotate(45deg);background-color:#fff;top:18px;}
.header #open_menu.open_menu_on:after{transform:rotate(-45deg);background-color:#fff;bottom:18px;}
}
@media screen and (max-width:640px){.header{line-height:70px;}
.header .logo,.header .other{display:inline-block;}
.header .logo{width:45%;}
.header .other{width:151px;position:absolute;right:0;top:0;}
.header .other dt,.header .other dd{width:50px;}
.header .other dd{height:70px;}
.header .other .lang{height:70px;}
}
.navTop{padding:0 7% 0 3.5%;}
.navTop>ul>li{float:left;width:calc(100% / 9);text-align:center;}
.navTop li{font-size:20px;position:relative;}
.navTop li>a{color:#333;display:block;font-weight:bold;}
.navTop li:hover::after,.navTop li.aon::after{content:'';display:block;position:absolute;left:50%;border:8px solid transparent;border-bottom-color:#fff;transform:translateX(-50%);bottom:0;}
.navTop li:hover>a,.navTop li.aon>a{color:#e50012;}
.navTop .sub{position:absolute;top:100%;display:none;background-color:#fff;text-align:center;background-color:#fff;width:100%;left:0;padding:30px 0;box-shadow:0px 3px 62px 0px rgba(0,0,0,0.19);}
.navTop .sub a{display:block;font-size:14px;color:#666666;line-height:36px;}
.navTop .sub a:hover{color:#e60012;font-weight:bold;}
@media screen and (max-width:1400px){.navTop ul>li{font-size:16px;}
}
@media screen and (max-width:1024px){.navTop{-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto;visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.8);line-height:40px;margin-left:0;display:block;padding:0;}
.navTop.navTop_show{visibility:visible;}
.navTop.navTop_show ul{padding-top:70px;position:relative;height:100%;width:250px;float:right;background-color:#e50012;}
.navTop.navTop_show ul li{width:100%;float:none;}
.navTop.navTop_show ul li>a{color:#fff;}
.navTop.navTop_show ul li::after{display:none;}
.navTop .sub{position:relative;background-color:rgba(255,255,255,0.8);padding:20px 0;}
.navTop .sub a{color:#666;}
}
.layer{position:fixed;left:0;top:90px;width:100%;height:calc(100% - 30px);z-index:100;background-color:rgba(0,0,0,0.2);display:none;}
.f50{font-size:50px;}
.f44{font-size:44px;}
.f40{font-size:40px;}
.f34{font-size:34px;}
.f28{font-size:28px;}
.f24{font-size:24px;}
@media screen and (max-width:1200px){.f50{font-size:44px;}
.f44{font-size:40px;}
.f40{font-size:36px;}
.f34{font-size:30px;}
}
@media screen and (max-width:1024px){.f50{font-size:36px;}
.f44{font-size:30px;}
.f40{font-size:30px;}
.f34{font-size:28px;}
.f28{font-size:24px;}
.f24{font-size:20px;}
}
@media screen and (max-width:768px){.f50{font-size:32px;}
.f44{font-size:28px;}
.f40{font-size:24px;}
.f34{font-size:32px;}
.f28{font-size:20px;}
.f24{font-size:18px;}
}
@media screen and (max-width:640px){.f50{font-size:26px;}
.f44{font-size:22px;}
.f40{font-size:22px;}
.f34{font-size:20px;}
.f28{font-size:18px;}
.f24{font-size:16px;}
}
.Hbanner{position:relative;}
.Hbanner .img{width:100%;}
.Hbanner .wapBan{display:none;}
.Hbanner .Hmore{margin-left:12%;margin-top:8%;}
.Hbanner .ban_txt{position:absolute;z-index:2;left:50%;max-width:1600px;width:96%;transform:translate(-50%,-50%);}
.Hbanner .left{top:50%;text-align:left;}
.Hbanner .right{left:auto;right:50%;top:50%;transform:translate(50%,-50%);text-align:right;}
.Hbanner .center{top:30%;text-align:center;}
.Hbanner .slick-dots{width:100%;position:absolute;left:0;bottom:5%;z-index:3;padding:0 5%;text-align:center;font-size:0;}
.Hbanner .slick-dots li{display:inline-block;vertical-align:middle;margin:0 5px;width:24px;height:24px;position:relative;line-height:24px;border-radius:100%;position:relative;}
.Hbanner .slick-dots li button{font-size:0;width:6px;height:6px;display:inline-block;vertical-align:middle;border:none;background-color:#ffffff;border-radius:100%;}
.Hbanner .slick-dots li.slick-active{background:url(../images/ban_dot.png) no-repeat center;}
.Hbanner .ul .slick-slide .ban_txt img{transition-duration:0.5s;transition-delay:0.5s;opacity:0;}
.Hbanner .ul .slick-slide .left img{transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%);}
.Hbanner .ul .slick-slide .right img{transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.Hbanner .ul .slick-slide .center img{transform:translateY(-100%);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);}
.Hbanner .ul .an-show .ban_txt img{opacity:1;}
.Hbanner .ul .an-show .left img{transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);}
.Hbanner .ul .an-show .right img{transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);}
.Hbanner .ul .an-show .center img{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);}
.Hbanner .wapTxt{display:none;}
.Hbanner .pcTxt{display:inline-block;}
@media screen and (max-width:1024px){.Hbanner .wapBan{display:inline-block;}
.Hbanner .pcBan{display:none;}
.Hbanner .wapTxt{display:block;}
.Hbanner .pcTxt{display:none;}
.Hbanner .ban_txt{max-width:60%;text-align:center;}
}
.Hbox{padding:4% 0;}
@media screen and (max-width:640px){.Hbox{padding:10% 0;}
}
.Htit h2{font-weight:normal;color:#333333;margin-bottom:15px;}
.Htit p{font-size:18px;color:#999999;line-height:32px;}
@media screen and (max-width:1024px){.Htit p{font-size:16px;}
}
@media screen and (max-width:640px){.Htit p{font-size:14px;line-height:26px;}
}
.Htit_white h2{color:#ffffff;}
.Htit_white p{color:rgba(255,255,255,0.5);}
.Hpro{background-color:#edf2f5;padding-bottom:0;}
.Hpro .Htit p{display:inline-block;}
.Hpro .tab_list{float:right;text-align:right;font-size:0;}
.Hpro .tab_list li{display:inline-block;font-size:18px;color:#333333;}
.Hpro .tab_list li::after{display:inline-block;margin:0 50px;width:1px;height:20px;background-color:#b9c9d3;content:'';vertical-align:middle;transform:rotate(45deg);}
.Hpro .tab_list li:last-child::after{display:none;}
.Hpro .tab_list li span{display:inline-block;position:relative;cursor:pointer;}
.Hpro .tab_list li span:hover{color:#0068b7;}
.Hpro .tab_list li .on{color:#0068b7;}
.Hpro .tab_list li .on::before,.Hpro .tab_list li .on::after{content:'';position:absolute;top:130%;}
.Hpro .tab_list li .on::before{left:0;width:100%;height:1px;background-color:#0068b7;}
.Hpro .tab_list li .on::after{border:4px solid transparent;border-top-color:#0068b7;left:50%;transform:translateX(-50%);}
.Hpro .tab_info{margin-top:4%;}
.Hpro .item .pro{margin:0 -11px;padding-bottom:50px;}
.Hpro .item li{position:relative;}
.Hpro .pro1 li{padding-bottom:45px;}
.Hpro .pro2 li{padding-bottom:45px;}
.Hpro .item li .info{display:block;margin:0 11px;background:url(../images/Hpro_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.Hpro .item .txt{position:absolute;left:0;text-align:center;top:15%;text-align:center;width:100%;color:#fff;}
.Hpro .item .txt *{font-weight:normal;}
.Hpro .item .txt .en{font-size:12px;opacity:.5;text-transform:uppercase;letter-spacing:2px;margin-top:8px;}
.Hpro .item figure{padding-top:143.23%;}
.Hpro .item .pro2 figure{padding-top:69.71%;}
.Hpro .item .pro2 .txt .cn{transition:all 0.5s;}
.Hpro .item .pro2 .show{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(42,67,86,0.9);transition:all 0.5s;opacity:0;}
.Hpro .item .pro2 dl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:500px;width:96%;max-height:96%;overflow:auto;}
.Hpro .item .pro2 dl a{color:#fff;}
.Hpro .item .pro2 dt{text-align:center;margin-bottom:8%;}
.Hpro .item .pro2 dd{overflow:hidden;}
.Hpro .item .pro2 dd a{float:left;width:48%;margin-right:4%;text-align:center;background-color:#0068b7;font-size:18px;line-height:50px;margin-top:4%;padding:0 2%;}
.Hpro .item .pro2 dd a:nth-child(2n){margin-right:0;}
.Hpro .item .btn{display:none;}
.Hpro .aon::before{content:'';position:absolute;left:50%;transform:translateX(-50%);border:15px solid transparent;border-bottom-color:#e7ecf0;bottom:0;}
.Hpro .item .btn span{cursor:pointer;line-height:80px;color:#fff;background-color:rgba(0,104,183,0.8);font-size:16px;width:100%;text-align:center;position:absolute;left:0;bottom:0;width:100%;}
.Hpro .item .btn span::after{content:'';display:inline-block;width:13px;height:7px;background:url(../images/more4.png) no-repeat center;margin-left:5px;}
.Hpro .item .btn .up{display:none;}
.Hpro .item .btn .up::after{transform:rotateX(180deg);}
/* .Hpro .item a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none;}
*/
.HproShow{background-color:#e7ecf0;}
.Hpro .HproShow figure{width:100%;padding-top:75%;transition:all 0.5s;}
.Hpro .HproShow .list{display:none;padding:2% 0 4%;margin-top:-50px;}
.Hpro .HproShow .list li{padding-bottom:0;position:relative;}
.Hpro .HproShow .list li p{position:absolute;left:0;text-align:center;bottom:10%;text-align:center;width:100%;color:#fff;font-size:16px;}
.Hpro .HproShow .list a{display:block;overflow:hidden;}
.Hpro .HproShow .list a:hover figure{transform:scale(1.05);}
.Hpro .HproShow .slick-arrow{width:36px;height:72px;background-image:url(../images/btn_prev3.png);margin-top:-36px;border-radius:unset;}
.Hpro .HproShow .slick-next{transform:rotate(180deg);right:0;}
.Hpro .HproShow .slick-prev{left:0;}
.Hpro .HproShow .slick-arrow:hover{background-image:url(../images/btn_prev4.png);}
@media screen and (max-width:1024px){.Hpro .tab_list li{font-size:16px;}
.Hpro .tab_list li::after{margin:0 20px;}
}
@media screen and (max-width:768px){.Hpro .tab_list{float:none;text-align:center;margin-top:20px;}
.Hpro .tab_list li{font-size:16px;}
.Hpro .tab_list li::after{margin:0 20px;}
.Hpro .item .pro2 dd a{font-size:16px;}
}
@media screen and (max-width:640px){.Hpro .tab_list li{font-size:14px;}
.Hpro .tab_list li::after{margin:0 10px;}
.Hpro .item{padding:3% 2% 0;}
.Hpro .item .pro{margin:0;}
.Hpro .item .pro1 li a{margin:0 5px;}
.Hpro .item .pro2 dt{margin-bottom:2%;}
.Hpro .item .pro2 dd a{font-size:14px;line-height:32px;}
.Hpro .item .btn{line-height:40px;font-size:14px;}
.Hpro .item .slick-prev{left:-2%;}
.Hpro .item .slick-next{right:-2%;}
}
.Habout{background-position:center top;background-size:cover;position:relative;}
.Habout::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:35%;background:-moz-linear-gradient(top,transparent 0%,rgba(30,47,70,0.9) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(30,47,70,0.9)));background:-webkit-linear-gradient(top,transparent 0%,rgba(30,47,70,0.9) 100%);background:-o-linear-gradient(top,transparent 0%,rgba(30,47,70,0.9) 100%);background:-ms-linear-gradient(top,transparent 0%,rgba(30,47,70,0.9) 100%);background:linear-gradient(to bottom,transparent 0%,rgba(30,47,70,0.9) 100%);}
.Habout .w1600{position:relative;z-index:2;}
.Habout .Htit{max-width:1020px;margin:0 auto;}
.Habout .Htit p{margin-top:3%;}
.Habout .more{text-align:center;margin-top:3%;}
.Habout .more a{color:#fff;display:inline-block;line-height:30px;border-bottom:1px solid #fff;}
.Habout .video_bn{display:block;margin:9.4% auto;width:80px;height:80px;background:url(../images/play_icon.png) no-repeat center;background-size:contain;cursor:pointer;}
.Habout .numCon li{float:left;width:calc(100% / 3);color:#fff;text-align:center;}
.Habout .numCon li .box{display:inline-block;text-align:left;padding:0 2%;}
.Habout .numCon span{font-size:70px;font-family:cursive;}
.Habout .numCon p{opacity:.5;font-size:18px;}
@media screen and (max-width:1200px){.Habout .numCon span{font-size:50px;}
}
@media screen and (max-width:1024px){.Habout .numCon span{font-size:40px;}
.Habout .numCon p{font-size:16px;}
}
@media screen and (max-width:768px){.Habout .numCon li{width:calc(100% / 3);text-align:left;margin:1% 0;}
}
@media screen and (max-width:640px){.Habout .video_bn{width:50px;height:50px;}
.Habout .numCon li{/* width:calc(100% / 2);*/
}
.Habout .numCon span{font-size:30px;}
.Habout .numCon p{font-size:14px;}
}
@media screen and (max-width:480px){.Habout .numCon span{font-size:26px;}
.Habout .numCon p{font-size:12px;}
}
.Hnews{background:url(../images/Hnews_bg.jpg) no-repeat center;background-size:cover;}
.Hnews .box{padding:4% 0 1.5%;}
.Hnews .pic{position:relative;overflow:hidden;}
.Hnews .pic i{display:block;width:100%;padding-top:55.886%;}
.Hnews .pic time{position:absolute;right:0;bottom:0;background-color:#0068b7;color:#fff;font-family:arial;width:100px;line-height:44px;font-size:20px;text-align:center;}
.Hnews a:hover .pic i{transform:scale(1.1);}
.Hnews .left{width:50%;}
.Hnews .left .pic i{padding-top:55%;}
.Hnews .left .pic time{width:120px;line-height:60px;font-size:30px;}
.Hnews .left .txt{background-color:#fff;padding:4.5% 5%;}
.Hnews .left h2{font-weight:normal;}
.Hnews .left p{line-height:28px;color:#999999;margin-top:1.945%;}
.Hnews .right{width:45%;}
.Hnews .right .top li{width:47.224%;margin-right:5.5%;float:left;}
.Hnews .right .top li:last-child{margin-right:0;}
.Hnews .right .top p{font-size:18px;line-height:30px;margin-top:10px;}
.Hnews .right .list{margin-top:15.5%;}
.Hnews .right .list time{float:right;font-size:22px;font-family:arial;color:#333;margin-left:3%;}
.Hnews .right .list li{padding:3.82% 0;font-size:18px;border-bottom:1px solid rgba(56,68,85,0.1);}
.Hnews .right .list li:first-child{border-top:1px solid rgba(56,68,85,0.1);}
@media screen and (max-width:1400px){.Hnews .right .list{margin-top:13%;}
}
@media screen and (max-width:1200px){.Hnews .right .list{margin-top:10%;}
}
@media screen and (max-width:1024px){.Hnews .right .list li{padding:3.2% 0;}
}
@media screen and (max-width:768px){.Hnews .pic time{width:80px;line-height:30px;font-size:16px;}
.Hnews .right .top p{font-size:16px;line-height:26px;}
.Hnews .right .list{margin-top:12%;}
.Hnews .right .list li{font-size:16px;}
.Hnews .right .list li time{font-size:18px;}
}
@media screen and (max-width:640px){.Hnews .left,.Hnews .right{width:100%;float:none;margin-bottom:2%;}
.Hnews .pic time{width:80px;line-height:30px;font-size:16px;}
.Hnews .left .pic time{width:100px;line-height:40px;font-size:22px;}
.Hnews .right .top li{width:49%;margin-right:2%;}
.Hnews .right .list li time{font-size:16px;}
}
.HMarketing{padding:0;position:relative;}
.HMarketing .Htit{position:absolute;left:50%;transform:translateX(-50%);max-width:1600px;width:96%;top:8.5%;z-index:2;}
.HMarketing figure img{width:100%;}
.Hlink{background:url(../images/Hlink_bg.jpg) no-repeat center;background-size:cover;}
.Hlink .tab_list{padding:1.5% 0 3.5%;text-align:center;font-size:0;}
.Hlink .tab_list li{display:inline-block;width:160px;line-height:46px;border-radius:50px;background-color:#fff;border:1px solid #0068b7;color:#0068b7;font-size:18px;margin:0 1%;cursor:pointer;}
.Hlink .tab_list .on{color:#fff;background-color:#0068b7;}
.Hlink .tab_con{padding-bottom:1%;}
.Hlink .tab_con .ul{margin:0 -16px;}
.Hlink .tab_con li a{margin:10px 16px;display:block;padding-top:60%;position:relative;background-color:#fff;transition:all 0.5s;}
.Hlink .tab_con li a img{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;max-height:100%;}
.Hlink .tab_con li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.4);}
@media screen and (max-width:640px){.Hlink .tab_list li{width:100px;line-height:36px;font-size:16px;}
.Hlink .item .ul{margin:0;}
.Hlink .item li a{margin:0 5px;}
.Hlink .item .slick-prev{left:-2%;}
.Hlink .item .slick-next{right:-2%;}
}
.footer{background:url(../images/foot_bg.png) no-repeat right center #151c26;padding-top:3.5%;}
.footer .contact{float:right;}
.footer .contact h2{font-size:20px;color:#fff;font-weight:normal;}
.footer .contact h3{font-size:32px;color:#e50013;margin:8% 0;font-family:arial;}
.footer .icon{font-size:0;margin-bottom:12%;}
.footer .icon a{position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;border:1px solid rgba(119,119,119,0.4);border-radius:100%;margin-right:17px;background:url(../images/foot_qq.png);}
.footer .icon a figure{width:120px;height:120px;background-color:#fff;border-radius:10px;position:absolute;left:50%;transform:translateX(-50%);bottom:100%;padding:3px;display:none;}
.footer .icon a figure img{width:100%;}
.footer .icon .wx{background-image:url(../images/foot_wx.png);}
.footer .icon .dy{background-image:url(../images/foot_dy.png);}
.footer .icon .fx{background-image:url(../images/foot_fx.png);margin-right:0;}
.footer .down{display:inline-block;padding-left:45px;background:url(../images/foot_icon.png) no-repeat left center;font-size:20px;color:#fff;}
.footer nav{float:left;width:70%;}
.footer nav dl{float:left;margin-right:7.5%;}
.footer nav dl:last-child{margin-right:0;}
.footer nav dl dt{font-size:20px;margin-bottom:20px;}
.footer nav dl dt a{color:#fff;}
.footer nav dl dd{line-height:32px;font-size:15px;}
.footer nav dl dd a{color:#747d89;}
.footer .bottom{margin-top:5%;padding:2% 0;border-top:1px solid rgba(222,222,222,0.1);font-size:15px;color:#7a818c;}
.footer .bottom a{color:#7a818c;display:inline-block;}
.footer .bottom p{float:right;}
.footer .bottom p *{display:inline-block;vertical-align:middle;}
.footer .bottom em{width:1px;height:15px;background-color:rgba(204,204,204,0.3);margin:0 15px 0 18px;}
.footer .bottom em:last-child{display:none;}
@media screen and (max-width:1600px){.footer nav dl{margin-right:8%;}
}
@media screen and (max-width:1280px){.footer nav dl{margin-right:6%;}
}
@media screen and (max-width:1024px){.footer nav{display:none;}
.footer .contact{float:none;text-align:center;}
.footer .contact h3{margin:3% 0;}
.footer .contact .icon{margin-bottom:3%;}
.footer .bottom{text-align:center;font-size:13px;padding:4% 0;}
.footer .bottom p{float:none;padding-bottom:2%;}
.footer .bottom p em{margin:0 8px 0 12px;}
}
.Nbanner{position:relative;}
.Nbanner img{width:100%;}
.Nbanner .wapBan{display:none;}
.Nbanner .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96%;max-width:1600px;color:#fff;}
.Nbanner .en{font-size:16px;opacity:.5;text-transform:uppercase;margin-top:10px;}
.Nbanner .proTxt{color:#344f70;}
.Nbanner .proInfo_txt{transform:translateX(-50%);top:auto;bottom:7%;}
.Nbanner .proInfo_txt .box{width:100%;max-width:600px;padding:2.5% 3% 4.5%;background-color:#576e8a;}
.Nbanner .proInfo_txt .cn{font-size:36px;}
.Nbanner .proInfo_txt .en{font-size:20px;}
@media screen and (max-width:1024px){.Nbanner .wapBan{display:block;}
.Nbanner .pcBan{display:none;}
.Nbanner .proInfo_txt .cn{font-size:30px;}
.Nbanner .proInfo_txt .en{font-size:16px;}
}
@media screen and (max-width:640px){.Nbanner .proInfo_txt .cn{font-size:20px;}
.Nbanner .proInfo_txt .en{font-size:14px;}
}
.Nmenu{line-height:90px;border-bottom:1px solid rgba(56,68,85,0.1);}
.Nmenu .location{padding-left:20px;float:right;background:url(../images/home.png) no-repeat left center;}
.Nmenu .location *{display:inline-block;}
.Nmenu .location a{color:#999999;}
.Nmenu .location i{color:#b9c9d3;margin:0 10px;}
.Nmenu .location a:hover,.Nmenu .location span{color:#0068b7;}
.Nmenu #side-menu{float:left;}
.Nmenu #side-menu li{float:left;min-width:140px;text-align:center;font-size:18px;font-weight:bold;}
.Nmenu #side-menu li a{display:block;padding:0 30px;}
.Nmenu #side-menu li a:hover{color:#fff;background-color:#0068b7;}
.Nmenu #side-menu .active_on a{color:#fff;background-color:#0068b7;}
@media screen and (max-width:1024px){.Nmenu .location{display:none;}
.Nmenu #side-menu{float:none;}
.Nmenu #side-menu li{min-width:100px;line-height:60px;font-size:16px;}
}
@media screen and (max-width:640px){.Nmenu #side-menu li{min-width:auto;line-height:40px;font-size:14px;}
.Nmenu #side-menu li a{padding:0 15px;display:block;}
}
.aboutitem{margin-bottom:5%;}
.aboutitem:last-child{margin-bottom:0;}
.aboutitem .pic{width:720px;}
.aboutitem .txt{padding:0 3.5%;background-color:#fff;font-size:18px;line-height:32px;}
.aboutitem .item{margin:6% 0;}
.aboutitem .item .tit{color:#0068b7;padding-left:30px;background:url(../images/icon.png) no-repeat left center;margin-bottom:2%;}
@media screen and (max-width:1024px){.aboutitem .ytable_cell{display:block;width:100%;}
.aboutitem .pic img{width:100%;}
.aboutitem .txt{padding:3.5%;}
}
@media screen and (max-width:768px){.aboutitem .txt{font-size:16px;line-height:26px;}
}
@media screen and (max-width:640px){.aboutitem .txt{font-size:14px;}
}
.aboutitem1 .ytable_cell{height:519px;}
.aboutitem1 .pic{position:relative;width:67.5%;vertical-align:bottom;}
.aboutitem1 .pic figure{position:absolute;left:0;top:0;width:100%;height:100%;}
.aboutitem1 .pic .video_bn{display:block;width:80px;height:80px;margin:0 auto 11%;background:url(../images/play_icon.png) no-repeat center;position:relative;z-index:2;cursor:pointer;background-size:cover;}
.aboutitem1 .pic .ul_num{position:relative;z-index:2;margin-bottom:4%;}
.aboutitem1 .pic .ul_num li{float:left;width:33.33%;text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,0.2);}
.aboutitem1 .pic .ul_num li:last-child{border-right:none;}
.aboutitem1 .pic .ul_num li .box{display:inline-block;text-align:left;}
.aboutitem1 .pic .ul_num li b{font-size:70px;font-family:arial;font-weight:normal;}
.aboutitem1 .pic .ul_num li p{opacity:.5;}
.aboutitem1 .txt{background:url(../images/about_bg1.png) no-repeat left top #fff;padding:0 3.5%;}
.aboutitem1 .txt h2{font-weight:normal;color:#333333;line-height:normal;margin-bottom:6%;}
@media screen and (max-width:1024px){.aboutitem1 .ytable_cell{display:table-cell;}
.aboutitem1 .pic{width:65%;}
.aboutitem1 .txt{width:35%;}
}
@media screen and (max-width:768px){.aboutitem1 .ytable_cell{height:auto;}
.aboutitem1 .pic{width:60%;}
.aboutitem1 .pic .video_bn{width:60px;height:60px;}
.aboutitem1 .pic .ul_num li b{font-size:48px;}
.aboutitem1 .txt{width:40%;padding:6% 4%;}
}
@media screen and (max-width:640px){.aboutitem1 .ytable_cell{display:block;width:100%;}
.aboutitem1 .pic{padding:10% 2% 3%;}
.aboutitem1 .pic figure{background-size:cover;}
.aboutitem1 .pic .video_bn{width:60px;height:60px;}
.aboutitem1 .pic .ul_num li{font-size:12px;width:auto;padding:0 1%;}
.aboutitem1 .pic .ul_num li b{font-size:30px;}
}
.cultureBox .w52{width:32.5%;}
.cultureBox .txt{font-size:18px;line-height:32px;padding:1% 6%;background-color:#fff;}
.cultureBox .big{font-size:40px;color:#333333;}
.cultureBox img{width:100%;}
.cultureBox .pb_2{padding-bottom:2%;}
.cultureBox .pb_4{padding-bottom:4%;}
.cultureBox .p1{margin-bottom:4%;}
.cultureBox .line{padding-left:20px;position:relative;}
.cultureBox .line::before{content:'';position:absolute;left:0;top:11px;border:4px solid transparent;border-left-color:#666666;}
.cultureBox .item2 .txt{background:url(../images/about_bg1.jpg) no-repeat center;background-size:cover;color:rgba(255,255,255,0.5);padding:1% 4%;}
.cultureBox .item2 .big{color:rgba(255,255,255,0.5);}
@media screen and (max-width:1200px){.cultureBox .txt{font-size:16px;line-height:26px;}
.cultureBox .big{font-size:30px;}
}
@media screen and (max-width:768px){.cultureBox .ytable_cell{display:block;width:100% !important;}
.cultureBox .txt{padding:5% !important;}
}
.honorList li{position:relative;width:31.25%;float:left;margin-right:3%;margin-bottom:4%;}
.honorList li:nth-child(3n){margin-right:0;}
.honorList figure{position:relative;padding-top:68%;background-color:#fff;}
.honorList figure img{position:absolute;left:50%;top:50%;max-height:100%;transform:translate(-50%,-50%);}
.honorList p{padding:4% 0;font-size:18px;border-bottom:1px solid rgba(56,68,85,0.1);}
.honorList p span{float:right;padding-left:23px;background:url(../images/see.png) no-repeat left center;font-size:16px;color:#999999;}
@media screen and (max-width:768px){.honorList li{width:48%;margin:0 1% 4% !important;}
.honorList p{font-size:16px;}
.honorList p span{font-size:14px;}
}
@media screen and (max-width:480px){.honorList li{width:100%;margin:0 0 4% !important;}
.honorList p{font-size:14px;}
.honorList p span{font-size:12px;}
}
.videoList li{position:relative;width:31.25%;float:left;margin-right:3%;margin-bottom:4%;}
.videoList li:nth-child(3n){margin-right:0;}
.videoList figure{position:relative;padding-top:68%;}
.videoList figure::before,.videoList figure::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.videoList figure::before{width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1;}
.videoList figure::after{width:60px;height:60px;background:url(../images/play_icon2.png) no-repeat center;z-index:2;}
.videoList p{padding:4% 0;font-size:18px;border-bottom:1px solid rgba(56,68,85,0.1);}
.videoList p span{float:right;padding-left:23px;background:url(../images/see.png) no-repeat left center;font-size:16px;color:#999999;}
@media screen and (max-width:768px){.videoList li{width:48%;margin:0 1% 4% !important;}
.videoList p{font-size:16px;}
.videoList p span{font-size:14px;}
}
@media screen and (max-width:480px){.videoList li{width:100%;margin:0 0 4% !important;}
.videoList p{font-size:14px;}
.videoList p span{font-size:12px;}
}
.deliveredBox .pic{width:518px;position:relative;vertical-align:top;}
.deliveredBox .pic .info{position:absolute;left:0;bottom:0;width:100%;padding:8% 5% 5%;line-height:36px;color:rgba(255,255,255,0.8);background:-moz-linear-gradient(top,transparent 0%,#151c26 50%,#151c26 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,#151c26));background:-webkit-linear-gradient(top,transparent 0%,#151c26 50%,#151c26 100%);background:-o-linear-gradient(top,transparent 0%,#151c26 50%,#151c26 100%);background:-ms-linear-gradient(top,transparent 0%,#151c26 50%,#151c26 100%);background:linear-gradient(to bottom,transparent 0%,#151c26 50%,#151c26 100%);}
.deliveredBox .txt{background-color:#fff;padding:2% 6.5% 0;font-size:18px;line-height:32px;}
.deliveredBox .txt .tit{margin-bottom:5%;font-size:44px;color:#333333;font-weight:bold;}
@media screen and (max-width:1024px){.deliveredBox .txt{font-size:16px;line-height:26px;padding:2% 3%;}
.deliveredBox .txt .tit{font-size:30px;}
}
@media screen and (max-width:768px){.deliveredBox .pic{display:block;margin:0 auto 5%;max-width:100%;}
.deliveredBox .txt{display:block;padding:5%;}
.deliveredBox .txt .tit{font-size:28px;}
}
@media screen and (max-width:640px){.deliveredBox .pic .info{line-height:24px;}
.deliveredBox .txt{font-size:14px;}
.deliveredBox .txt .tit{font-size:24px;}
}
.Processing{overflow:hidden;}
.Processing .owlpage,.Processing .list{max-width:1300px;width:80%;margin:0 auto;}
.Processing .ul{margin:0 -75px;}
.Processing .box{position:relative;margin:0 75px;}
.Processing .box figure{position:relative;padding-top:56.25%;}
.Processing .box figure::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(225,233,242,0.5);z-index:10;}
.Processing .box p{opacity:0;font-size:30px;color:#0068b7;padding-top:4%;text-align:center;}
.Processing .box p::after{display:block;width:90px;height:4px;background-color:#0068b7;content:'';margin:1.5% auto 0;}
.Processing .slick-current .box figure::before{display:none;}
.Processing .slick-current .box p{opacity:1;}
.Processing .slick-list{overflow:visible;}
.Processing .slick-arrow{width:15px;height:30px;background-size:contain;background-image:url(../images/btn_next2.png);top:42%;}
.Processing .slick-prev{left:0;background-image:url(../images/btn_prev2.png);}
.Processing .slick-next{right:0;}
@media screen and (max-width:1440px){.Processing .ul{margin:0 -15px;}
.Processing .box{position:relative;margin:0 15px;}
}
@media screen and (max-width:1024px){.Processing .ul{margin:0 -10px;}
.Processing .box{position:relative;margin:0 10px;}
.Processing .box p{font-size:26px;}
}
@media screen and (max-width:640px){.Processing .slick-prev{left:-4%;}
.Processing .slick-next{right:-4%;}
.Processing .box p{font-size:18px;}
.Processing .box p::after{width:50px;height:2px;}
}
.patentList li{float:left;width:31.625%;margin-right:2.5%;background:url(../images/patent_bg.png) no-repeat right bottom #fff;border-bottom:4px solid #6e8092;line-height:32px;transition:all 0.5s;margin-bottom:2%;}
.patentList li:nth-child(3n){margin-right:0;}
.patentList li a{display:block;padding:7%;}
.patentList li h2{font-size:22px;font-weight:normal;margin-bottom:2%;height:64px;}
.patentList li p{font-size:18px;color:#999999;height:96px;}
.patentList li .more{display:inline-block;margin-top:12%;color:#666666;font-size:14px;}
.patentList li .more::after{content:'';display:inline-block;vertical-align:middle;width:24px;height:9px;background:url(../images/more.png) no-repeat center;margin-left:10px;}
.patentList li:hover{transform:translateY(-20px);box-shadow:0px 1px 26px 0px rgba(0,0,0,0.1);border-bottom-color:#0068b7;}
.patentList li:hover h2,.patentList li:hover .more{color:#0068b7;}
.patentList li:hover .more::after{background-image:url(../images/more2.png);}
@media screen and (max-width:1024px){.patentList li{width:48%;margin:0 1% 3% !important;}
.patentList li h2{font-size:20px;}
}
@media screen and (max-width:768px){.patentList li h2{font-size:18px;}
.patentList li p{font-size:16px;}
}
@media screen and (max-width:640px){.patentList li{width:100%;margin:0 0 3% !important;}
.patentList li h2{font-size:16px;}
.patentList li p{font-size:14px;}
.patentList li .more{font-size:12px;}
}
.news_info .title{text-align:center;border-bottom:1px solid #e5e5e5;padding-bottom:3%;}
.news_info .title h2{color:#333;}
.news_info .title p{color:#999;padding-top:1%;}
.news_info .title span{display:inline-block;padding:0 15px;}
.news_info .article{padding:3% 0;line-height:30px;}
.news_list .more{display:inline-block;color:#666666;font-size:14px;}
.news_list .more::after{content:'';display:inline-block;width:24px;height:9px;background:url(../images/more.png) no-repeat center;margin-left:5px;}
.news_list .top{position:relative;}
.news_list .top .pic{width:50%;overflow:hidden;position:relative;}
.news_list .top .pic span{position:absolute;left:0;top:0;width:80px;text-align:center;padding:2.4% 3%;color:#fff;background-color:#0068b7;}
.news_list .top figure{padding-top:56.25%;}
.news_list .top figure:hover{transform:scale(1.1);}
.news_list .top .txt{padding:3% 4%;background-color:#fff;}
.news_list .top time{color:#0068b7;}
.news_list .top time span{display:inline-block;font-size:30px;margin-right:5px;}
.news_list .top h2{font-weight:normal;margin:5% 0 3%;}
.news_list .top p{color:#999999;line-height:32px;font-size:18px;height:65px;margin-bottom:17%;}
.news_list .top .more{font-size:16px;}
.news_list .top .more:hover{color:#0068b7;}
.news_list .top .more:hover::after{background-image:url(../images/more2.png);}
.news_list .owlpage{position:absolute;z-index:2;bottom:12%;right:4%;font-size:0;}
.news_list .owlpage::before{content:'';position:absolute;left:50%;top:0;width:1px;height:18px;background-color:#dbdbdb;}
.news_list .owlpage .slick-arrow{position:static;display:inline-block;width:11px;height:20px;background-size:contain;background-image:url(../images/btn_prev2.png);vertical-align:middle;margin-top:0;}
.news_list .owlpage .slick-next{margin-left:30px;background-image:url(../images/btn_next2.png);}
.news_list .list{margin-top:3%;}
.news_list .list li{width:31.625%;margin-right:2.5%;float:left;margin-bottom:3%;}
.news_list .list li figure{overflow:hidden;}
.news_list .list li figure i{padding-top:55.93%;display:block;}
.news_list .list li:nth-child(3n){margin-right:0;}
.news_list .list li .txt{margin:5% 0;padding-left:30%;padding-right:2%;position:relative;}
.news_list .list li time{position:absolute;left:5%;top:5px;color:#0068b7;font-size:14px;font-family:arial;}
.news_list .list li time span{display:block;font-size:22px;letter-spacing:-2px;}
.news_list .list li time::after{content:'';position:absolute;left:160%;width:24px;height:1px;background-color:#d5d9db;top:10px;}
.news_list .list li h2{font-size:22px;line-height:34px;font-weight:normal;margin-bottom:5%;color:#333;height:68px;}
.news_list .list li:hover{background-color:#fff;box-shadow:0px 1px 16px 0px rgba(0,0,0,0.1);}
.news_list .list li:hover figure i{transform:scale(1.1);}
.news_list .list li:hover h2{color:#0068b7;}
.news_list .list li:hover .more{color:#0068b7;}
.news_list .list li:hover .more::after{background-image:url(../images/more2.png);}
@media screen and (max-width:1200px){.news_list .list li time::after{display:none;}
.news_list .list li h2{font-size:20px;}
}
@media screen and (max-width:768px){.news_list .top time span{font-size:22px;}
.news_list .top p{margin-bottom:3%;font-size:16px;line-height:24px;height:48px;}
.news_list .owlpage{bottom:5%;}
.news_list .list li{width:48%;margin:0 1% 3%;}
.news_list .list li h2{font-size:18px;}
}
@media screen and (max-width:640px){.news_list .top{padding-bottom:3%;}
.news_list .top .ytable_cell{display:block;width:100%;}
.news_list .top time span{font-size:20px;}
.news_list .top p{font-size:14px;}
.news_list .top .more{font-size:14px;}
.news_list .owlpage{position:relative;right:0;bottom:0;width:100%;text-align:center;margin:5% 0;}
.news_list .list li .txt{padding-left:2%;}
.news_list .list li h2{font-size:16px;line-height:24px;height:48px;}
.news_list .list li time{position:static;}
.news_list .list li time span{font-size:18px;display:inline-block;letter-spacing:0;margin-right:5px;}
}
.contactBox .tit *{font-weight:normal;}
.contactBox .tit h2{font-size:28px;color:#333333;}
.contactBox .tit h3{font-size:16px;color:#999999;margin-top:8px;}
.contactBox .tit .en{font-size:12px;text-transform:uppercase;opacity:.4;margin-top:5px;}
.contactBox .top .left{background:url(../images/contact_bg.jpg) no-repeat center;background-size:cover;padding:3%;width:40%;color:#fff;}
.contactBox .top .left .tit{margin-bottom:8%;padding-bottom:8%;border-bottom:1px solid rgba(255,255,255,0.15);}
.contactBox .top .left .tit h2{color:#fff;}
.contactBox .top .left .add{padding-left:85px;font-size:18px;line-height:30px;margin-bottom:6%;position:relative;}
.contactBox .top .left .add .name{position:absolute;left:0;top:0;background:url(../images/add_icon.png) no-repeat left top;padding-left:35px;}
.contactBox .top .left .tab_li{padding-bottom:2%;}
.contactBox .top .left .tab_li li{float:left;width:30%;text-align:center;font-size:14px;background-color:#487ca6;line-height:32px;margin-right:2%;position:relative;cursor:pointer;}
.contactBox .top .left .tab_li li:last-child{margin-right:0;}
.contactBox .top .left .tab_li li.on{background-color:#0068b7;}
.contactBox .top .left .tab_li li.on::before{content:'';position:absolute;left:45%;top:100%;border:5px solid transparent;border-top-color:#0068b7;}
.contactBox .top .left .item p{margin:5% 0;padding-left:70px;color:rgba(255,255,255,0.7);position:relative;}
.contactBox .top .left .item p .name{width:70px;left:0;top:0;position:absolute;background:url(../images/tel_icon.png) no-repeat left 3px;padding-left:20px;}
.contactBox .top .left .item .email span{background-image:url(../images/email_icon.png);background-position:left 5px;}
.contactBox .top .left .item .fax span{background-image:url(../images/fax_icon.png);background-position:left 4px;}
.contactBox .top .left .other{margin-top:10%;padding-top:7%;padding-bottom:2%;border-top:1px solid rgba(255,255,255,0.15);}
.contactBox .top .left .other .ewm{width:295px;}
.contactBox .top .left .other figure{width:106px;padding:3px;background-color:#fff;position:relative;display:inline-block;vertical-align:middle;}
.contactBox .top .left .other figure::before{content:'';top:50%;left:100%;border:5px solid transparent;border-left-color:#fff;position:absolute;margin-top:-3px;}
.contactBox .top .left .other p{display:inline-block;vertical-align:middle;line-height:26px;opacity:.6;margin-left:20px;}
.contactBox .top .left .other .btn{text-align:right;}
.contactBox .top .left .other .btn a{display:inline-block;text-align:center;width:154px;line-height:56px;border:1px solid rgba(255,255,255,0.19);color:#fff;}
.contactBox .top .left .other .btn a::before{display:inline-block;content:'';width:33px;height:33px;margin-right:10px;background:url(../images/add_icon2.png) no-repeat center;vertical-align:middle;}
.contactBox .top .right{background-color:#fff;padding:3% 5%;vertical-align:top;}
.contactBox .top .right .tit{margin-bottom:4.8%;}
.contactBox .top .right .text{width:100%;border:1px solid #d3dae0;height:54px;line-height:54px;background-color:#fff;padding:0 15px;margin-bottom:21px;font-size:15px;}
.contactBox .top .right .text::-webkit-input-placeholder{color:#949799;}
.contactBox .top .right textarea.text{height:210px;}
.contactBox .top .right .item{width:49%;margin-right:2%;float:left;}
.contactBox .top .right .item:nth-child(2n){margin-right:0;}
.contactBox .top .right .item:nth-child(2n+1){clear:both;}
.contactBox .top .right .btn{width:186px;text-align:center;line-height:54px;height:54px;background-color:#0068b7;border:none;font-size:16px;color:#ffffff;margin:3.2% 0 0;cursor:pointer;}
.contactBox .officelist{padding-top:5%;}
.contactBox .officelist .tit{margin-bottom:3%;}
.contactBox .officelist li{float:left;width:18.5%;margin-right:1.8%;text-align:center;position:relative;margin-bottom:2%;}
.contactBox .officelist li:nth-child(5n){margin-right:0;}
.contactBox .officelist li figure{position:relative;padding-top:58.205%;}
.contactBox .officelist li figure::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(15,26,41,0.2);}
.contactBox .officelist li p{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:#fff;}
@media screen and (max-width:1366px){.contactBox .top .left{width:50%;}
.contactBox .top .right .tit{margin-bottom:8%;}
}
@media screen and (max-width:1024px){.contactBox .tit h2{font-size:22px;}
.contactBox .top .left .other .btn a{width:100px;line-height:36px;}
.contactBox .top .left .other .btn a::before{width:20px;height:20px;background-size:contain;margin-right:5px;}
}
@media screen and (max-width:768px){.contactBox .top .tit{margin-bottom:5% !important;}
.contactBox .top .left,.contactBox .top .right{display:block;width:100%;}
.contactBox .top .left .tit{padding-bottom:5%;}
.contactBox .top .left .add{margin-bottom:4%;}
.contactBox .top .left .item p{margin:4% 0;}
.contactBox .top .left .other{margin-top:5%;padding-top:4%;}
}
@media screen and (max-width:640px){.contactBox .tit h2{font-size:20px;}
.contactBox .tit h3{font-size:14px;}
.contactBox .top .left .add{font-size:16px;}
.contactBox .top .left .other .ytable_cell{display:block;}
.contactBox .top .left .other .btn{text-align:center;margin-top:5%;}
.contactBox .top .right{padding-bottom:10%;}
.contactBox .top .right .text{line-height:36px;height:36px;font-size:13px;}
.contactBox .top .right .btn{width:120px;line-height:36px;height:36px;font-size:14px;}
.contactBox .officelist li{width:48%;margin:0 1% 2% !important;}
}
.proIndex li{background:url(../images/Hpro_bg.jpg) no-repeat center;background-size:cover;position:relative;float:left;text-align:center;margin-bottom:2%;}
.proIndex li.w4{width:23.625%;margin-right:1.8%;}
.proIndex li.w4:nth-child(4n){margin-right:0;}
.proIndex li.w2{width:49.375%;margin-right:1.2%;}
.proIndex li.w2:nth-child(2n){margin-right:0;}
.proIndex li.w2 figure i{padding-top:69%;}
.proIndex li figure{overflow:hidden;}
.proIndex li figure i{padding-top:140%;display:block;}
.proIndex li .txt{position:absolute;left:0;text-align:center;top:15%;text-align:center;width:100%;color:#fff;}
.proIndex li .txt *{font-weight:normal;}
.proIndex li .txt h3{font-size:14px;text-transform:uppercase;margin-top:8px;}
.proIndex li:hover{box-shadow:0px 1px 16px 0px rgba(0,0,0,0.5);}
.proIndex li:hover figure i{transform:scale(1.1);}
.proList li{width:49.375%;margin-right:1.2%;float:left;position:relative;text-align:center;margin-bottom:4%;background-color:#3c5265;overflow:hidden;}
.proList li.w4{width:23.625%;margin-right:1.8%;}
.proList li.w4:nth-child(4n){margin-right:0;}
.proList li.w2{width:49.375%;margin-right:1.2%;}
.proList li.w2:nth-child(2n){margin-right:0;}
.proList li.w4 figure i{padding-top:115%;}
.proList li a{display:block;width:100%;position:relative;}
.proList li figure{background:url(../images/pro_bg.jpg) no-repeat center;background-size:cover;}
.proList li figure i{display:block;padding-top:59.495%;}
.proList li h2{font-weight:normal;color:#fff;padding:3.1% 0;}
.proList li .hover{position:absolute;opacity:0;left:0;top:50%;width:100%;transform:translateY(100%);}
.proList li .hover h2{padding:2% 0;}
.proList li .hover p{line-height:30px;color:rgba(255,255,255,0.6);width:90%;margin:0 auto;max-width:560px;}
.proList li .hover .more{width:220px;line-height:50px;color:#fff;background-color:#0068b7;display:block;margin:5% auto 0;font-size:14px;}
.proList li .hover .more::after{width:24px;height:9px;content:'';display:inline-block;margin-left:10px;background:url(../images/more3.png) no-repeat center;}
.proList li:hover a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(42,67,86,0.9);}
.proList li:hover .tit{opacity:0;}
.proList li:hover .hover{opacity:1;transform:translateY(-50%);}
@media screen and (max-width:640px){.proList li{width:100%;margin:0 0 5%;}
.proList li .tit{opacity:1 !important;}
.proList li a::before{display:none !important;}
.proList li .hover{opacity:0 !important;}
}
.proInfo .tit{font-size:44px;color:#333333;padding:5% 0 3%;}
.proInfo .slick-dots{font-size:0;text-align:center;margin-top:3.5%;}
.proInfo .slick-dots li{display:inline-block;vertical-align:middle;width:15px;height:15px;border-radius:100%;background-color:#cddbe3;margin:0 10px;cursor:pointer;}
.proInfo .slick-dots li button{display:none;}
.proInfo .slick-dots li.slick-active{background-color:#0068b7;}
.Characteristic .article{line-height:30px;color:#555555;}
.Characteristic .article .line{position:relative;padding-left:35px;margin-bottom:2%;font-size:20px;}
.Characteristic .article .line::before{content:'';position:absolute;left:0;top:7px;border:8px solid transparent;border-left-color:#344f70;}
.proImage .Processing{background-color:#e1e9f2;}
.proImage .Processing .box figure{padding-top:46.078%;}
.proCase .ul{margin:0 -15px;}
.proCase .box{margin:0 15px;}
.proCase figure{padding-top:83.66%;}
.proVideo{margin-top:5%;position:relative;}
.proVideo figure{width:100%;padding-top:42.188%;}
.proVideo figure::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(6,20,40,0.5);}
.proVideo figure .btn_play{position:absolute;width:80px;height:80px;background:url(../images/play_icon3.png) no-repeat center;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;}
.proVideo video{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:3;}
.Recommended .ul{margin:0 -7px;}
.Recommended .ul a{margin:0 7px;display:block;}
.Recommended .ul figure{background:url(../images/pro_bg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.Recommended .ul figure i{padding-top:78.465%;display:block;}
.Recommended .ul p{text-align:center;font-size:18px;color:#fff;padding:5% 1%;background-color:#364c5e;}
.pbottom_4{padding-bottom:4%;}
@media screen and (max-width:1024px){.proInfo .tit{font-size:34px;}
}
@media screen and (max-width:768px){.proInfo .tit{font-size:28px;}
.Characteristic .article .line{font-size:16px;}
.proCase .ul{margin:0;}
.proCase .box{margin:0 5px;}
}
@media screen and (max-width:640px){.proInfo .tit{font-size:22px;}
.proInfo .slick-dots li{width:8px;height:8px;margin:0 3px;}
.Characteristic .article{line-height:26px;}
.Characteristic .article .line{font-size:14px;padding-left:15px;}
.Characteristic .article .line::before{border-width:5px;top:8px;}
.proVideo figure .btn_play{width:40px;height:40px;background-size:contain;}
}
.link_list li{float:left;width:calc(100% / 6);border:1px solid #e8e8e8;margin-left:-1px;margin-top:-1px;position:relative;z-index:2;}
.link_list li figure{position:relative;padding-top:49%;z-index:2;background-color:#fff;}
.link_list li figure img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:100%;z-index:1;}
.link_list li:hover{z-index:10;}
.link_list li:hover figure{box-shadow:0px 5px 36px 0px rgba(2,2,2,0.1);transform:scale(1.01);}
@media screen and (max-width:768px){.link_list li{width:calc(100% / 4);}
}
@media screen and (max-width:640px){.link_list li{width:calc(100% / 3);}
}
.titList li{line-height:52px;border-bottom:1px dashed #e2e2e2;padding-left:20px;background:url(../images/Hbox_line2.png) no-repeat left center;background-size:14px;}
.titList li time{float:right;margin-left:2%;color:#999999;font-size:15px;}
.adjust{position:fixed;right:10px;bottom:10px;font-size:15px;background-color:#edf2f5;border:1px solid rgba(56,68,85,0.1);/* color:#0068b7;*/
width:200px;overflow:hidden;height:0;transition:all 1s;z-index:20;}
.adjust.active{height:100px;}
.adjust .title{padding-left:10px;background-color:#3c5265;position:relative;}
.adjust h2{font-size:14px;color:#fff;line-height:32px;height:32px;}
.adjust .close{width:20px;height:20px;position:absolute;right:10px;top:0;bottom:0;margin:auto;}
.adjust .close::before,.adjust .close::after{content:'';width:80%;height:80%;height:2px;background-color:#fff;opacity:0.8;position:absolute;right:0;top:0;bottom:0;left:0;margin:auto;}
.adjust .close::before{transform:rotateZ(45deg);}
.adjust .close::after{transform:rotateZ(-45deg);}
.adjust .con{padding:15px;font-size:14px;}
@media screen and (max-width:1024px){.adjust{display:none;}
}
.a2,.b2{display:none !important;}