@charset "utf-8";
/* CSS Document */
.container{padding: 35px 0 20px;}
.container .w1440::after{content: " ";width: 100%;height: 0;clear: both;display: block;}
.leftmain{position: relative;z-index: 2;padding-top: 10px;}

@media only screen and (max-width:1024px){
.container{padding: 35px 0;}
}

/*leftmain*/
.leftmain .nygywm .tit,
.leftmain .nygywm h2{display: none;}
.leftmain .nycpfl h2 a,
.leftmain .nygywm h2 a{display: block;width: 100%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 2;}

@media only screen and (min-width:1025px){
.leftmain{width: 22%;max-width: 240px;float: left;overflow: hidden;}
.leftmain .column{width: 100%;overflow: hidden;margin-bottom: 15px;background: #f0f0f0;}
.leftmain .tit{width: 100%;background: #005fb3;color: #fff;position: relative;padding: 20px;line-height: 1;font-size: 22px;font-weight: 600;}
.leftmain .tit em{display: block;position: absolute;left: 20px;margin-top: -23px;top: 50%;font-size: 50px;font-style: normal;}
.leftmain .tit p{font-size: 20px;font-weight: 600;color: #fff;padding: 0 0 3px 40px;}
.leftmain .tit span{display: block;width: 100%;font-size: 15px;padding-left: 40px;}

/* nygywm */
.leftmain .nygywm h2{width: 100%;position: relative;overflow: hidden;background: #f0f0f0;}
.leftmain .nygywm h2::before{content: "";width: 3px;height: 100%;position: absolute;left: 0;top: 0;background: #005fb3;z-index: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nygywm h2::after{content: "\e660";width: 20%;height: 50px;line-height: 50px;color: #999;font-size: 13px;text-align: center;position: absolute;right: 0;text-align: center;top: 50%;margin-top: -25px;z-index: 3;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nygywm h2 a{font-size: 15px;padding: 10px 15% 10px 10%;font-weight: 600;}
.leftmain .nygywm h2 a::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;}
.leftmain .nygywm h2:hover::before{width: 100%;}
.leftmain .nygywm h2:hover::after,
.leftmain .nygywm h2:hover a{color: #fff;}

/* nycpfl */
.leftmain .nycpfl{border-bottom: 1px solid #e6e6e6;}
.leftmain .nycpfl ul li{width: 100%;overflow: hidden;}
.leftmain .nycpfl ul li .f1{width: 100%;position: relative;overflow: hidden;background: #f0f0f0;}
.leftmain .nycpfl ul li .f1::before{content: "";width: 3px;height: 100%;position: absolute;left: 0;top: 0;background: #005fb3;z-index: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nycpfl ul li .f1::after{content: "\e660";width: 20%;height: 50px;line-height: 50px;color: #999;font-size: 13px;text-align: center;position: absolute;right: 0;text-align: center;top: 50%;margin-top: -25px;z-index: 6;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nycpfl ul li .f1 a{font-size: 15px;padding: 10px 15% 10px 10%;font-weight: 600;}
.leftmain .nycpfl ul li .f1 a::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;}

.leftmain .nycpfl ul li dl{width: 100%;background: #fff;border: 1px solid #e6e6e6;border-width: 0 1px;position: relative;z-index: 5;overflow: hidden;}
.leftmain .nycpfl ul li dl::before{content: "";width: 100%;height: 50px;position: absolute;left: 0;top: -50px;cursor: grab;}
.leftmain .nycpfl ul li dl a{font-size: 14px;color: #666;padding: 0 9px 0 39px;height: 0;}
.leftmain .nycpfl ul li dl a::before{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;top: 0;}
.leftmain .nycpfl ul li dl dt:first-child a::before{content: none;}
.leftmain .nycpfl ul li dl a::after{content: "\e660";color: #999;font-size: 12px;position: absolute;left: 20px;top: 50%;margin-top: -15px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nycpfl ul li dl a:hover,
.leftmain .nycpfl ul li dl a:hover::after{color: #fa0;}

.leftmain .nycpfl ul li.on .f1::before,
.leftmain .nycpfl ul li:hover .f1::before{width: 100%;}
.leftmain .nycpfl ul li.on .f1::after,
.leftmain .nycpfl ul li:hover .f1::after,
.leftmain .nycpfl ul li.on .f1 a,
.leftmain .nycpfl ul li:hover .f1 a{color: #fff;}
.leftmain .nycpfl ul li.on .f1:hover::before{background: #fa0;}
.leftmain .nycpfl ul li.on dl::before{width: 0;}
.leftmain .nycpfl ul li.on dl a{padding: 6px 9px 5px 39px;height: 41px;}

/* nylxwm */
.leftmain .nylxwm .cont{width: 100%;background: #f7f7f7;border: 1px solid #ddd;}
.leftmain .nylxwm .text{padding: 10px;line-height: 24px;}
.leftmain .nylxwm .text p{padding: 3px 0;}
.leftmain .nylxwm .lewm{border-top: 1px solid #ddd;}
.leftmain .nylxwm .lewm img{width: 100%;}
.leftmain .nylxwm .nymap{width: 100%;border: 1px solid #e6e6e6;border-top: 0;height: 0;padding-bottom: 90%;position: relative;}
.leftmain .nylxwm .nymap iframe{position: absolute;left: 0;top: 0;}

.leftmain .nyxwzx .cont{width: 100%;padding: 5px 10px 15px;border: 1px solid #ddd;background-color: #f7f7f7;}
.leftmain .nyxwzx .cont li{width: 100%;border-bottom: 1px dashed #ccc;line-height: 36px;height: 36px;background: url(../nyimages/newsico.png) 3px center no-repeat;}
.leftmain .nyxwzx .cont li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 25px;}

.leftmain .nyzycp .tit p,
.leftmain .nyzycp .tit span{padding-left: 45px;}
.leftmain .nyzycp .cont{background: #fff;padding-bottom: 361%;position: relative;height: 0;}
.leftmain .nyzycp .cont ul{width: 100%;overflow: hidden;padding-top: 5%;position: absolute;left: 0;top: 0;}
.leftmain .nyzycp .cont ul li{width: 100%;overflow: hidden;text-align: center;}
.leftmain .nyzycp .cont ul li a{display: block;width: 100%;border: 1px solid #ddd;padding: 2% 2% 1%;margin-bottom: 5%;border-radius: 3px;}
.leftmain .nyzycp .cont ul li p{width: 100%;overflow: hidden;}
.leftmain .nyzycp .cont ul li h3{width: 100%;padding-bottom: 16%;height: 0;position: relative;}
.leftmain .nyzycp .cont ul li span{display: block;width: 100%;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;top: 50%;margin-top: -10px;}
}
@media only screen and (min-width:1250px){
.leftmain{width: 19%;}
}
@media only screen and (max-width:1024px){
.leftmain{width: 100%;max-width: 100%;padding-bottom: 25px;}
.leftmain .tit,
.leftmain .column{display: none;width: calc(100% + 4px);margin: 0 -2px;}
.leftmain .nygywm{display: block;}
.leftmain .nygywm h2{width: 25%;float: left;padding: 2px;text-align: center;}
.leftmain .nygywm h2 a{background: #005fb3;color: #fff;padding: 15px;font-size: 15px;font-weight: 600;}
.leftmain .nygywm h2.active a{background: #fa0;}
.leftmain .nycpfl{display: block;}
.leftmain .nycpfl ul li{width: 25%;float: left;position: relative;text-align: center;padding: 2px;z-index: 1;}
.leftmain .nycpfl ul li .f1 a{background: #005fb3;color: #fff;padding: 15px 5px;font-size: 15px;font-weight: 600;}
.leftmain .nycpfl ul li.active .f1 a,
.leftmain .nycpfl ul li:hover .f1 a{background: #fa0;}
.leftmain .nycpfl ul li dl{width: calc(100% - 4px);position: absolute;left: 2px;top: 100%;margin-top: -2px;opacity: 0;z-index: 5;}
.leftmain .nycpfl ul li dl::after{content: "";width: 100%;height: 60px;position: absolute;left: 0;top: -60px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nycpfl ul li dl a{background: #1760a9;border-top: 0 solid rgba(255,255,255,.3);font-size: 14px;color: #fff;height: 0;padding: 0 5px;font-weight: 600;}
.leftmain .nycpfl ul li dl a:hover{background: #fa0;}
.leftmain .nycpfl ul li:hover{z-index: 2;}
.leftmain .nycpfl ul li:hover dl{opacity: 1;}
.leftmain .nycpfl ul li:hover dl::after{width: 0;}
.leftmain .nycpfl ul li:hover dl a{border-top-width: 1px;height: 51px;padding: 10px 5px;}
}
@media only screen and (max-width:768px){
.leftmain .nygywm h2,
.leftmain .nycpfl ul li{width: 33.33%;}
}
@media only screen and (max-width:480px){
.leftmain{padding-top: 15px;}
.leftmain .nygywm h2{padding: 1px;}
.leftmain .nygywm h2 a{padding: 10px;}
.leftmain .nycpfl ul li{padding: 1px;width: 50%;}
.leftmain .nycpfl ul li .f1 a{padding: 12px 5px;}
.leftmain .nycpfl ul li dl{width: calc(100% - 2px);left: 1px;margin-top: -1px;}
}
@media only screen and (max-width:425px){
.leftmain .nygywm h2 a{padding: 8px;}
.leftmain .nycpfl ul li .f1 a{padding: 10px 5px;}
}

/* rightmain */
.rightmain{overflow: hidden;position: relative;z-index: 1;min-height: 450px;padding: 10px 0 15px;}

@media only screen and (min-width:1025px){
.rightmain{width: 77%;float: right;}
}
@media only screen and (min-width:1250px){
.rightmain{width: 80%;float: right;}
}
@media only screen and (max-width:1024px){
.rightmain{width: 100%;}
}

/* piclist */
.pro_list_con,
.pic_list_con,
.pro_list_con ul,
.pic_list_con ul{overflow: hidden;position: relative;z-index: 1;}
.pro_list_con ul li,
.pic_list_con ul li{overflow: hidden;text-align: center;float: left;}
.pro_list_con ul li a,
.pic_list_con ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.pro_list_con ul li p,
.pic_list_con ul li p{width: 100%;overflow: hidden;position: relative;}
.pro_list_con ul li h3,
.pic_list_con ul li h3{display: block;width: 100%;padding:0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}

.pro_list_con{padding: 20px 0 10px;}
.pro_list_con ul{width: 101%;margin: 0 -.5%;}
.pro_list_con ul li{width: 25%;padding: 0 .5% 10px;}
.pro_list_con ul li a{padding: 4px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.pro_list_con ul li h3{margin-top: 4px;line-height: 46px;background: #e6e6e6;}
.pro_list_con ul li:hover a{border-color: #005fb3;}
.pro_list_con ul li:hover h3{background: #005fb3;color: #fff;}

.pic_list_con ul{width: 102%;margin: 0 -1%;}
.pic_list_con ul li{width: 33.33%;padding: 0 1% 10px;}
.pic_list_con ul li p{background: #fff;border: 1px solid #ddd;}
.pic_list_con ul li p em{padding-bottom: 75%;}
.pic_list_con ul li p em img{min-width: 100%;max-width: none;height: 100%;}
.pic_list_con ul li h3{line-height: 50px;}

@media only screen and (max-width:1024px){
.pic_list_con ul li{padding-bottom: 5px;}
}
@media only screen and (max-width:768px){
.pro_list_con ul li{padding: .5%;width: 50%;}
.pic_list_con ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.pro_list_con ul li a{padding: 2px;}
.pro_list_con ul li h3{margin-top: 2px;line-height: 36px;font-size: 14px;}
.pic_list_con ul li h3{line-height: 40px;font-size: 14px;}
}

/* aboutus */
.aboutuspage{font-size: 16px;color: #666;line-height: 2;padding-top: 10px;}
.aboutuspage .videocon{width: 100%;position: relative;padding-bottom: 65%;background: #000;}
.aboutuspage .videocon video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.aboutuspage .cont{position: relative;}
.aboutuspage .cont::before{content: "About us";display: block;width: 100%;line-height: 1;font-size: 36px;color: #005fb3;text-indent: 0;padding: 10px 0 25PX;position: relative;z-index: 2;}

.aboutuspage p{margin-bottom: 15px;}
.aboutuspage img{max-width: 100%;}
.aboutuspage table{font-size: 14px;}
.aboutuspage table td{padding: 5px;}

.aboutuspage .cont1{padding-top: 15px;text-indent: 2em;}
.aboutuspage .cont1::before{content: "Company profile";padding: 20px 0;}
.aboutuspage .cont2{padding: 0 0 15px 5px;}
.aboutuspage .cont2 p{margin: 0;padding-top: 10px;border-left: 3px solid #ddd;padding-left: 90px;position: relative;z-index: 2;}
.aboutuspage .cont2 p:first-child{padding-top: 0;}
.aboutuspage .cont2 p span{margin-left: -70px;}
.aboutuspage .cont2 p strong{position: absolute;left: 20px;top: 10px;}
.aboutuspage .cont2::before{content: "Company History";padding: 10px 0 35px;}
.aboutuspage .cont2 .gslct{position: absolute;right: 0;bottom: 0;z-index: 0;width: 100%;opacity: .5;}
.aboutuspage .cont2 .gslct p{padding: 0;border: 0;text-align: right;}
.aboutuspage .cont2 .gslct image{max-width: 100%;}
.aboutuspage .cont3::before{content: "Join Us";}
.aboutuspage .cont4::before{content: "Corporate Cultures";}
.aboutuspage .cont5::before{content: "Chairman message";}
.aboutuspage .cont6::before{content: "Company advantages";}
.aboutuspage .cont4 p,
.aboutuspage .cont6 p{display: block;padding-left: 1em;}
.aboutuspage .cont4 p strong,
.aboutuspage .cont6 p strong{display: block;margin-left: -1em;}

@media only screen and (max-width:1200px){
.aboutuspage .cont::before{font-size: 30px;padding: 10px 0 20px;font-weight: 600;}
.aboutuspage .cont.cont1::before{padding: 15px 0;}
.aboutuspage .cont2{padding-bottom: 0;}
}
@media only screen and (max-width:768px){
.aboutuspage{line-height: 1.8;font-size: 15px;}
.aboutuspage .cont::before{font-size: 24px;}
.aboutuspage p{margin-bottom: 10px;}
}
@media only screen and (max-width:480px){
.aboutuspage{font-size: 14px;}
.aboutuspage .cont::before{padding: 0 0 15px;}
.aboutuspage .cont2 p{padding-left: 75px;}
.aboutuspage .cont2 p span{margin-left: -65px;}
.aboutuspage .cont2 p strong{left: 10px;}
}


/* honor */
.honorlistpage.rightmain{padding-top: 30px;}
.honorlistpage.rightmain,
.honorlistpage.rightmain *{overflow: visible!important;}
.honorlistpage .pic_list_con ul li{width: 25%;position: relative;z-index: 1;}
.honorlistpage .pic_list_con ul li p{padding: 4px;border: 0;}
.honorlistpage .pic_list_con ul li p em{padding-bottom: 100%;}
.honorlistpage .pic_list_con ul li p em img{min-width: auto;max-width: 100%;height: auto;}
.honorlistpage .pic_list_con ul li h3{position: relative;z-index: 5;background-color: rgba(255,255,255,.75);}
.honorlistpage .pic_list_con ul li:hover{z-index: 2;}

@media only screen and (max-width:768px){
.honorlistpage .pic_list_con ul li{width: 33.33%;}
}
@media only screen and (max-width:480px){
.honorlistpage .pic_list_con ul li{width: 50%;}
}

/* video */
.videopage .pic_list_con ul li p{background-color: #000;border-color: #000;}
.videopage .pic_list_con ul li p .videoed{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: none;}

/* contact */
.proshowpage .txtbox,
.contactpage .txtbox{width: 50%;float: left;padding: 0 2.5% 25px;}
.proshowpage .txtbox p,
.contactpage .txtbox p{width:100%;float:left;font-size:16px;margin-bottom: 10px;padding-left: 2px;}
.proshowpage .txtbox .tit,
.contactpage .txtbox .tit{font-size: 20px;color: #005fb3;padding: 15px 0;width:auto;font-weight: 600;}
.proshowpage .txtbox .tit em,
.contactpage .txtbox .tit em{display: block;width: 4em;background-color: #005fb3;height: 1px;margin-top: 14px;}
.proshowpage .txtbox:hover .tit em,
.contactpage .txtbox:hover .tit em{width: 100%;}

.proshowpage .ewmbox,
.contactpage .ewmbox{width: 50%;float: left;padding-bottom: 35px;display: flex;}
.proshowpage .ewmbox{justify-content: center;}
.proshowpage .ewmbox p,
.contactpage .ewmbox p{width: 50%;float: left;max-width: 180px;text-align: center;color: #787878;flex-shrink: 0;}
.proshowpage .ewmbox img,
.contactpage .ewmbox img{width: 100%;}

.contactpage .mapbox{width:50%;float:right;position:relative;padding-bottom:40%;}
.contactpage .mapbox::after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;z-index: 2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.contactpage .mapbox > iframe{position:absolute;left:0;top:0;z-index: 1;}
.contactpage .mapbox:hover::after{z-index: -1;}

@media only screen and (max-width:1024px){
.proshowpage .txtbox,
.contactpage .txtbox{padding: 0 10px 25px;}
}
@media only screen and (max-width:768px){
.proshowpage .txtbox,
.contactpage .txtbox{width: 100%;padding-bottom: 0;}
.proshowpage .txtbox p,
.contactpage .txtbox p{margin-bottom: 5px;}
.proshowpage .ewmbox,
.contactpage .ewmbox{width: 100%;justify-content: left;padding-top: 10px;}
.contactpage .mapbox{padding-bottom:50%;width: 100%;}
}
@media only screen and (max-width:425px){
.proshowpage .txtbox .tit,
.contactpage .txtbox .tit{font-size: 18px;}
.contactpage .mapbox{padding-bottom:280px;}
}

/* newslist */
.newslistpage ul li{width: 100%;overflow: hidden;float: left;margin-bottom: 15px;position: relative;padding: 15px 15px 15px 235px;background: #f5f7f9;}
.newslistpage ul li::after{background: #f5f7f9;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.newslistpage ul li > *{position: relative;z-index: 2;}
.newslistpage ul li .pic{width:200px;height:150px;overflow:hidden;border:1px solid #e6e6e6;text-align:center;background:#fff;position:absolute;left:15px;top:15px;}
.newslistpage ul li .pic a{width:100%;padding-bottom: 75%;display:block;position:relative;overflow:hidden;}
.newslistpage ul li .tit{width:100%;font-size:15px;float:left;font-weight:600;}
.newslistpage ul li .tit a{display:block;padding:7px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslistpage ul li .txt{float:left;width:100%;height:5.4em;max-height:75px;overflow:hidden;color:#666;line-height:1.8!important;}
.newslistpage ul li .txt *{line-height:1.8!important;}
.newslistpage ul li .txt img,
.newslistpage ul li .txt table,
.newslistpage ul li .txt br{display:none;}
.newslistpage ul li .date{width:100%;float:left;overflow:hidden;color:#787878;font-size:15px;padding:15px 0 5px;line-height: 15px;}
.newslistpage ul li .date span{float: left;margin-right: 10px;}
.newslistpage ul li:hover::after{background:#005fb3;}
.newslistpage ul li:hover .tit a,
.newslistpage ul li:hover .txt,
.newslistpage ul li:hover .date{color: #fff;}

@media only screen and (max-width:768px){
.newslistpage ul li{padding:10px 145px 10px 15px;}
.newslistpage ul li .pic{width: 120px;height: 120px;left: auto;top: 10px;right: 10px;}
.newslistpage ul li .pic a{padding-bottom: 100%;}
.newslistpage ul li .txt{height:3.6em;}
.newslistpage ul li .tit a{padding: 5px 0 6px;}
}
@media only screen and (max-width:560px){
.newslistpage ul li{padding:10px 90px 10px 15px;margin-bottom: 10px;}
.newslistpage ul li .pic{width: 70px;height: 70px;}
.newslistpage ul li .tit{font-size: 14px;}
.newslistpage ul li .tit a{height:45px;line-height: 1.4;white-space: pre-wrap;}
.newslistpage ul li .txt{height:2em;white-space: nowrap;text-overflow: ellipsis;display: none;}
.newslistpage ul li .date{padding:7px 0 3px;background-position-y: 7px;}
}

/* newshow */
.newshowpage .title{width:100%;font-size:24px;padding:10px 0;text-align:center;}
.newshowpage .date{width:100%;color:#999;font-size:15px;padding:5px 0 25px;text-align:center;border-bottom:1px dotted #ccc;margin-bottom: 25px;}
.newshowpage .date span{font-size: 16px;margin-right: 5px;display: inline-block;}
.newshowpage .content{width:100%;color:#454545;font-size:16px;line-height:2;padding:0 10px 25px;border-bottom:1px dotted #ccc;margin-bottom: 10px;}
.newshowpage .content p{margin-bottom:10px;}
.newshowpage .content p strong{padding-top: 10px;display: block;}
.newshowpage .content div.teblediv{width: 100%;overflow-x: auto;margin-bottom: 10px;}
.newshowpage .content table{width: 100%;min-width: 560px;border: 1px solid #ddd;border-width: 1px 1px 0 0;}
.newshowpage .content table td{padding: 5px 10px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
.newshowpage .content img{max-width:100%;display:block;margin:10px auto 0;width: auto!important;height: auto!important;}

@media only screen and (max-width:768px){
.newshowpage .title{font-size:18px;font-weight: 600;}
.newshowpage .content{font-size:15px;line-height:1.8;}
}
@media only screen and (max-width:425px){
.newshowpage .title{font-size:16px;}
.newshowpage .content{font-size:14px;line-height:1.5;}
}

/* order */
.orderpage .cont{padding:50px 10% 40px;border: 1px solid #f5f5f5;background: url(../nyimages/lxbg.jpg) center no-repeat;background-size: 100% auto;}
.orderpage .cont ul li{width:100%;height:30px;margin-bottom:10px;overflow:hidden;position:relative;}
.orderpage .cont ul li .tit{width:150px;display:block;text-align:right;height:30px;line-height:30px;position:absolute;left:0;top:0;}
.orderpage .cont ul li p{width:100%;padding-left:150px;overflow:hidden;}
.orderpage .cont ul li p .txt{max-width:90%;height:30px;border:1px solid #ddd;line-height:18px;padding:5px 9px;float:left;border-radius:3px;}
.orderpage .cont .red{float:left;display:block;height:30px;line-height:36px;padding-left:5px;color: red;}
.orderpage .cont ul li.li_2{height:180px;}
.orderpage .cont ul li.li_2 .txt{width:90%;max-width:400px;height:180px;line-height:24px;padding:2px 9px;}
.orderpage .cont ul li.code input{width:80px;}
.orderpage .cont img{float:left;padding:6px 5px;cursor:pointer;}
.orderpage .cont ul li.li_3{height:50px;padding:7px 0;}
.orderpage .cont ul li.li_3 input{display:block;width:100px;height:36px;float:left;margin-right:10px;font-size:16px;border-radius:3px;padding-bottom: 2px;cursor: pointer;background:#999;color:#fff;}
.orderpage .cont ul li.li_3 .tj{background:#005fb3;}
.orderpage .cont ul li.li_3 input:hover{background:#fa0;}

@media only screen and (max-width:768px){
.orderpage .cont{padding:40px 5% 30px;}
.orderpage .cont ul li .tit{width: 80px;}
.orderpage .cont ul li p{padding-left: 80px;}
.orderpage .cont ul li.li_3 input{width: 80px;margin-right: 4px;}
}
@media only screen and (max-width:425px){
.orderpage .cont{padding:30px 1% 15px 3%;}
}

/* xuanxing */
.xuanxbox{width: 100%;padding-bottom: 25px;}
.xuanxbox .xxtit{width: 100%;font-size: 18px;font-weight: 600;color: #fff;padding: 10px 25px;background: #005fb3;border-radius: 5px 5px 0 0;line-height: 30px;}
.xuanxbox .xxcon{width: 100%;background: #f5f5f5;border-radius: 0 0 5px 5px;padding: 25px;overflow: hidden;}
.xuanxbox .xxcon p{width: 22.5%;float: left;padding-right: 10px;}
.xuanxbox .xxcon p select{width: 100%;border: 1px solid #ddd;background: #fff;height: 40px;outline: none;}
.xuanxbox .xxcon span{float: left;width: 10%;height: 40px;}
.xuanxbox .xxcon span input{display: block;width: 100%;height: 40px;background: #005fb3;color: #fff;text-align: center;line-height: 40px;cursor: pointer;border-radius: 3px;font-size: 15px;font-weight: 600;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xuanxbox .xxcon span input:hover{background: #fa0;}

@media only screen and (max-width:1024px){
.xuanxbox .xxcon{padding: 20px;}
}
@media only screen and (max-width:768px){
.xuanxbox .xxtit{font-size: 16px;}
.xuanxbox .xxcon{padding: 15px;}
.xuanxbox .xxcon p{width: 50%;padding: 5px;}
.xuanxbox .xxcon span{height: 50px;padding: 5px;width: 100%;}
}
@media only screen and (max-width:425px){
.xuanxbox .xxtit{font-size: 15px;padding: 10px 15px;}
.xuanxbox .xxcon p{width: 100%;}
}

/* protype */
.protype .list .titl{width: 100%;padding: 20px 0;}
.protype .list .titl ul{width: 102%;margin: 0 -1%;}
.protype .list .titl ul li{width: 20%;padding: 5px 1%;text-align: center;float: left;}
.protype .list .titl ul li a{display: block;padding: 15px 5px;line-height: 30px;background: #005fb3;color: #fff;font-size: 16px;font-weight: 600;}
.protype .list .titl ul li:hover a,
.protype .list .titl ul li.active a{background: #fa0;}

.protype .list .cont{width: 100%;padding: 15px 0;}
.protype .list .cont ul{width: 102%;margin: 0 -1%;overflow: hidden;}
.protype .list .cont ul li{width: 25%;float: left;padding: 0 1% 1.5%;}
.protype .list .cont ul li .pic{background: #f5f5f5;padding: 15px;}
.protype .list .cont ul li .pic a{display: block;width: 100%;overflow: hidden;padding-bottom: 100%;position: relative;background: #fff;}
.protype .list .cont ul li .pic a img{max-width: 75%;min-height: 75%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.protype .list .cont ul li .txt{width: 100%;padding: 0 15px 15px;background: #f5f5f5;}
.protype .list .cont ul li .txt p{font-size: 18px;line-height: 30px;padding-bottom: 10px;text-align: center;}
.protype .list .cont ul li .txt p a{color: #005fb3;}
.protype .list .cont ul li .txt span{display: block;width: 100%;padding-top: 15px;border-top: 1px solid #005fb3;color: #666;line-height: 20px;height: 100px;overflow: hidden;}

.protype .list .cont ul li:hover .pic,
.protype .list .cont ul li:hover .txt{background-color: #005fb3;}
.protype .list .cont ul li:hover .txt p a{color: #fff;}
.protype .list .cont ul li:hover .txt span{border-top-color: #fff;color: #fff;}

@media only screen and (max-width:1440px){
}



/* proHome */
.prohomepage .promain{width: 100%;overflow: hidden;margin-bottom: 10px;}
.prohomepage .promain .title{width: 100%;overflow: hidden;background: #005fb3;position: relative;z-index: 2;line-height: 50px;}
.prohomepage .promain:hover .title{background: #005fb3;}
.prohomepage .promain .title p{font-size: 18px;font-weight: 600;color: #fff;float: left;height: 50px;padding-left: 25px;}
.prohomepage .promain .title span{display: block;width: 50px;height: 50px;float: right;background: #fa0;text-align: center;}
.prohomepage .promain .title a{font-size: 30px;color: #fff;display: block;width: 100%;}
.prohomepage .promain .title a:hover{-webkit-transform: rotateZ(1080deg);-moz-transform: rotateZ(1080deg);transform: rotateZ(1080deg);}

@media only screen and (max-width:768px){
.prohomepage .promain .title p{font-size: 16px;}
}
@media only screen and (max-width:425px){
.prohomepage .promain .title p{font-size: 15px;padding-left: 15px;}
.prohomepage .promain .title a{font-size: 24px;}
}

/* proList */
.prolistpage .pro_list_con{padding: 0 0 10px;}

/* proshow */
.proshowpage .picinfo{width: 100%;position: relative;margin-bottom: 20px;}
.proshowpage .picinfo .left{width: 44%;float: left;padding-right: 4%;}
.proshowpage .picinfo .bigPic{width: 100%;padding-bottom: 100%;background: #fff;border: 1px solid #ddd;box-sizing: content-box;}
.proshowpage .picinfo .bigPic img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 5;}
.proshowpage .picinfo .smallpic{width: 100%;height: 80px;padding: 10px 0;}
.proshowpage .picinfo .smallpic ul li{width: 60px;height: 60px;padding: 1px;background: #fff;border: 2px solid #e6e6e6;}
.proshowpage .picinfo .smallpic ul li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.proshowpage .picinfo .smallpic ul li img{height: 100%;width: 100%;}
.proshowpage .picinfo .smallpic ul li.on{border-color: #147bc5;}
.proshowpage .picinfo .smallpic .swiper-scrollbar{width: 100%;bottom: 0;left: 0;height: 3px;}
.proshowpage .picinfo .smallpic .swiper-scrollbar-drag{background: rgba(0,0,0,.2);}

.proshowpage .picinfo .right{width: 56%;float: right;}
.proshowpage .picinfo .right > *{width: 100%;overflow: hidden;font-size: 15px;position: relative;}
.proshowpage .picinfo .right > * span{position: absolute;left: 15px;top: 5px;}
.proshowpage .picinfo .right .titl{font-size: 21px;padding: 5px 10px 0 15px;color: #005fb3;}
.proshowpage .picinfo .right .claname{border: 1px solid#69b2e6;background-color:#e9f6ff;padding: 11px 9px 9px 114px;border-radius: 5px;margin: 10px 0;min-height: 44px;}
.proshowpage .picinfo .right .claname span{left: 13px;top: 11px;}
.proshowpage .picinfo .right .claname a:hover{font-weight: 600;}
.proshowpage .picinfo .right .txt{padding: 5px 10px 5px 115px;min-height: 32px;}
.proshowpage .picinfo .right .btn{padding: 15px 0 0 15px;}
.proshowpage .picinfo .right .btn a{float: left;margin-right: 15px;}

.proshowpage .detail{width: 100%;}
.proshowpage .detail .title{width: 100%;height: 50px;background: #f3f5f7;position: relative;padding: 10px 15px 0;}
.proshowpage .detail .title em{width: 100%;height: 1px;display: block;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 0;}
.proshowpage .detail .title p{float: left;margin-right: 10px;cursor: pointer;position: relative;z-index: 1;}
.proshowpage .detail .title p span{display: block;padding: 0 15px;line-height: 42px;height: 39px;border-radius: 5px 5px 0 0;border: 1px solid #f3f5f7;border-bottom: 0;font-size: 16px;font-weight: 600;}
.proshowpage .detail .title p.active span{color: #005fb3;background: #fff;height: 40px;border-color: #e6e6e6;padding: 0 20px;}

.proshowpage .detail .content{width:100%;font-size:15px;line-height: 1.8;padding:35px 0 25px;min-height:150px;}
.proshowpage .detail .content > div{display: none;}
.proshowpage .detail .content > div.active{display: block;}
.proshowpage .detail .content > .prolx{padding: 0 15px;}
.proshowpage .detail .content p{margin-bottom:10px;}
.proshowpage .detail .content div[n="1"] * img{width:auto!important;max-width:100%!important;margin:0 auto;display:block;height:auto!important;max-height:none!important;}

@media only screen and (max-width:1024px){
.proshowpage .picinfo .left{width: 43%;padding-right: 3%;}
.proshowpage .picinfo .right{width: 57%;}
.proshowpage .detail .content{padding:25px 0 15px;}
}
@media only screen and (max-width:768px){
.proshowpage .picinfo .left{width: 100%;padding: 0 0 15px;}
.proshowpage .picinfo .smallpic ul{justify-content: center;}
.proshowpage .picinfo .right{width: 100%;padding: 10px 0;}
}
@media only screen and (max-width:425px){
.proshowpage .picinfo .right > *{font-size: 14px;}
.proshowpage .picinfo .right .titl{font-size: 16px;font-weight: 600;}
.proshowpage .picinfo .right .txt{padding-left: 90px;}
.proshowpage .detail .title p span{font-size: 15px;}
.proshowpage .detail .content{padding:20px 0 15px;}
}

/* case show */
.caseshowpage .picinfo{overflow: hidden;padding-bottom: 40px;}
.caseshowpage .picinfo .left{width: 50%;float: left;border: 1px solid #ddd;}
.caseshowpage .picinfo .left em{padding-bottom: 75%;}
.caseshowpage .picinfo .left em img{height: 100%;min-width: 100%;max-width: none;}

.caseshowpage .picinfo .right{width: 46%;float: right;}
.caseshowpage .picinfo .right .titl{font-size: 16px;font-weight: 600;color: #005fb3;padding: 15px 5px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.caseshowpage .picinfo .right .txt{padding: 5px 5px 5px 75px;position: relative;line-height: 24px;min-height: 34px;}
.caseshowpage .picinfo .right .txt span{color: #808080;position: absolute;left: 5px;top: 5px;}

.caseshowpage .detail{padding: 25px 5px;border-top: 1px solid #ddd;}

@media only screen and (max-width:1024px){
.caseshowpage .picinfo{padding-bottom: 30px;}
}
@media only screen and (max-width:768px){
.caseshowpage .picinfo{padding-bottom: 20px;}
.caseshowpage .picinfo .left{width: 100%;}
.caseshowpage .picinfo .right{width: 100%;padding-top: 10px;}
}
@media only screen and (max-width:480px){
.caseshowpage .picinfo .right .titl{font-size: 15px;}
}

/* faq */
.problempage .problem-keywords{width: 100%;padding: 14px 19px;background: #fafafa;border: 1px solid #ddd;border-radius: 5px;}
.problempage .problem-keywords ul li{height: 30px;line-height: 30px;display: inline;padding: 0 5px;}
.problempage .problem-keywords ul li a{color: #666;white-space: nowrap;}
.problempage .problem-keywords ul li:hover a{color: #005fb3;}
.problempage .problem-search{width: 100%;padding: 20px 25px;}
.problempage .problem-search span{display: block;float: left;height: 36px;line-height: 36px;color: #666;margin-right: 15px;}
.problempage .problem-search .tit{float: left;margin-right: 15px;height: 36px;padding: 5px 12px;border-radius: 3px;border: 1px solid #ddd;line-height: 24px;width:75%;max-width: 280px;background: #fafafa;}
.problempage .problem-search .anniu{float: left;height: 36px;border-radius: 3px;border: 1px solid #ddd;line-height: 36px;width: 68px;background: url(../nyimages/jinpinbg.jpg) left bottom repeat-x;text-align: center;}

.problempage .problem-list{width: 100%;padding: 10px 0 20px;}
.problempage .problem-list ul li{width: 100%;border-bottom: 1px dotted #ccc;height: 45px;line-height: 45px;padding: 0 100px 0 20px;position: relative;}
.problempage .problem-list ul li p{width: 100%;}
.problempage .problem-list ul li p a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.problempage .problem-list ul li span{display: block;height: 45px;line-height: 46px;color: #888;width: 100px;text-align: center;position: absolute;right: 0;top: 0;}
.problempage .problem-list ul li.newsbg{background: #005fb3;color: #fff;font-weight: 600;border-radius: 5px 5px 0 0;font-size: 16px;border: 0;margin-bottom: 10px;}
.problempage .problem-list ul li.newsbg span{color: #fff;line-height: 45px;}

@media only screen and (max-width:768px){
.problempage .problem-search{padding: 10px 15px;}
.problempage .problem-search span{width: 100%;margin-bottom: 5px;}
}
@media only screen and (max-width:425px){
.problempage .problem-keywords{padding: 9px 14px;}
.problempage .problem-search{padding: 10px;}
.problempage .problem-search .tit{margin-right: 10px;}
.problempage .problem-search .anniu{width: 60px;}
.problempage .problem-list ul li{padding: 0 90px 0 15px;}
.problempage .problem-list ul li.newsbg{font-size: 15px;margin-bottom: 5px;}
}

/* down */
.downlistpage .list{width: 100%;padding-bottom: 20px;}
.downlistpage .list ul li{width: 100%;border-bottom: 1px dotted #ccc;height: 45px;line-height: 45px;padding: 0 100px 0 20px;position: relative;}
.downlistpage .list ul li p{width: 100%;}
.downlistpage .list ul li p a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.downlistpage .list ul li span{display: block;height: 45px;line-height: 46px;color: #888;width: 100px;text-align: center;position: absolute;right: 0;top: 0;}
.downlistpage .list ul li.newsbg{background: #005fb3;color: #fff;font-weight: 600;border-radius: 5px 5px 0 0;font-size: 16px;border: 0;margin-bottom: 10px;}
.downlistpage .list ul li.newsbg span{color: #fff;line-height: 45px;}

@media only screen and (max-width:425px){
.downlistpage .list ul li{padding: 0 90px 0 15px;}
.downlistpage .list ul li.newsbg{font-size: 15px;margin-bottom: 5px;}
}

/*zxnews*/
.rightmain .zxnews{width: 100%;overflow: hidden;padding: 15px 0;}
.rightmain .zxnews .tit{width: 100%;overflow: hidden;background: #005fb3;color: #fff;line-height: 25px;padding: 10px 20px;font-size: 16px;font-weight: 600;border-radius: 5px 5px 0 0;}
.rightmain .zxnews .con{width: 100%;background: #fafafa;border: 1px solid #e6e6e6;border-top: 0;padding: 15px 9px 20px;border-radius: 0 0 5px 5px;}
.rightmain .zxnews .con ul{width: 100%;overflow: hidden;}
.rightmain .zxnews .con ul li{width: 50%;float: left;padding: 0 1.5%;position: relative;}
.rightmain .zxnews .con ul li a{width: 100%;float: left;padding: 5px 100px 5px 10px;border-bottom: 1px dotted #ccc;display: block;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rightmain .zxnews .con ul li span{display: block;width: 100px;height: 35px;line-height: 36px;position: absolute;right: 5%;top: 0;text-align: right;color: #808080;}

@media only screen and (max-width:768px){
.rightmain .zxnews .con ul li{width: 100%;}
}
@media only screen and (max-width:425px){
.rightmain .zxnews .con ul li a{padding: 5px 80px 5px 0;}
.rightmain .zxnews .con ul li span{right: 0;}
}

/* sitemap */
.sitemap .bum{width:100%;margin-bottom:20px;border-radius:5px;float:left;padding: 5px 1px;border: 1px solid #e6e6e6;}
.sitemap .bum .title{width:100%;border-bottom:1px solid #ddd;height:40px;line-height:40px;background:url(../nyimages/aboutbg.gif) bottom repeat-x;padding:0 14px;overflow:hidden;position: relative;}
.sitemap .bum .title p{float:left;font-weight:bold;font-size:16px;font-weight: 600;padding-left: 10px;}
.sitemap .bum .title span{float:right;width: 50px;height: 44px;text-align: center;line-height: 46px;font-size: 24px;position: absolute;right: 0;bottom: 0;}
.sitemap .bum .title a{display:block;height:100%;width:100%;color: #005fb3;}
.sitemap .bum .title a:hover{-webkit-transform: rotateZ(1080deg);-moz-transform: rotateZ(1080deg);transform: rotateZ(1080deg);}

.sitemap .bum .cont{width:100%;padding:15px 20px;overflow:hidden;min-height:50px;min-height: 100px;}
.sitemap .bum .cont ul li{height:30px;line-height:30px;width:20%;float:left;padding:0 5px;}
.sitemap .bum .cont ul li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media only screen and (max-width:1024px){
.sitemap .bum .cont ul li{width:25%;}
}
@media only screen and (max-width:768px){
.sitemap .bum .cont ul li{width:33.33%;}
}
@media only screen and (max-width:425px){
.sitemap .bum .cont ul li{width:50%;}
}