/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { max-width: 100%; display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

input{outline:none;}
input:focus{outline:none;}
.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.max_htop { width: 100%; float: left; }

.m_htop { width: 100%; height: 35px; float: left; background: #eeeeee; }


.m_hzuo { width: 600px; height: 35px; float: left; font-size: 12px; color: #666; text-align: left; line-height: 35px; font-weight: normal; }



.m_hwang { float: right; }

.m_hwang ul { float: left; margin-right: -10px; }

.m_hwang ul li { float: left; margin: 0 10px; height: 35px; position: relative; }

.m_hwang ul li::after { width: 1px; height: 14px; background: #8f8f8f; float: right; top: 12px; right: -10px; position: absolute; content: ''; display: block; }
.m_hwang ul li:last-child::after { width: 1px; height: 14px; float: right; top: 12px; right: 0; position: absolute; content: ''; display: none; }

.m_hwang ul li a { font-size: 12px; color: #666; text-align: left; line-height: 35px; font-weight: normal; }


.m_htcenr { width: 100%; height: 88px; float: left; background: #fff; }

.m_logo { width: 417px; float: left; margin: 20px 0 20px 0; }


.m_phone { max-width: 300px; float: right; margin: 20px -10px 0px 0; }

.m_phone img { float: left; width: 46px; margin: 5px 10px 0 0; }


.m_phone h3 { width: 200px; float: left; font-family: Arial; font-size: 30px; color: #fc7d12; text-align: left; line-height: 30px; font-weight: normal; font-style: oblique; }

.m_phone h3 font { width: 100%; float: left; font-size: 18px; color: #333333; text-align: left; line-height: 20px; font-weight: normal; font-style: normal; }



.m_hnavi { width: 100%; min-height: 58px; float: left; background: #1858b2; position: relative; z-index: 50; }


.m_hnavi ul { float: left; width: 1210px; }

.m_hnavi ul li { float: left; width: 130px; padding: 0 21px; min-height: 58px; position: relative; }


.m_hnavi ul li::after { width: 1px; height: 18px; background: rgba(255,255,255,.5); float: right; top: 22px; right: 0px; position: absolute; content: ''; display: block; }
.m_hnavi ul li:last-child::after { width: 1px; height: 18px; float: right; top: 18px; right: 0; position: absolute; content: ''; display: none; }

.m_hnavi ul li a { width: 100%; height: 58px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 58px; font-weight: normal; font-style: normal; position: relative; z-index: 8; }

.m_hnavi ul li:hover > a, .m_hnavi ul li.hhov a { background: #fc7d12; }

.m_hnavi ul li .m_hup { width: 130px; height:0; float: left; background: #1959b3; position: absolute; z-index: 10; left: 21px; top: 58px; display: none; transition: all .3s; }

.m_hnavi ul li .m_hup a { width: 100%; height: 50px; float: left;  background: #1959b3; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; font-style: normal; }


.m_hnavi ul li .m_hup dl { width: 100%; float: left; }

.m_hnavi ul li .m_hup dl dd { width: 100%; float: left; }

.m_hnavi ul li .m_hup dl dd a { width: 100%; height: 50px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; font-style: normal; }

.m_hnavi ul li:hover .m_hup dl dd a:hover { background: #5e8bca; }

.m_hnavi ul li:hover .m_hup { width: 130px; height:auto;; float: left; background: #1959b3; position: absolute; z-index: 10; left: 21px; top: 58px; display: block; transition: all .3s; }
.m_hnavi ul li:hover .m_hup dl { width: 100%; float: left; }

.m_hnavi ul li:hover .m_hup dl dd { width: 100%; float: left; }

.m_hnavi ul li:hover .m_hup dl dd a { width: 100%; height: 50px; float: left; font-family:'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: center; line-height: 25px; font-weight: normal; font-style: normal; display: flex; align-items: center; justify-content: center; }

.m_hnavi ul li:hover .m_hup dl dd a:hover { background: #5e8bca; }

/*5e8bca*/

.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 675px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }





.m_index { width: 1200px; margin: 0 auto; }


.m_hots { width: 100%; height: 53px; float: left; background: #eeeeee; }


.m_hots_txt { width: 600px; float: left; padding: 0 0 0 36px; }

.m_hots_txt img { float: left; width: 27px; margin: 16px 10px 0 0; }


.m_hots_txt font { float: left; font-size: 16px; color: #333; text-align: left; line-height: 53px; font-weight: bold; font-style: normal; }

.m_hots_txt a { float: left; margin: 0 15px 0 5px; font-size: 16px; color: #333; text-align: left; line-height: 53px; font-weight: normal; font-style: normal; }

.m_hots_txt a:hover{color:#1858b2;}

.m_hots_ss { width: 280px; height: 28px; float: right; margin: 12px 36px 0 0; background: #fff; border: 1px solid #143f7d; }

.m_hots_ss input.inp1 { width: 210px; height: 28px; float: left; padding-left: 10px; background: #fff; border: none; font-size: 14px; color: #333; line-height: 58px\9; line-height: 28px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.m_hots_ss input.inp2 { width: 60px; height: 28px; float: left; background: #1858b2; border: none; font-size: 14px; color: #fff; line-height: 28px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }



.m_pbox1 { width: 100%; float: left; padding: 30px 0; }


.m_cokkie { width: 100%; float: left; height: 110px; position: relative; z-index: 18; }

.m_cokkie_en { width: 100%; float: left; height: 110px; position: relative; z-index: 2; font-family: 'STCaiyun'; font-size: 128px; color: rgba(153,153,153,.1); text-align: center; line-height: 110px; font-weight: normal; text-transform: uppercase; }


.m_cokkie_eimg { width: 100%; float: left; height: 110px; position: relative; z-index: 2; text-align:center; }

.m_cokkie_eimg img{ max-width: 100%;  display:block; margin:0 auto;}



.m_cokkie2_eimg { width: 100%; float: left; height: 110px; position: relative; z-index: 2; text-align:center; }

.m_cokkie2_eimg img{ max-width: 100%; display:inline; float:right; margin:0;}



.m_cokkie_zhong { width: 100%; float: left; height: 110px; position: absolute; z-index: 8; left: 0; top: 0; }


.m_cokkie_zhong h4 { width: 100%; float: left; margin: 20px 0 5px 0; font-size: 36px; color: #333; line-height: 40px; text-align: center; font-weight: normal; }


.m_cokkie_zhong font { width: 100%; float: left; margin: 0px 0 0 0; font-size: 18px; color: #666; line-height: 30px; text-align: center; font-weight: normal; }




.tDGai { width: 100%; height: auto; overflow: hidden; }


.Dgcon { width: 100%; height: auto; float: left; margin: 40px 0 0 0; overflow: hidden; }

.m_bianji { position: relative; }
.m_bianji .biaoge { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.m_bianji .biaoge.on { opacity: 1; display: block; visibility: visible; }
.m_bianji .biaoge:nth-child(1) { position: relative; }

.tDGai .Dgcon ul { width: 1210px; margin-left: 0%; }

.tDGai .Dgcon ul li { width: auto; margin: 0 18px 18px 0; height: 50px; float: left; text-align: center; color: #222; font-size: 18px; background: #eee; line-height: 50px; border-radius: 10px; cursor: pointer; padding: 0 20px; }

.tDGai .Dgcon .active { background: #1858b2; color: #fff; }



.tDGai .tea2Content { width: 100%; height: auto; float: left; margin: 0 0 0 0%; overflow: hidden; padding-top: 0px; background: #fff; 
display: block; }


.m_prods { width: 1200px; float: left; }

.m_prods dl { width: 1210px; float: left; }

.m_prods dl dd { width: 280px; float: left; margin: 20px 20px 0 0; }

.m_prods dl dd .proimg { width: 280px; float: left; height: 290px; border: 1px solid #eee; position: relative; z-index: 8;  overflow:hidden;}


 

.m_prods dl dd .proimg img { max-width: 100%; position: relative; z-index: 4; 
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.m_prods dl dd:hover .proimg img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}


.m_prods dl dd .proimg .pro_logo { width: 162px; height: 18px; float: left; position: absolute; z-index: 6; left: 14px; top: 14px; }

.m_prods dl dd .proimg .pro_logo img { max-width: 100%; position: relative; z-index: 5; }


.m_prods dl dd font { width: 100%; height: 50px; float: left; text-align: center; color: #333; font-size: 18px; line-height: 50px; 
font-weight: normal; overflow: hidden; }

.m_prods dl dd:hover .proimg { border: 1px solid #1858b2; }

.m_prods dl dd:hover font { color: #1858b2; font-weight: bold;  }


.m_prodbgc { width: 1920px; *width: 1920px; _width: 1920px; height: 1688px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: #eee url(../images/bgc1.jpg) no-repeat center top; overflow: hidden; }


.m_pcokk { width: 100%; float: left; margin: 100px 0 0 0; }



.m_prolist { width: 100%; float: left; margin: 10px 0 20px 0; }


.m_prolist dl { width: 100%; float: left; }

.m_prolist dl dd { width: 100%; height: 340px; background: rgba(34,34,34,0); float: left; margin: 10px 0 10px 0; position: relative; z-index: 15; }


.m_prolist dl dd .m_ptxt { width: 530px; height: 160px; float: left; margin: 0 0px 0 0; background: rgba(34,34,34,0); position: absolute; z-index: 10; left: 320px; top: 80px; }

.m_prolist dl dd .m_ptxt h4 { width: 100%; height: 30px; float: left; font-size: 16px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.m_prolist dl dd .m_ptxt h5 { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 24px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; position: relative; }

.m_prolist dl dd .m_ptxt h5 font { color: #ff8420; }

.m_prolist dl dd .m_ptxt h5::after { width: 70px; height: 2px; float: left; background: #ff8420; position: absolute; left: 0; bottom: 0; content: ''; }

.m_prolist dl dd .m_ptxt h6 { width: 100%; height: 60px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.m_prolist dl dd .m_img1 { width: 417px; height: 339px; float: right; position: relative; z-index: 5; }


.m_prolist dl dd:nth-child(2) { width: 100%; height: 340px; background: rgba(34,34,34,0); float: left; margin: 10px 0 10px 0; position: relative; z-index: 15; }


.m_prolist dl dd:nth-child(2) .m_ptxt { width: 530px; height: 160px; float: left; margin: 0 0px 0 0; background: rgba(34,34,34,0); position: absolute; z-index: 10; left: 330px; top: 80px; }

.m_prolist dl dd:nth-child(2) .m_ptxt h4 { width: 100%; height: 30px; float: left; font-size: 16px; color: #999999; text-align: right; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.m_prolist dl dd:nth-child(2) .m_ptxt h5 { width: 100%; height: 40px; float: right; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 24px; color: #333; text-align: right; line-height: 40px; font-weight: bold; text-transform: uppercase; position: relative; }

.m_prolist dl dd:nth-child(2) .m_ptxt h5 font { color: #ff8420; }

.m_prolist dl dd:nth-child(2) .m_ptxt h5::after { width: 70px; height: 2px; float: right; background: #ff8420; position: absolute; right: 0px; margin-left: 460px; bottom: 0; content: ''; }

.m_prolist dl dd:nth-child(2) .m_ptxt h6 { width: 100%; height: 60px; float: left; font-size: 16px; color: #333; text-align: right; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.m_prolist dl dd:nth-child(2) .m_img1 { width: 417px; height: 339px; float: left; position: relative; z-index: 5; left: -48px; }





.m_prolist dl dd:nth-child(3) { width: 100%; height: 340px; background: rgba(34,34,34,0); float: left; margin: 10px 0 10px 0; position: relative; z-index: 15; }


.m_prolist dl dd:nth-child(3) .m_ptxt { width: 530px; height: 160px; float: left; margin: 0 0px 0 0; background: rgba(34,34,34,0); position: absolute; z-index: 10; left: 320px; top: 80px; }

.m_prolist dl dd:nth-child(3) .m_ptxt h4 { width: 100%; height: 30px; float: left; font-size: 16px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.m_prolist dl dd:nth-child(3) .m_ptxt h5 { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 24px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; position: relative; }

.m_prolist dl dd:nth-child(3) .m_ptxt h5 font { color: #ff8420; }

.m_prolist dl dd:nth-child(3) .m_ptxt h5::after { width: 70px; height: 2px; float: left; background: #ff8420; position: absolute; left: 0; bottom: 0; content: ''; }

.m_prolist dl dd:nth-child(3) .m_ptxt h6 { width: 100%; height: 60px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.m_prolist dl dd:nth-child(3) .m_img1 { width: 417px; height: 339px; float: right; position: relative; z-index: 5; margin: 0px; }




.m_prolist dl dd:nth-child(4) { width: 100%; height: 340px; background: rgba(34,34,34,0); float: left; margin: 10px 0 10px 0; position: relative; z-index: 15; }


.m_prolist dl dd:nth-child(4) .m_ptxt { width: 530px; height: 160px; float: left; margin: 0 0px 0 0; background: rgba(34,34,34,0); position: absolute; z-index: 10; left: 330px; top: 60px; }

.m_prolist dl dd:nth-child(4) .m_ptxt h4 { width: 100%; height: 30px; float: left; font-size: 16px; color: #999999; text-align: right; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.m_prolist dl dd:nth-child(4) .m_ptxt h5 { width: 100%; height: 40px; float: right; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 24px; color: #333; text-align: right; line-height: 40px; font-weight: bold; text-transform: uppercase; position: relative; }

.m_prolist dl dd:nth-child(4) .m_ptxt h5 font { color: #ff8420; }

.m_prolist dl dd:nth-child(4) .m_ptxt h5::after { width: 70px; height: 2px; float: right; background: #ff8420; position: absolute; right: 0px; margin-left: 460px; bottom: 0; content: ''; }

.m_prolist dl dd:nth-child(4) .m_ptxt h6 { width: 100%; height: 60px; float: left; font-size: 16px; color: #333; text-align: right; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.m_prolist dl dd:nth-child(4) .m_img1 { width: 417px; height: 339px; float: left; position: relative; z-index: 5; left: 0px; }



/*首页 厂房展示  index  workshop display */


.m_workshop { width: 100%; float: left; }



.m_dispbox { width: 100%; height: 260px; margin: 30px 0 0px 0; float: left; }


#certify1 { position: relative; width: 1200px; display: block; margin: 0px 0px 0px 20px; }
#certify1 .swiper-container { padding: 5px 0px; overflow: hidden; }
#certify1 .swiper-wrapper { width: 1200px; float: left; margin: 0 0 0 0px; }
#certify1 .swiper-slide { width: 380px !important; margin: 0 20px 0 0px !important; text-align: center; overflow: hidden; }
#certify1 .swiper-slide img { width: 380px; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
#certify1 .swiper-slide:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify1 .swiper-button-prev1 { text-indent: -9999px; top: 70px; bottom: auto; left: -60px; width: 46px; height: 102px; background: #1858b2 url(../images/nprev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover { background: #ff8420 url(../images/nprev1.png) no-repeat; }
#certify1 .swiper-button-next1 { text-indent: -9999px; right: -40px; top: 70px; bottom: auto; width: 46px; height: 102px; background: #1858b2 url(../images/nnext1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover { background: #ff8420 url(../images/nnext1.png) no-repeat; }


/*生产流程 production process */


.m_proces { width: 1200px; float: left; margin: 20px 0 40px 0; }


.m_proces dl { width: 1280px; float: left; }

.m_proces dl dd { width: 224px; height: 260px; background: rgba(34,34,34,0); float: left; margin: 10px 10px 10px 10px; position: relative; z-index: 15; }

.m_proces dl dd::after { width: 23px; height: 27px; float: right; position: absolute; top: 60px; right: -10px; background: url(../images/jio1.jpg) no-repeat left top; content: ''; }
.m_proces dl dd:last-child::after { display: none; }
.m_proces dl dd img { width: 204px; height: 150px; display: inline-block; float: left; }


.m_proces dl dd .m_pwen { width: 100%; float: left; margin: 20px 0 0 0; }


.m_proces dl dd .m_pwen h5 { width: 50px; height: 40px; float: left; font-family: Arial; font-size: 33px; color: #fe6c0b; text-align: left; line-height: 40px; font-weight: bold; font-style: oblique; }


.m_proces dl dd .m_pwen font { width: 170px; height: 60px; float: left; font-size: 18px; text-align: left; color: #333; line-height: 20px; font-weight: normal; overflow: hidden; }

/*company*/
.m_compbgc { width: 1920px; *width: 1920px; _width: 1920px; height: 836px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: #eee url(../images/m_abobgc.jpg) no-repeat center top; overflow: hidden; }


.m_abouts { width: 100%; float: left; margin: 80px 0 0 0; }


.m_abocokk { width: 100%; float: left; height: 110px; position: relative; z-index: 18; }

.m_acokk_en { width: 100%; float: left; height: 110px; position: relative; z-index: 2; font-family: 'STCaiyun'; font-size: 128px; color: rgba(153,153,153,.1); text-align: center; line-height: 110px; font-weight: normal; text-transform: uppercase; }

.m_acokk_zhong { width: 100%; float: left; height: 110px; position: absolute; z-index: 8; left: 0; top: 0; }


.m_acokk_zhong h4 { width: 100%; float: left; margin: 20px 0 5px 0; font-size: 36px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; }


.m_acokk_zhong font { width: 100%; float: left; margin: 0px 0 0 0; font-size: 18px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; }



.m_abouscon { width: 100%; float: left; position: relative; z-index: 18; }


.m_abouscon h3 { width: 100%; float: left; position: relative; z-index: 2; font-size: 18px; color: #fc7d12; text-align: left; line-height: 30px; font-weight: bold; text-transform: uppercase; }


.m_abouscon h4 { width: 100%; float: left; position: relative; z-index: 2; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; text-transform: uppercase; }

.m_abouscon font { width: 100%; height: 90px; margin: 10px 0 20px 0; float: left; font-size: 16px; color: rgba(255,255,255,.8); text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.m_abouscon h6 { width: 170px; height: 43px; float: left; margin: 20px 0 0 0; padding: 0 0 0 0px; font-size: 16px; color: #333; text-align: left; line-height: 43px; font-weight: normal; }

.m_abouscon h6 a font { width: 125px; height: 41px; float: left; margin: 0; background: #fff; border: 1px solid rgba(255,255,255,.6); font-size: 16px; color: #333; text-align: center; line-height: 41px; font-weight: normal; }


.m_abouscon h6 a em { width: 41px; height: 41px; float: left; margin: 0; background: #fc7d12; border: 1px solid rgba(252,125,18,.6); font-size: 24px; color: #fff; text-align: center; line-height: 36px; font-weight: bold; font-style: normal; }



.rollfire { overflow: hidden; width: 1200px; height: 310px; }

.rollfire_bt { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; font-size: 16px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }

.rollfire_bt a { float: right; font-size: 16px; color: #fff; text-align: right; line-height: 40px; font-weight: normal; }

.rollfire .Cont { float: left; overflow: hidden; width: 1200px; }
.rollfire .ScrCont { width: 10000000px; }
.rollfire #List3 { float: left; }
.rollfire #List4 { float: left; }

.rollfire .Cont li { width: 170px; height: 245px; float: left; margin: 0 40px 0 0; }
.rollfire .Cont li img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.rollfire .Cont li:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


/*index  new   technical support*/

.m_support{ width: 100%; float: left; margin:0px 0 0 0; }



.m_supBox{width:100%; height:520px; float:left;  margin:30px 0 40px 0; }

.m_news{width:820px; float:left; }

.m_news_bt { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: bold; }

.m_news_bt a { float: right; font-size: 16px; color: #333; text-align: right; line-height: 40px; font-weight: normal; }


.m_news dl{width:820px; float:left; }

.m_news dl dd:first-child{width:420px; height:auto; float:left; margin:0 0 0px 0; padding:0;  background:transparent; }

.m_news dl dd:first-child img.limg1{width:420px; height:280px; display:block;}



.m_news dl dd:first-child  h4 { width: 100%; float: left; margin: 20px 0 5px 0; font-size:18px; color: #333; line-height: 40px; text-align: left; font-weight: normal;  overflow:hidden;}

.m_news dl dd:first-child  h5 { width: 100%; height:60px; float: left; margin:0px 0 5px 0; font-size: 14px; color: #999999; line-height:20px; text-align: left; font-weight: normal; }

.m_news dl dd:first-child  font { width: 100%; float: left; margin: 0px 0 0 0; font-size: 18px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; text-overflow:ellipsis; overflow:hidden;}




.m_news dl dd{width:320px; height:90px; float:right; margin:0 0 20px 0;  background:#f6f7fb; padding:20px 20px 20px 20px;}

.m_news dl dd img.limg1{width:420px; height:280px; display:none;}



.m_news dl dd h4 { width: 240px; height:40px;  float: left; margin:0px 0 5px 0; font-size:18px; color: #333; line-height: 40px; text-align: left; font-weight: normal; position:relative;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;  text-overflow:ellipsis;  overflow:hidden;}

.m_news dl dd  h4::after { width:40px; height: 2px; float: left; position: absolute; bottom:0px; left:0px; background:#ff8420; content: ''; }
.m_news dl dd h5 { width: 100%; height:40px; float: left; margin:0px 0 5px 0; font-size: 14px; color: #999999; line-height:20px; text-align: left; font-weight: normal;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;  text-overflow:ellipsis;  overflow:hidden;}

.m_news dl dd font { width:70px; height:40px; float: right; margin: 0px 0 0 0; font-size: 14px; color: #666; line-height: 40px; text-align: left; font-weight: normal;  overflow:hidden;}



.m_downs{width:350px; float:right; }

.m_downs_bt { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: bold; }

.m_downs_bt a { float: right; font-size: 16px; color: #333; text-align: right; line-height: 40px; font-weight: normal; }


.m_downs dl{width:100%; float:left;  }

.m_downs dl dt {width:100%; min-height:32px; float:left; padding:14px 0; border-bottom:1px solid #eeeeee; }
.m_downs dl dt:first-child  img.oimg1{width:350px; height:128px; margin-bottom:10px; display:block;}
.m_downs dl dt  img.oimg1{width:350px; height:128px; margin-bottom:10px;  display:none;}


.m_downs dl dt em { width:32px; height:32px; float: left; background:#eeeeee; margin: 0px 0 0 0; font-size: 16px; color: #333; line-height: 32px; text-align: center; font-weight: normal; font-style:normal; overflow:hidden;}


.m_downs dl dt h5 { width:260px; height:32px; float: left; background:#fff; margin: 0px 10px 0 14px; font-size: 16px; color: #333; line-height: 32px; text-align: left; font-weight: normal;  overflow:hidden;}

.m_downs dl dt font { width:auto; height:32px; float: right; margin: 0px 0 0 0; font-size: 14px; color: #333; line-height: 32px; text-align: right; font-weight: normal;  text-decoration:underline; }


.m_downs dl dt:hover font{color:#1858b2;}


/*index  link*/

.m_linkbg{width:1284px; height:60px; float:left; background:url(../images/m_lkbg.png) no-repeat left bottom; margin:0 0 0 -40px; }



.m_fnavi { width: 100%; min-height: 58px; float: left; background: transparent; position: relative; z-index: 50; }


.m_fnavi ul { float: left; width: 1210px; }

.m_fnavi ul li { float: left; width: 130px; padding: 0 21px; min-height: 58px; position: relative; }


.m_fnavi ul li::after { width: 1px; height: 18px; background: rgba(255,255,255,.5); float: right; top: 22px; right: 0px; position: absolute; content: ''; display: block; }
.m_fnavi ul li:last-child::after { width: 1px; height: 18px; float: right; top: 18px; right: 0; position: absolute; content: ''; display: none; }

.m_fnavi ul li a { width: 100%; height: 58px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 58px; font-weight: normal; font-style: normal; position: relative; z-index: 8; }

.m_fnavi ul li a:hover{font-weight:bold;}

/*footer*/

.m_footer { width: 1920px; *width: 1920px; _width: 1920px; height: 376px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/footbg.jpg) no-repeat center bottom; overflow: hidden; }



.m_wxin{width:240px; height:240px; float:left; margin:60px 40px 40px 0; overflow:hidden;}


.m_fxtx1 { float: left; width:230px; margin: 60px 15px 0 0px; font-size: 16px; color: #333; text-align: left; line-height: 34px; font-weight: normal; font-style: normal; }


.m_fxtx1 font{width:100%; float:left; margin:0 0 30px 0; font-family: Arial; font-size: 30px; color: #1858b2; text-align: left; line-height: 30px; font-weight: bold; font-style: oblique; }


.m_fxtx1 a{color:#333;}




.m_fxtt2 { float: right; max-width:540px; margin: 160px 0px 0 0px; font-size: 16px; color: #333; text-align: left; line-height: 34px; font-weight: normal; font-style: normal; }

.m_fxtt2 a{color:#333;}



.m_fbottom { float: left; width:100%; height:28px; margin:6px 0 0 0px; font-size: 14px; color: #fff; text-align: center; line-height: 28px; font-weight: normal; font-style: normal; }

.m_fbottom a{color:#fff;}



.s_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 434px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.s_inc_cokk{width:100%; float:left; margin:30px 0 10px 0;  font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; }

.s_inc_cokk a{color:#333;}

.s_inc_cokk font{color:#1959b3;}

.s_inc_cokk img{float:left; margin:6px 5px 0 0 ;}


.s_zbox{width:100%; float:left;  margin:10px 0 40px 0;}

.s_type{width:350px; float:left;  margin:0px 0 0px 0;}

.s_type_menu{width:350px; background:#eee; float:left;  margin:0px 0 30px 0;}


.s_type_menu_bt{width:330px; height:60px; float:left; background:#1959b3; padding:5px 10px; }

.s_type_menu_bt h4{width:100%; float:left; margin:5px 0 0 0; font-family:Arial; font-size: 14px; color: rgba(255,255,255,.1); text-align: left; line-height:20px; font-weight: normal; font-style: normal; text-transform:uppercase; }

.s_type_menu_bt h4 font{width:40px; height:4px; float:left; background:#1959b3; margin:0px 10px 0 10px;}

.s_type_menu_bt h5{width:100%; float:left; font-size: 24px; color: #fff; text-align: left; line-height:20px; font-weight: bold; font-style: normal; text-transform:uppercase; }

.s_type_menu_bt h5 font{width:40px; height:4px; float:left; background:#fff; margin:2px 10px 0 10px;}


.s_type_pro{width:350px; float:left;  margin:0px 0 0px 0;}

.s_type_pro ul{width:350px; float:left;  margin:0px 0 0px 0px;}

.s_type_pro ul li{width:338px;   height:68px; float:left; background:#eee url(../images/line01.png) no-repeat center bottom; }

.s_type_pro ul li  .type_bt{ width:300px; height:68px; float:left;  font-size: 18px; color: #333; text-align: left; line-height:68px; font-weight: normal; font-style: normal;   }

.s_type_pro ul li  .type_bt font{float:left; padding:0 5px 0 10px;  font-size: 18px; color: #333; text-align: left; line-height:68px; font-weight: normal; font-style: normal;  }

.s_type_pro ul li img{margin:28px 0 0 0; width:16px; float:left; }
 
 

.s_type_lxbg{width:350px; background:transparent; float:left;  margin:0px 0 30px 0;}


.s_type_lx{width:348px; float:left;  margin:0px 0 0px 0; border:1px solid #cfcfcf;}

.s_type_lx ul{width:326px; float:left;  margin:16px 0 16px 10px;}

 .s_type_lx ul li {float:left; width:100%;  padding:20px 0 20px 0; border-bottom:1px solid #ededed;  font-size:16px; color: #333; text-align: left; line-height:30px; font-weight: normal; font-style: normal;  }
 
 .s_type_lx ul li:last-child {float:left; width:100%;  padding:20px 0 20px 0; border-bottom:1px solid transparent;  font-size:16px; color: #333; text-align: left; line-height:30px; font-weight: normal; font-style: normal;  }
 .s_type_lx ul li a{color:#333;}


 

.s_type_xinwen{width:350px; background:transparent; float:left;  margin:0px 0 20px 0;}


.s_type_xwen{width:348px; float:left;  margin:0px 0 0px 0; border:1px solid #cfcfcf;}

.s_type_xwen ul{width:326px; float:left;  margin:12px 0 12px 10px;}

 .s_type_xwen ul li {float:left; width:100%; height:45px; margin:6px 0 6px 0; background:#fff; font-size:16px; color: #333; text-align: left; line-height:45px; font-weight: normal; font-style: normal;  }
 
 .s_type_xwen ul li:nth-child(2n) {float:left; width:100%; height:45px;  margin:6px 0 6px 0; background:#f2f7ff; font-size:16px; color: #333; text-align: left; line-height:45px; font-weight: normal; font-style: normal;  }
 
 .s_type_xwen ul li a{color:#333;}



.s_type_abo{width:350px; float:left;  margin:0px 0 0px 0;}

.s_type_abo ul{width:350px; float:left;  margin:0px 0 0px 0px;}

.s_type_abo ul li{width:100%; height:68px; float:left; background:#eee url(../images/line01.png) no-repeat center bottom; }

.s_type_abo ul li  .type_bt{ width:300px; height:68px; float:left;  font-size: 18px; color: #333; text-align: left; line-height:68px; font-weight: normal; font-style: normal;   }

.s_type_abo ul li  .type_bt font{float:left; padding:0 5px 0 20px;  font-size: 18px; color: #333; text-align: left; line-height:68px; font-weight: normal; font-style: normal;  }

.s_type_abo ul li img.eimg1{margin:28px 0 0 0; width:16px; float:left; display:block;}
.s_type_abo ul li img.eimg2{margin:28px 0 0 0; width:16px; float:left; display:none;}

 /*c6d2e4   color 1959b3 */
.s_type_abo ul li:hover{background:#c6d2e4 url(../images/line01.png) no-repeat center bottom;}
.s_type_abo ul li:hover .type_bt,.s_type_pro ul li:hover .type_bt font{color:#1959b3;}
.s_type_abo ul li:hover img.eimg1{margin:28px 0 0 0; width:16px; float:left; display:block;}
.s_type_abo ul li:hover img.eimg2{margin:28px 0 0 0; width:16px; float:left; display:none;}
 
.s_type_abo ul li.abohov{background:#c6d2e4  url(../images/line01.png) no-repeat center bottom;}
.s_type_abo ul li.abohov .type_bt,.s_type_pro ul li.abohov .type_bt font{color:#1959b3;}
.s_type_abo ul li.abohov img.eimg1{margin:28px 0 0 0; width:16px; float:left; display:block;}
.s_type_abo ul li.abohov img.eimg2{margin:28px 0 0 0; width:16px; float:left; display:none;}
 
.s_right{width:760px; float:right; }



.s_you_cokk { width: 100%; float: left; height: 110px; position: relative; z-index: 18; }

.s_ycokk_en { width: 100%; float: left; height: 110px; position: relative; z-index: 2; font-family: 'STCaiyun'; font-size: 108px; color: rgba(153,153,153,.1); text-align: left; line-height: 110px; font-weight: normal; text-transform: uppercase; }



.s_ycokk_eimg { width: 100%; float: left; height: 110px; position: relative; z-index: 2; text-align: left; }


.s_ycokk_eimg img{max-width: 100%; float:left; margin:0; }


.s_ycokk_zhong { width: 100%; float: left; height: 110px; position: absolute; z-index: 8; left: 0; top: 0; }


.s_ycokk_zhong h4 { width: 100%; float: left; margin: 40px 0 -5px 10px; font-size: 18px; color: #fc7d12; line-height: 30px; text-align: left; font-weight: bold;  text-transform:uppercase;}


.s_ycokk_zhong font { width: 100%; float: left; margin: 0px 0 0 10px; font-size: 18px; color: #333; line-height: 30px; text-align: left; font-weight: bold; }



.s_prods { width: 760px; float: left; margin:-10px 0 0 0;}

.s_prods dl { width: 780px; float: left; }

.s_prods dl dd { width: 240px; float: left; margin: 20px 20px 0 0; }

.s_prods dl dd .proimg { width: 240px; float: left; height: 249px; border: 1px solid #eee; position: relative; z-index: 8; overflow:hidden; }


.s_prods dl dd .proimg img { max-width: 100%; position: relative; z-index: 4; 
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.s_prods dl dd:hover .proimg img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}




.s_prods dl dd .proimg .pro_logo { width: 139px; height: 15px; float: left; position: absolute; z-index: 6; left: 14px; top: 14px; }

.s_prods dl dd .proimg .pro_logo img { max-width: 100%; position: relative; z-index: 5; }


.s_prods dl dd font { width: 100%; height:40px; float: left; font-size: 18px; color: #333;  text-align: center;  line-height: 40px; 
font-weight: normal; overflow: hidden; }

.s_prods dl dd:hover .proimg { border: 1px solid #1858b2; }

.s_prods dl dd:hover font { color: #1858b2; font-weight: bold;  }



/*fanye*/

.s_fanye{width:100%; float:left; margin:0; border-top:1px solid #e2e3e4;}
ul.pl1-b { PADDING:0px; MARGIN: 1px; TEXT-ALIGN: right; }
ul.pl1-b li.pl1-b1 { display:inline-block;  margin:6px 3px 4px 3px;  padding:2px 8px;  BORDER: #efefef 1px solid; background: #fff; }
ul.pl1-b li.pl1-b1 span{  font-family: Arial; font-size: 12px; COLOR: #333; TEXT-DECORATION: none; border: none; background: #fff; text-align:center; }

ul.pl1-b li.pl1-b1 A {  font-family: Arial; font-size: 12px; COLOR: #333; TEXT-DECORATION: none;  text-align:center;    }
ul.pl1-b li.pl1-b1 A:hover { font-family: Arial; font-size: 12px; color: #fff; border: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }

ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 12px; color: #fff; border: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }

ul.pl1-b li.pl1-b1.on1 span{background:none; border:none; color:#fff; margin:0; padding:0; }
ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 12px; color: #fff; }
ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 12px; COLOR: #fff; BORDER: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }
ul.pl1-b font.disabled {  margin:6px 3px 4px 3px;   padding:2px 0px;  font-family: Arial; font-size: 14px; COLOR: #222; text-align:left; float:left; border:none; }


/*prod show*/


.s_prshow{width:100%; float:left; margin:0; }
.s_prod_pic { width: 300px; float: left; margin:0px 20px 0 10px; position:relative; z-index:20;  }

.s_prod_pic .proimg { width: 300px; float: left; height: 311px; border: 1px solid #c9c9c9; position: relative; z-index: 8; }


.s_prod_pic .proimg img { max-width: 100%; position: relative; z-index: 4; }

#small #mark { width:100px; height:104px; background:#ff8420; opacity: 0.5; position: absolute; /* float: left; */ left: 0; top: 0; /* z-index: 99; */ }
#big { width:400px; height:414px;  background:#fff;  border: 1px solid #1858b2; position: absolute; left:304px; top:0px; overflow: hidden; }
#big img { width: 750px; height: auto; position: absolute; }


.s_prod_text { width: 400px; float: left; margin:10px 0px 0 30px; font-size: 14px; color: #666;  text-align: left;  line-height:30px; font-weight: normal; }

.s_prod_text h3{width:100%; float:left;  font-size: 20px; color: #333;  text-align: left;  line-height:40px; font-weight: normal; }


.s_prod_text .zxun{width:140px; height:40px; background:#1959b3; margin:60px 0 30px 0; float:left;  font-size: 14px; color: #fff;  text-align: center;  line-height:40px; font-weight: normal;  border:none; border-radius:6px;}


.s_show1{width:100%; float:left; margin:10px 0  10px 0; }

.s_show1_bt{width:100%; height:42px; background:#f6f5f5; float:left; margin:0; }

.s_show1_bt font{padding:0 20px;float:left; background:#1959b3;  font-size: 18px; color: #fff;  text-align: left;  line-height:40px; font-weight: bold; }


.s_show2{width:716px; float:left; margin:10px 0  10px 0;  font-size: 14px; color: #333;  text-align: left;  line-height:30px; font-weight: normal;  }

.s_show2_bt{width:100%; height:32px; float:left; margin:0; position:relative; }

.s_show2_bt::after{width:100%; height:1px; float:left; background:#95979a; z-index:0; content:''; position:absolute; left:0; top:0px; margin-top:15px;}

.s_show2_bt font{padding:0 10px;float:left; position:relative; z-index:3; background:#fff;  font-size:14px; color: #1858b2;  text-align: left;  line-height:32px; font-weight: bold; }

.s_show2 img{max-width:100%;}




.s_fenye{width:100%; float:left; margin:20px 0  10px 0; }


.s_fan{width:760px; float:left;}

.s_fan ul{width:780px; float:left;}

.s_fan ul li{width:270px; height:48px; background:#eee; padding:0 30px 0 50px; float:left; margin:10px 40px 0 0;}

.s_fan ul li a{float:left;}

.s_fan ul li a  em{float:left;  width:60px; height:48px; font-size:14px; color: #333;  text-align: left;  line-height:48px; font-weight: normal; font-style:normal;}

.s_fan ul li a  font{float:left;  width:210px; height:48px; font-size:14px; color: #333;  text-align: left;  line-height:48px; font-weight: normal; font-style:normal; text-overflow:ellipsis;  overflow:hidden;}


.s_fan ul li a:hover em,.s_fan ul li a:hover font{color:#1858b2;}



.s_guanyu{ width: 100%; float: left; margin:-5px 0 0 10px; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; }

.s_guanyu img{max-width:100%; display:block; margin:0 auto;}



/*culture*/


.s_culture{width:760px; float:left;}

.s_culture dl{width:760px; float:left;}

.s_culture dl dd{width:760px; height:220px; background:#fff; padding:0px 0 0px 0; float:left; margin:0; border-bottom:1px solid #eee; }


.s_culture dl dd .culbgc{width:760px; height:140px; background:#fff; padding:20px 0 20px 0; float:left; margin:20px 0 20px 0;   }

.s_culture dl dd:hover .culbgc{width:760px; height:140px; background:#ebf2fe; padding:20px 0 20px 0; float:left; margin:20px 0 20px 0;   }

.s_culture dl dd .culbgc img{width:210px; height:140px; float:left; margin:0 20px;}

.s_culture dl dd .culbgc  h5{width:470px; float:left; margin:20px 0 0 10px;  font-size: 18px; color: #1959b3; line-height: 30px; text-align: left; font-weight: bold;}

.s_culture dl dd .culbgc  h5 font{width:100%; float:left; margin:0px 0 0 0px;  font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal;}


/*application case*/


.s_applicat{width:760px; float:left;}

.s_applicat dl{width:760px; float:left;}

.s_applicat dl dd{width:700px; height:auto; background:#eeeeee; padding:30px 30px 30px 30px; float:left; margin:20px 0 10px 0; border-radius:6px;   font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal;   }

.s_applicat dl dd a{color:#333;}

.s_applicat dl dd  font{width:100%; float:left; margin:0px 0 0 0px; font-size: 18px; color: #1959b3; line-height: 40px; text-align: left; font-weight: bold;}



/* Common Solutions */


.s_soluts{width:760px; float:left;}

.s_soluts dl{width:760px; float:left;}

.s_soluts dl dd{width:710px; height:auto; background:#f6f7fb; padding:20px 20px 30px 20px; float:left; margin:20px 0 10px 0; border-radius:0px;   font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal;   }


.s_soluts dl dd .solbt{width:100%; float:left; margin:0px 0 0 0px; font-size: 18px; color: #1959b3; line-height: 40px; text-align: left; font-weight: bold;}


.s_soluts dl dd .solbt h3{width:620px; height:40px; float:left;  font-size:18px; color: #333;  text-align: left;  line-height:40px; font-weight: bold; position:relative; text-overflow:ellipsis; overflow:hidden;}


.s_soluts dl dd .solbt h3::after{width:40px; height:1px; float:left; background:#fc7d12; z-index:0; content:''; position:absolute; left:0; bottom:0px; }




.s_soluts dl dd .solbt font{height:40px; float:right;  font-size:14px; color: #666666;  text-align: left;  line-height:40px; font-weight: normal; position:relative;}



.s_soluts dl dd h4{width:100%; height:40px;  font-size:14px; color: #666666;  text-align: justify;  line-height:20px; font-weight:normal; position:relative; text-overflow:ellipsis; overflow:hidden;}



.s_soluts dl dd:hover{background:#1959b3;}

.s_soluts dl dd:hover  .solbt h3,.s_soluts dl dd:hover  .solbt font,.s_soluts dl dd:hover h4{color:#fff;}

.s_soluts dl dd:hover .solbt h3::after{background:#fff;}



.s_solshow{width:100%; float:left; padding:10px 0; border-top:1px solid #efefef;   font-size:14px; color: #333;  text-align: left;  line-height:28px; font-weight:normal;}


.s_solshow h4{width:100%; height:auto;  font-size:18px; color: #1959b3;  text-align: center;  line-height:30px; font-weight:bold; position:relative;  padding:10px 0 20px 0;}


.s_solshow img{max-width:100%; display:block; margin:0 auto;}



.s_downs{width:100%; float:left;  }

.s_downs dl{width:100%; float:left;  margin:10px 0  10px 0;  }

.s_downs dl dd {width:100%; height:52px; float:left; padding:0 0;  margin:10px 0 10px 0; background:#eeeeee; }

.s_downs dl dd h5 { width:620px; height:52px; float: left; margin: 0px 20px 0 14px; font-size: 16px; color: #333; line-height: 52px; text-align: left; font-weight: normal;  text-decoration:none;  overflow:hidden;}

.s_downs dl dd font { width:auto; height:52px; float: left; margin: 0px 0 0 10px; font-size: 14px; color: #333; line-height: 52px; text-align: left; font-weight: normal;  text-decoration:none;  }

.s_downs dl dd img.ximg1{width:17px; float:left; margin:20px 0 0 5px; display:block;}
.s_downs dl dd img.ximg2{width:17px; float:left; margin:20px 0 0 5px; display:none;}
 
.s_downs dl dd:hover{background:#ecf3fd; }

.s_downs dl dd:hover h5{color:#1959b3; text-decoration:underline; } 
.s_downs dl dd:hover img.ximg1{width:17px; float:left; margin:20px 0 0 5px; display:none;}
.s_downs dl dd:hover img.ximg2{width:17px; float:left; margin:20px 0 0 5px; display:block;}
 


.s_xinws{width:760px; float:left;  }

.s_xinws dl{width:790px; float:left;  margin:10px 0  10px 0;  }

.s_xinws dl dd {width:370px; height:320px; float:left; padding:0 0;  margin:10px 10px 10px 0; background:#f6f7fb; overflow:hidden; }


.s_xinws dl dd img{width:370px; height:210px; display:block; }

.s_xinws dl dd .xwbt{width:330px; height:auto; float:left; margin:14px 0 20px 20px; }


.s_xinws dl dd .xwbt h3{width:240px; height:40px; float:left;  font-size:18px; color: #333;  text-align: left;  line-height:40px; font-weight: bold; position:relative; text-overflow:ellipsis; overflow:hidden;}


.s_xinws dl dd .xwbt h3::after{width:40px; height:1px; float:left; background:#fc7d12; z-index:0; content:''; position:absolute; left:0; bottom:0px; }




.s_xinws dl dd .xwbt font{ float:right;  font-size:14px; color: #666666;  text-align: left;  line-height:40px; font-weight: normal; position:relative;}


.s_xinws dl dd .xwbt  h4{width:330px; height:40px;  font-size:14px; color: #666666;  text-align: left;  line-height:20px; font-weight:normal; position:relative; text-overflow:ellipsis; overflow:hidden; }


.s_xinws dl dd:hover  .xwbt h3{color:#1959b3;}


/*contact*/



.s_contact{ width:100%; float: left; margin:10px 0px 30px 0px; font-size: 16px; color: #333;  text-align: left;  line-height:30px; font-weight: normal; position:relative; 
}


.s_contact  h6{ width:100%; float: left; margin:10px 0px 10px 0px; font-size:18px; color: #333;  text-align: left;  line-height:40px; font-weight: normal; position:relative; 
}
.s_company_map{width:100%;height:368px ;float:left;margin:10px 0 40px 0px;overflow:hidden;position: relative;}


.s_company_map  iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;
}
 

/*gbook*/

.s_gbook{ width:790px; float: left; padding:20px 0; border-top:2px solid #c9c9c9; margin:10px 0px 30px 0px; font-size: 16px; color: #333;  text-align: left;  line-height:30px; font-weight: normal; position:relative; 
}

.s_gbook  h6{ width:100%; float: left; margin:20px 0px 10px 0px; font-size:16px; color: #333;  text-align: left;  line-height:40px; font-weight: normal; position:relative; 
}



.tabt1
{
    width:360px;
    height:58px;
    float:left; padding-left:20px;
    background:#eeeeee; margin:10px 20px 10px 0;
    border:1px solid #eeeeee; font-size:14px; color:#333; line-height:58px\9; line-height:58px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}


.tabt2
{
    width:360px;
    height:58px;
    float:right; padding-left:20px;
    background:#eeeeee; margin:10px 0px 10px 0;
    border:1px solid #eeeeee; font-size:14px; color:#333; line-height:58px\9; line-height:58px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}



.tabt3
{
    width:750px;
    height:166px;
    float:left; padding:20px;
    background:#eeeeee; margin:10px 0px 10px 0;
    border:1px solid #eeeeee; font-size:14px; color:#333; line-height:58px\9; line-height:30px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}





.tabt4
{
    width:220px;
    height:58px;
    float:left; padding:0px;
    background:#1959b3; margin:10px 0px 10px 0;
    border:1px solid #1959b3; font-size:18px; color:#fff;  line-height:58px; text-align:center; font-weight:normal; cursor:pointer; overflow:hidden;
}





.quotes { PADDING:0px; MARGIN: 1px; TEXT-ALIGN: right; float: right;}

.quotes ul  li{
    float: left;  }
.quotes ul  li  span{   margin:6px 3px 4px 3px;  padding:2px 8px;  BORDER: #efefef 1px solid; background: #fff;  float: left; font-family: Arial; font-size: 12px; COLOR: #333; TEXT-DECORATION: none; border: none; background: #fff; text-align:center; }

.quotes ul  li A { margin:6px 3px 4px 3px;  padding:2px 8px;  BORDER: #efefef 1px solid; background: #fff;   float: left;  font-family: Arial; font-size: 12px; COLOR: #333; TEXT-DECORATION: none;  text-align:center;    }
.quotes ul  li:hover a{   float: left;  font-family: Arial; font-size: 12px; color: #fff; border: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }
.quotes ul  li.active a{  float: left; font-family: Arial; font-size: 12px; color: #fff; border: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }
.quotes ul  li.active span{  margin:6px 3px 4px 3px;  padding:2px 8px;  float: left; font-family: Arial; font-size: 12px; color: #fff; border: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }

.quotes ul  li  SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 12px; COLOR: #fff; BORDER: #ff8a30 1px solid; BACKGROUND-COLOR: #ff8a30; }
.pl1-b  font.disabled { line-height: 40px;
    float: left;  margin:6px 3px 4px 3px;   padding:2px 0px;  font-family: Arial; font-size: 14px; COLOR: #222; text-align:left; float:left; border:none; }







