@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";color:#000;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;}
a:hover{color:#ffc011;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.moddle{width:1200px;}
.clear{clear:both;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.sbj2{margin-top:15px;}
.topnav{border-bottom: 1px solid #ccc;width: 100%;height: 30px;line-height: 30px;}
.topnav span{float: right;}
.topnav span a{padding: 0px 5px;}
.logo{padding:30px 0px;}
#nav{width:100%; height:50px;background-color:#11AEFF;line-height: 50px;}
#nav li{float: left;text-align: center;width:150px;height: 50px;line-height: 50px;font-weight: bold;}
#nav li a{line-height:50px;display:block;height:50px;text-align:center;font-size:15px;color: #fff;}
#nav li:hover{text-decoration:none; height:50px; font-size:15px;background: url(../images/nav.png) no-repeat 25px center;}
#nav li:hover a{color: #FFC011;}
#nav li dl{width:150px;background:#11aeff;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:35px;line-height:35px; border-bottom:1px solid #fff;}
#nav li dl dt a{color:#fff!important;font-size:15px;height:35px;line-height:35px;}
#nav li dl dt a:hover{ background:none;background-color: #000;font-size: 16px;}
#nav li:hover dl{left:auto;}
#current{font-size:15px;background: url(../images/nav.png) no-repeat 25px center;}
.lxwms{height:360px; background-color:#11AEFF; margin-top:60px;}
.zxcp{ float:left; width:825px; margin-right:39px; padding-top:25px;}
.zxcpt li{color: #ffc011;font-weight: bold;font-size: 68px;float: left;width:72px;height: 54px;line-height: 54px;}
.zxcpt ol{float: left;font-size:18px;color: #ffffff;text-transform: uppercase;}
.zxcpt ol p{font-size:22px;}
.zxcpt span{float: right;margin-top: 19px;}
.zxcpt span a{color: #ffc011;font-size: 24px;}
.pro-scr { width:825px; height:auto; OVERFLOW: hidden; ZOOM: 1;}
.pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:825px;}
.pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.pro-scr #List1_1 {FLOAT:left;}
.pro-scr #List2_1 {FLOAT:left;}
.pro-scr .LeftBotton { background: url(../images/left.jpg) no-repeat left top; FLOAT: left; WIDTH:50px; HEIGHT:35px; margin-top:100px;}
.pro-scr .RightBotton { background: url(../images/right.jpg) no-repeat top right; FLOAT: right; WIDTH:50px; HEIGHT:35px; margin-top:100px;}
.pro-scr .LeftBotton:hover {BACKGROUND-POSITION: 0px -35px; transition:0.5s all;}
.pro-scr .RightBotton:hover {BACKGROUND-POSITION: 0px -35px; transition:0.5s all;}
.pro-scr .pl {DISPLAY: block; CURSOR: pointer; float:left;}
.pro-scr .pl li { width:239px; height:190px; margin:16px; float:left; border:2px solid #fff; text-align:center; line-height:25px;}
.pro-scr .pl li img { width:239px; height:190px;}
.lxfs{ float:right; width:336px;background: url(../images/contact.png) no-repeat center center;height: 254px;margin-top:53px;}
.lxfsb{margin: 75px 20px 0px 20px;line-height:26px;font-size: 14px;}
.lxfsb dl{border-bottom: 1px dotted #333;padding-bottom: 5px;margin-bottom: 5px;}
.lxfsb dt span{margin-left:43px;}
.title{margin-left: 513px;}
.title li{color: #ffc011;font-weight: bold;font-size:86px;float: left;width:70px;height:65px;line-height: 65px;}
.title ol{float: left;font-size:22px;color: #11aeff;text-transform: uppercase;}
.title ol p{font-size:26px;color: #11aeff;}
.company img{float: left;margin-right: 30px;}
.company p{text-indent: 2em;line-height:32px;font-size: 14px;}
.company dt{text-align: right;}
.company dt a{color: #ffc21c;font-size:24px;}
.cpfl{width: 290px;float: left;margin-right: 22px;background-color: #11AEFF;padding-top: 15px;}
.cpfl dl{background: url(../images/line.png) no-repeat center bottom;color: #fff;padding-bottom: 15px;font-size: 26px;text-align: center;}
.cpfl ul{padding:18px 20px;}
.cpfl ul li{border-bottom: 1px dashed #fff;background: url(../images/dot.png) no-repeat left center;line-height:46px;height:46px;}
.cpfl ul li a{color: #fff;padding-left: 15px;font-size: 16px;font-weight: bold;}
.cpfl ul li a:hover{color: #FFC21A;font-weight: bold;}
.cpfl ul p{border-bottom: 1px dashed #fff;background: url(../images/dot1.png) no-repeat 15px center;line-height:46px;height:46px;}
.cpfl ul p a{color: #fff;padding-left:30px;font-size: 14px;}
.cpfl ul p a:hover{color: #FFC21A;font-weight: bold;}
.cpfl ol{background-color: #FFC21A;color: #fff;font-size: 16px;font-weight: bold;padding-left:20px;line-height: 32px;}
.pro-con{width:888px;float: right;}
.pro-con ul{width:100%}
.pro-con ul li{float:left;width:276px;margin:0px 10px;transition:all ease-in-out 0.3s}
.pro-list{width:276px;height:220px;position:relative;transition:all ease-in-out 0.3s;overflow:hidden}
.pro-list img{width:276px;height:220px;object-fit: contain;}
.pro-list:before{position:absolute;content:'';width:100%;height:0;background:rgba(0,0,0,0.5);left:0;bottom:0;transition:all ease-in-out 0.3s}
.pro-con ul li:hover .pro-list:before{height:220px;}
.xiangqing1{position:absolute;width:276px;height:220px;text-align:center;transition:all ease-in-out 0.3s}
.xiangqing1 dl{ margin-top:30px;}
.xiangqing1 dl a{color:#ffffff;display:block;padding-top:50px;font-size: 18px;}
.xiangqing1 dl a img{width: 20px;height: 20px;margin-top: 8px;}
.pro-con ul li:hover  .xiangqing1{bottom:0px}
.pro-con ul li p{line-height:40px;text-align: center;height: 40px;}
.pro-con ul li p a{font-size: 14px;}
.pro-con ul li p a:hover{color: #11AEFF;}
.product{width:890px;float: right;}
.product div{float: left;border: 1px solid #D9D9D9;padding: 8px;margin: 0px 6px 15px 6px;}
.product div li a img{width: 266px;height: 195px;cursor:pointer;transition: all 0.6s;}
.product div li a img:hover{transform: scale(0.9);}
.product div p{text-align: center;line-height:26px;height: 26px;}
#wrap1{width: 100%;background: url(../images/news.jpg) no-repeat center center;padding:56px 0px;}
.zxcp{ float:left; width:825px; margin-right:39px; padding-top:25px;}
.zxcpt1 ul{color: #ffc011;font-weight: bold;font-size: 68px;float: left;width:55px;height: 54px;line-height: 54px;}
.zxcpt1 li{float: left;font-size:18px;color: #ffffff;}
.zxcpt1 li ol{font-size:22px;}
.xwzx{width: 600px;float: left;color: #fff;}
.xwzx img{float: left;border: 4px solid #fff;margin-top: 20px;width: 285px;margin-right: 20px;height: 210px;object-fit: contain;}
.xwzx a{color: #fff;padding-top: 20px;font-size: 16px;display: inline-block;}
.xwzx a:hover{color: #ffc011;}
.xwzx p{color: #fff;font-size: 14px;line-height: 32px;margin-top: 15px;}
.xwzx dt{text-align: right;font-weight: bold;font-size:24px;margin-top: 20px;}
.xwzx dl{text-align: right;font-size: 16px;}
.xwzx1{width: 540px;float: right;margin-left:60px;}
.xwzx1 ul{border-bottom: 1px dashed #fff;padding-bottom: 5px;margin-bottom:10px;}
.xwzx1 ul li{background: url(../images/icon.png) no-repeat left center;}
.xwzx1 ul li a{color: #fff;font-size: 16px;padding-left:20px;}
.xwzx1 ul li a:hover{color: #ffc011;}
.xwzx1 ul p{color: #fff;padding-left: 20px;font-size: 14px;line-height: 26px;margin-top: 5px;}
.dllist1{margin:0px auto;}
.dllist1 dl{float:left;margin:20px 10px 0px 10px;}
.dllist1 dl img{width:240px;height:180px;object-fit: contain; border:2px solid #11AEFF;}
.dllist1 dl img:hover{border:2px solid #ffc011;filter: opacity(0.8);}
.dllist1 dl p{ width:244px; height:40px; line-height:40px; text-align:center; font-size:14px;}
#demo{overflow:hidden;width:1160px;margin-left: 20px;margin-top:17px;}
#indemo{float:left;width:800%;}
#demo1{float:left;}
#demo2{float:left;}
.footer{ width:100%; padding:40px 0px; background-color:#11AEFF;color:#fff;text-align: center;}
.footnav li a{color: #fff;font-size: 18px;padding: 0px 5px 3px 5px;margin: 0px 30px;}
.footnav li a:hover{border-bottom: 2px solid #fff;}
.nav1{border-bottom: 2px solid #fff;}
.footnav dl{font-size: 14px;margin-top: 15px;}
.footnav ol{font-size: 24px;font-weight: bold;padding: 10px 0px;}
.footnav dt{font-size: 14px;margin-top: 15px;}
.copyright{width: 100%;background-color: #12a4ef;height:46px;line-height: 46px;text-align: center;color: #fff;}
.copyright a{color: #fff;padding: 0px 5px;}
.yqlj{ background-color:#333333;line-height:32px;text-align: center;color: #fff;}
.yqlj a{color: #fff;}