@font-face {
    font-family: 'CASSANNET';
    src: url('../fonts/CASSANNET.OTF');
    font-weight: normal;
    font-style: normal;
}
.fmCA{font-family: 'CASSANNET'}
body{font-family: 'Microsoft YaHei';min-width:1400px;}
.first-bg{overflow: hidden;/*background: url(../images/first-bg_02.jpg);*/background-size: 100% 100%;}
.left-nav{width:360px;height:760px;position: fixed;left:0;top:25px;z-index:99;}
.logo{overflow: hidden;display: block;margin-top:25px;}
.logo img{padding-right:40px;border-right:1px solid #92a6cc;}
.nav-list{width:100%;/*height:600px;*/position: absolute;top:50%;margin-top:-225px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.nav-list li{width:90%;height:60px;border-top:1px solid #8690a9;text-align: center;color:#a9acb7;font-size:16px;position: relative;line-height:60px;}
.nav-list li:last-child{border-bottom:1px solid #8690a9; }
.nav-list li>a{display: block;width:100%;overflow: hidden;color:#aaacb8;}
.nav-list li .solid{display:inline-block;width:60px;height:1px;background: #8690a9;position: absolute;top:38px;left:45px;z-index:100;}
.nav-list li:hover .solid{width:105px;left:0;transition: width, 0.5s;-webkit-transition: width, 0.5s;-moz-transition: width, 0.5s;-ms-transition: width, 0.5s;background: #fff;}
.nav-list li:hover>a{color:#fff;}
.nav-list li.on .solid{width:105px;left:0;background: #fff;}
.nav-list li.on>a{color:#fff;}
.nav-list.style {width:100%;height:245px;position: absolute;top:50%;margin-top:-95px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.nav-list.style li{border-top:none;line-height:30px;height:30px;}
.nav-list.style li:last-child{border-bottom:none;}
.nav-list.style li .solid{top:15px;transition: top, 0.5s;-webkit-transition: top, 0.5s;-moz-transition: top, 0.5s;-ms-transition: top, 0.5s;}
.nav-list.style li .text{opacity: 0;}
.nav-list.style li.on .text{opacity:1;}
.nav-list.black{color:#999;}
.nav-list.black:hover{color:#999;}
.nav-list.black li.on a{color:#000;}
.nav-list.black li:hover>a{color:#000}
.nav-list.black li.on .solid{background: #000;}
.nav-list.black li:hover .solid{background: #000;}

.menu-icon{width:40px;height:40px;position: fixed;top:80px;left:400px;z-index:99;cursor: pointer;background: rgba(0,0,0,0.5);}
.menu-icon.po-no{position: absolute;left:0;top:50px;}
.menu-icon>img{margin-top:7px;}
@media (max-width: 1400px){
.right-contact{display: none;}
    #fullPage-nav{display: none;}
}
.right-contact{width:260px;position: fixed;top:60px;right:100px;height:30px;z-index:99;}
.right-contact>a{color:#fff;}
.email-icon{display:block;float: left;width:30px;height:20px;background: url(../images/email-icon_03.png
);background-size: 100% 100%;margin-right:15px;margin-top:2px;
}
.language{display: inline-block;line-height: 30px;font-size:18px;color:#aaacb8;margin-left:10px;cursor:pointer;}
.language.on{color:#fff;}
.center-box{overflow:hidden;margin-top:12%;}
.center-box.width{width:800px;}
.video{width:280px;height:150px;margin-top:7%;}
.more{display:block;width:125px;height:45px;border:1px solid #fff;color:#fff;font-size:16px;line-height: 45px;text-align: center;margin-top:7%;}
.more>i{display: inline;}
.more:hover{background: rgba(255,255,255,0.4);}
.more.black{border:1px solid #333;color:#333;}
.more.black:hover{background: rgba(0,0,0,0.4);}
.second-bg{overflow: hidden;background: url(../images/second-bg_04.jpg);background-size: 100% 100%;}
.second-pic-box{width:290px;height:290px;float: left;margin:60px 60px 0 0;background: url(../images/goods-pic-bg_03.png);background-size: 100% 100%;}
.second-pic-box>p{padding-left:20px;}
.round{display:inline-block;border-radius:50%;width:8px;height:8px;background: #d2d2d2;margin-right:10px;}
.round.blue{background: #0076b2;}
.img-box{display:block;width:86%;height:84%;background: #cccccc;margin:2% auto;overflow: hidden;}
.img-box:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transition: all,0.5s;-webkit-transition: all,0.5s;-moz-transition: all,0.5s;-ms-transition: all,0.5s;}
.third-bg{overflow: hidden;background: #3882ab;}
.technology-list{width:800px;overflow:hidden;margin-top:7%;}
.technology-list>li{width:100%;height:120px;margin-bottom:25px;}
.technology-list>li>a{display: block;padding:4px;}
.technology-list .left-pic{width:24%;height:120px;float: left;overflow: hidden;margin-right:6%;}
.technology-list .right-text{width:70%;height:120px;float: left; }
.technology-list li:hover .left-pic{box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);}
.technology-list li:hover .left-pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transition: all,0.5s;-webkit-transition: all,0.5s;-moz-transition: all,0.5s;-ms-transition: all,0.5s;}
#fullPage-nav.right.own{right:100px;}
#fullPage-nav.right.own span{border: 1px solid #f1f1f1;background: rgba(153, 153, 153, 0.3);}
#fullPage-nav.right.own li.active span{border: 1px solid #f1f1f1;background: rgba(153,153,153,1);}
.technology-list .right-text .title{width:100%;height:40px;position:relative;}
.technology-list .right-text .title .solid{display:inline-block;width:40px;height:2px;background: #01a1d5;position: absolute;bottom:0px;left:0;}
.technology-list li:hover .right-text .title .solid{width:110px;transition: width,0.5s;}
.technology-list .right-text .right-text-list{width:100%;overflow: hidden;margin-top:15px;}
.technology-list .right-text .right-text-list>li{float: left;}
.fourth-pic{width:420px;float: left;overflow: hidden;}
.fourth-text{width:400px;float: left;overflow: hidden;margin-top:130px;color:#666;}
.fifth-right-pic,.sixth-right-pic{height:100%;}
.fifth-right-pic>.col-xs-6{height:50%;}
.fifth-right-pic .fifth-text{width:80%;position:absolute;top:50%;left:50%;margin-left:-40%;margin-top:-80px;}
.fifth-img{width:100%;height:100%;}
.fifth-right-pic>.col-xs-6>a{display: block;width:100%;height:100%;}
.sixth-pic{width:100%;padding-right:10%;}
.seventh-text{width:100%;overflow: hidden;}
.submit-btn{display: inline-block;padding:11px 20px;font-size:15px;color:#fff;text-align: center;border:none;outline:none;}
.submit-btn.bg-white-opacity{background: rgba(0,0,0,0);color:#fff;border:1px solid #f1f1f1;}
.submit-btn.bg-white-opacity:hover{background: rgba(255,255,255,0.5)}
.submit-btn.width{width:140px;}
.submit-btn.border{border:1px solid #f1f1f1;}
.submit-btn.bg-black{background: #666;}
.normal-input{width:230px;padding: 5px;border:1px solid #ccc;outline: none;}
.normal-input.border{border:none;}
label{font-weight: normal;color:#999;width:115px;}
.update-btn{position: relative;float: left;width:100px;}
.update-input{opacity: 0;position: absolute;top:0;left:0;width:100%;height:100%;z-index:9;cursor: pointer;}
#map-box{height:410px;margin-top:30px;}
.contact{width:100%;overflow: hidden;margin-top:4%;}
.icon{display: inline-block;width:16px;height:18px;float: left;margin-top:2px;}
.icon.tel-icon{background: url(../images/phone.png);background-size: 100% 100%;}
.icon.address-icon{background: url(../images/adress.png);background-size: 100% 100%;}
.icon.email-sm-icon{height:14px;background: url(../images/email.png);background-size: 100% 100%;}
.nav-bottom{position: absolute;left:50%;margin-left:-373px;top:15px;}
.nav-bottom>li{float: left;padding:10px 15px;color:#999;font-size:14px;}
.nav-bottom>li>a{color:#999;}
.nav-bottom>li>a:hover{color:#fff;}
.code{width:764px;overflow: hidden;margin:50px auto;position: relative;top:30px;padding-left:10px;}
.layer-nav{width:100%;height:100%;background:#206585;}
.icon-back{width:18px;height:30px;background: url(../images/back-icon_03.png);background-size: 100% 100%;cursor: pointer;}
.layer-title{font-size:35px;letter-spacing: 15px;}
.layer-nav-list{overflow: hidden;color:#fff;display: flex;display:-webkit-flex;display: -moz-flex;display: -ms-flex;justify-content: space-between;margin-top:50px;}
.layer-nav-list>li{float: left;text-align: center;}
.layer-nav-list>li a:hover{color:#fff;text-decoration:line-through!important;}
.banner-top{min-height:250px;background: url(../images/goods-detail-banner_01.jpg)no-repeat center;background-size:cover; }
.nav-link-area{min-width:100px;float: right;margin:25px 0;}
.nav-link-area>a{color:#999;margin:0 8px;}
.icon-home{display: inline-block;width:15px;height:15px;background: url(../images/home-icon_03.png);background-size: 100% 100%;float: left;margin:1px 8px 0 0;}
.goods-detail-box{width:100%;overflow: hidden;border-radius: 10px;margin:10px auto 50px;}
.goods-detail-box.bg-white{background: #fff;border:1px solid #ccc;}
.blue-solid{width:50px;height:2px;background: #087ab4;display:block;margin:10px auto;}
.blue-solid.ml{margin:10px 0 0 0;}
.blue-solid.white{background: #fff;}
.features{width:100%;overflow: hidden;display: flex;display:-webkit-flex;display: -moz-flex;display: -ms-flex;justify-content: space-between;flex-wrap: wrap;margin:50px 0 0; }
.features-item{width:23%;overflow: hidden;margin-bottom:20px;border:1px solid #f1f1f1;}
.features-item>.features-cont{width:100%;padding-bottom:100%;height:0;background: url(../images/box-bg_03.png);background-size: 100% 100%;}
.features-item:hover{border:1px solid #0076b2;}
.features-item:hover .blue-solid{width:80px;transition: width,0.4s;}
.features-pic{width:100%;height:0;padding-bottom:100%;border-radius: 50%;box-shadow: 0 0 6px 2px rgba(0,118,178,0.4);}


.list_dt{background: #fff;color: #000;width: 150px;padding: 0 40px 0 40px;height: 45px;line-height: 45px;cursor: pointer;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;border-bottom: 1px solid #f1f1f1; }
.list_dt>a{color:#000;}
.list_dt.on>a{color:#087ab4;}
.list_dt.on>a:hover{color:#087ab4;}
.list_dt:last-child{border:none;}
.list_dt:hover{background: #e5e5e5;}
.list_dt:hover ._after{display: block;width: 3px;height: 100%;position: absolute;left: 0;top: 0;}
#open{background: #fff;color:#000; }
#open ._after{display: block;width: 3px;height: 100%;position: absolute;left: 0;top: 0;}
.list_dt_icon{position: absolute;left: 10px;top: 20px;display: block;width: 14px;height: 7px;background: url("../images/off_03.png") no-repeat;background-size: 100% 100%;}
#open .list_dt_icon{background: url("../images/open_03.png") no-repeat;background-size: 100% 100%;}
.list_dd{display: none;}
.list_li{background: #fff;list-style-type: none;color: #999;width: 150px;padding: 0 25px;height: 45px;line-height: 45px;cursor: pointer;border-bottom: 1px solid #ccc;}
.list_li:hover{background: #e5e5e5;color:#087ab4;}
.list_li.on{background: #e5e5e5;color:#087ab4;}
.list_li:hover a{background: #e5e5e5;color:#087ab4;}
.list_li.on a{background: #e5e5e5;color:#087ab4;}

.goods-list{width:100%;overflow: hidden;padding:10px;}
.goods-list.min-height{min-height:415px;}
.goods-list li{width:100%;min-height:210px;overflow:hidden;border:1px solid #f1f1f1;background: #f1f1f1;margin:15px 0;padding:25px;}
.goods-list li>a{display: block;width:100%;overflow: hidden;color:#999;}
.goods-list li>a:hover{color:#999;}
.goods-list li.on{box-shadow: 0 0 6px 2px rgba(0,118,178,0.5);}
.goods-list li:hover{box-shadow: 0 0 6px 2px rgba(0,118,178,0.5);}
.left-pic{width:220px;height:160px;float: left;}
.left-pic>img{width:220px;height:160px;}
.right-box{width:724px;height:160px;float:left;display: flex;display:-webkit-flex;display: -moz-flex;display: -ms-flex;justify-content: space-between; flex-direction:column;padding-left:25px;}
.right-box a:hover{color:#999;}
.about-left-pic{overflow: hidden;}
.about-left-pic img{width:230px;height:230px;}
.about-center-bg{min-height:360px;overflow: hidden;background: url(../images/about-center-bg_02.jpg)no-repeat center;background-size: cover;}
.blue-box-round{display:inline-block;width:100px;height:100px;font-size:16px;background:#3f88b8;text-align: center;line-height:100px;color:#fff;border-radius: 50%;}
.jishu-2-title{width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;text-align:center;overflow: hidden;margin:30px auto 15px;line-height:30px;}
.jishu-title-icon{width:16px;height:20px;display: inline-block;background: url(../images/list-title-icon_03.png);background-size: 100% 100%;margin: 5px 10px ;}
.slideTxtBox{overflow: hidden;width:100%;margin-top:-1px; }
.slideTxtBox .hd{ height:15px; line-height:15px;position:absolute;bottom:30px;z-index:99;left:50%;margin-left:-35px; }
.slideTxtBox .hd ul li{ float:left; margin-right:10px; cursor:pointer; width:15px;height:15px;line-height:15px;text-align:center;border-radius: 50%; background:rgba(30,105,156,0.8);color:#1e699c; }
.slideTxtBox .hd ul li.on{ width:15px;height:15px;border-radius:50%;background:#fff;color:#fff; }
.slideTxtBox .hd.width{margin-left:-20px;}
.slideTxtBox .hd ul.width li{width:10px;height:10px;line-height:10px;}
.slideTxtBox .hd ul.width li.on{width:10px;height:10px;line-height:10px;}
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{width: 100%;}
.second-nav{margin:45px auto;}
.second-nav li{float: left;padding:10px 0;font-size:16px;width: 110px;text-align: center}

.second-nav li a{color:#fff;}
.second-nav li.on{color:#327aa7;!important;}
.layer-photo{height:240px;border:1px solid #666666;background: url(../images/shuiyin_03.png)no-repeat;background-size:100% 100%;margin-bottom:7px; position: relative;z-index: 10000}
.layer-photo img{height: 70%;width:60%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.layer-photo p{position: absolute;bottom:0;text-align: center;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

/*后期修改*/
.zizhi-pics{width:100%;overflow: hidden;margin-top:20px;}
.zizhi-pics li{float: left;width:33%;height:240px;background-size:100% 100%;margin-bottom:7px; position: relative;border: 1px solid #999999;}
.zizhi-pics li:before {
    content: "复印无效";
    color:#cccccc;
    font-size: 30pt;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -80px;
    background-color: transparent;
    -webkit-transform:rotate(45deg);
    z-index: 99
}
.zizhi-pics li img{height: 220px;position:absolute;top:42%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.zizhi-pics li p{position: absolute;bottom:-5px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}

/*.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex.ar{justify-content: space-around;}
.flex-col{display: flex;flex-direction: column;justify-content: space-between;flex-wrap: nowrap;}*/