body{font-family:"Microsoft YaHei"}
@font-face {
  font-family: 'iconfont';  /* project id 1041754 */
  src: url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.eot');
  src: url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.woff') format('woff'),
  url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1041754_hv22n5gkp2c.svg#iconfont') format('svg');
}
.w_1226{width: 1226px;margin: 0 auto;}
.mainBox{min-width: 1226px;margin: 0 auto;}
.header .header_top{margin-top: -180px;top: 180px;position: absolute;width: 100%;background: #fff;
transition: all ease-in-out 0.5s;
padding-top: 30px;
transition: margin 0s linear;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.header .w_1226{position: relative;}
.header{width: 100%;transition: all ease-in-out 0.3s;min-width: 1226px;}
.header .indLogo{display: inline-block;width: 185px;height: 50px;background: url(/images/logo.png) no-repeat 0 0;margin-top: -10px;}
.header .indSearch input{width: calc(100% - 67px);height: 40px;border-radius: 3px;padding: 0 10px;font-size: 18px;color: #888;background: #f5f5f5;}
.header .indSearch input::-moz-placeholder{font-size: 15px;color: #666;}
.header .indSearch input::-ms-input-placeholder{font-size: 15px;color: #666;}
.header .indSearch input::-webkit-input-placeholder{font-size: 15px;color: #666;}
.header .indSearch{display: inline-block;position: relative;top: -15px;margin-left: 30px;width:44.2%;}
.header .indSearch button{width: 70px;height: 40px;background: #448aff;float: right;margin-left: -3px;position: relative;border-radius: 3px;}
.header .indSearch button em{background: url(/images/icon1.png) no-repeat 0 bottom;display: inline-block;width: 27px;height: 25px;margin-top: 2px;}
.header .header_r{float: right;color: #ffea00;font-size: 21px;margin-top: -19px;position: absolute;right: 0;}
.header .header_r a{font-size: 16px;float: right;position: absolute;right: 0;top: -30px;color: #333;}
.header .header_r a:hover{color: #f1881f;}
.header .header_r p{float: left;margin-left: 25px;font-size: 16px;color: #333;line-height: 25px;font-weight: 600;}
.header .header_r p i{display: inline-block;width: 30px;height: 26px;float: left;}
.header .header_r p i.icon_e{background: url(/images/icon1.png) no-repeat 0 0;}
.header .header_r p i.icon_t{background: url(/images/icon1.png) no-repeat 0 -25px;}
.header_nav{padding: 95px 0 5px;}
.header_nav ul li{float: left;position: relative;margin-right: 35px;height: 40px;}
.header_nav ul li a em{display: inline-block;width: 17px;height: 10px;background: url(/images/icon1.png) 0 -52px;/*! float: r; */padding-top: 10px;margin-left: 10px;}
.header_nav ul li a{color: #333;font-size: 15px;width: 100%;display: inline-block;height:50px;}
.header_nav ul li a:hover{color: #f1881f;}
.header_nav ul li .hidden_m{position: absolute;background: #fff;padding: 10px 20px;border-radius: 3px;
left: -50%;margin-top: 10px;z-index:10;display:none;
box-shadow: 0 5px 7px #b3b3b3;top:30px;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out;}
.header_nav ul li .hidden_m h5 a{font-size: 14px;line-height: 30px;color: #555;font-weight: normal;height:30px;}
.header_nav ul li .hidden_m h5 a:hover{color: #f29318;}
.header_nav ul li .hidden_m  i{font-size: 18px;color: #fff;display: inline-block;width: 14px;height: 9px;position: absolute;top: -13px;left: 50%;transform: translateX(-50%);}
.header_nav ul li .hidden_m.visib{top: 20px;display:block;}
.header.change .indLogo{background: url(/images/logo.png) no-repeat 0 -60px;width: 125px;height: 30px;position: relative;top: -11px;}
.header.change{width: 100%;/top: 0;z-index: 9;}
.header.change .header_nav{opacity: 0;filter: alpha(opacity=0);}
.header.change .header_r{margin-top: -22px;position: inherit;}
.header.change  .header_top {margin-top: 0;top: 0;position: fixed;z-index: 99;transition: margin .3s ease-out;min-width: 1226px;box-shadow: 0 0 5px #ddd;}
.header.change  .header_top .w_1226{padding-left: 70px;position: relative;}
.header.change .header_r a{position: inherit;top: 0;}
.hiddenMenu{display: none;}
.header.change .hiddenMenu{display: block;}
.hiddenMenu .nav-icon{position: absolute;top: -17px;left: 0;display: block;width: 50px;height: 45px;cursor: pointer;background: #0099ff;}
.nav-icon:after, .nav-icon:before, .nav-icon span {content: ""; width: 30px; height: 4px;background-color: #fff;
    border-radius: 3px; position: absolute;left: 10px; transition: all .3s ease-out;top: 21px;}
.nav-icon:before{top: 11px;}
.nav-icon:after{top: 30px;}
.nav-icon.click span{opacity: 0;}
.nav-icon.click:before{top: 21px;transform: rotate(-45deg);}
.nav-icon.click:after{top: 21px;transform: rotate(45deg);}
.hiddenMenu .menuBox{position: absolute;left: 0;top: 40px;background: #fff;padding: 5px 15px 0px;display: none;
border-radius: 0 0 3px 3px;z-index: 9;box-shadow: 0 0 5px #a7a7a7;width: 280px;}
.hiddenMenu .menuBox li a{font-size: 16px;line-height: 40px;color: #333;display: inline-block;width: 100%;
border-bottom: 1px #eaeaea solid;padding-right: 60px;position: relative;padding-left: 5px;}
.hiddenMenu .menuBox li a:hover{background: #f9f9f9;color: #0099ff;}
.hiddenMenu .menuBox li a:hover i{color:#0099ff ;}
.hiddenMenu .menuBox li a i{font-size: 20px;color: #999;float: right;position: absolute;right: 0;}
.hiddenMenu .menuBox li{line-height: 40px;}
.hiddenMenu .menuBox li .twoMenu a{font-size: 16px;color: #888;}
.hiddenMenu .menuBox .twoMenu{display: none;}
.indBan{text-align: center;height: 500px;background: url(/images/banner.jpg) no-repeat center center;}
.indBan h2{font-size: 80px;padding-top: 80px;color: #e76e28;margin-bottom: 10px;}
.indBan p{font-size: 21px;color: #212121;line-height: 32px;}
.indBan a{display: inline-block;width: 130px;height: 40px;border-radius: 3px;background: #2d2d2d;line-height: 40px;color: #fff;
font-size: 18px;margin-top: 20px;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out;}
.indBan a:hover{background: #000;}
.indBox1 {background: #fff;margin-top: 30px;}
.indBox1 .imgBox{float: left;}
.indBox1 .textBox{width: 550px;float: left;margin-top: 0;position: relative;padding-left: 15px;}
.indBox1 .textBox p{font-size: 14px;line-height: 26px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;max-height: 182px;}
.indBox1 .textBox h4 strong{font-weight: bold;font-size: 20px;margin-right: 10px;color: #333;}
.indBox1 .textBox h4{color: #888;font-size: 14px;margin-bottom: 10px;}
.indBox2 .ind2_swiper .swiper-slide .imgBox img{max-width: 100%;max-height: 100%;transition: all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s ;-ms-transition:all ease-in-out 0.3s ;-moz-transition:all ease-in-out 0.3s ; } 
.indBox2 .ind2_swiper .swiper-slide:hover img{transform: scale(1.05);-webkit-transform:scale(1.05) ;-moz-transform:scale(1.05) ;-ms-transform:scale(1.05);} 
.indBox2{margin-top: 30px;position: relative;} 
.indBox2{margin-top: 30px;}
.indBox2 .pubTit{margin-bottom: 20px;}
.indBox2 ul{margin: 0 -12px;}
.indBox2 ul li{float: left;padding: 0 12px;}
.indBox2 ul li .imgBox{border: 1px #dedede solid;}
.indBox2 ul li h2{font-size: 18px;font-weight: bold;margin-top: 15px;color: #333;text-align: center;}
.indBox2  .ind2ArrL i, .indBox2  .ind2ArrR i{font-size: 20px;color: #0c50bb;font-weight: bold;
display: inline-block;width: 34px;height: 34px;border: 2px #0c50bb solid;border-radius: 100%;
text-align: center;line-height: 32px;transition: all ease-in 0.3s;} 
.indBox2  i:hover{color: #fff;background: #0c50bb;}
  .ind2ArrL.swiper-button-disabled i,
  .ind2ArrR.swiper-button-disabled i{border: 2px solid #ccc;width: 34px;height: 34px;border-radius: 100%;line-height: 32px;text-align: center;color: #ccc;}
   .swiper-button-disabled i:hover{color: #ccc;background: none;}   
.pubTit{font-size: 26px;text-align: left;margin-bottom: 30px;color: #000;}      
.swiper-button-next.ind2ArrR,.swiper-button-prev.ind2ArrL {position: absolute;top: 3px;z-index: 10;cursor: pointer;}      
.swiper-button-next.ind2ArrR{left: 200px;    width: 34px;}      
.swiper-button-prev.ind2ArrL{left: 150px;}      
.indBox2  .ind2_swiper .swiper-slide .textBox{padding: 25px 10px 30px;}  
.indBox2  .ind2_swiper .swiper-slide .imgBox{height: 200px;overflow: hidden;display: flex;align-items: center;
justify-content: center; border: 1px #eee solid;padding: 10px;text-align: center;}
.indBox2  .ind2_swiper .swiper-slide .textBox h3 a{font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;
transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;display:block;}      
.indBox2  .ind2_swiper .swiper-slide .textBox h3  a:hover{color: #ff8a00;}
.indBox2  .ind2_swiper .swiper-slide .textBox p{font-size: 14px;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;display: inline;}     
.indBox2  .ind2_swiper .swiper-slide .textBox b{font-weight: normal;}
.ind2_swiper .textBox ul li{width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 24px;} 
.indBox3{margin-top: 30px; } 
.ind3Cot{background:url(/images/ind3Img1.jpg) no-repeat;height: 390px;}  
.indBox4 .ind4_swiper .swiper-slide .imgBox img{width: 100%;transition: all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s ;-ms-transition:all ease-in-out 0.3s ;-moz-transition:all ease-in-out 0.3s ;}  
.indBox4 .ind4_swiper .swiper-slide:hover img{transform: scale(1.05);-webkit-transform:scale(1.05) ;-moz-transform:scale(1.05) ;-ms-transform:scale(1.05);}
.indBox4{margin-top: 30px;position: relative;} 
.indBox4  .ind4ArrL i, .indBox4  .ind4ArrR i{font-size: 20px;color: #0c50bb;font-weight: bold;
display: inline-block;width: 34px;height: 34px;border: 2px #0c50bb solid;border-radius: 100%;
text-align: center;line-height: 32px;transition: all ease-in 0.3s;cursor: pointer;} 
.indBox4  i:hover{color: #fff;background: #0c50bb;}
.ind4ArrL.swiper-button-disabled i,
.ind4ArrR.swiper-button-disabled i{border: 2px solid #ccc;width: 34px;height: 34px;border-radius: 100%;line-height: 32px;text-align: center;color: #ccc;}
.swiper-button-disabled i:hover{color: #ccc;background: none;}   
.swiper-button-next.ind4ArrR,.swiper-button-prev.ind4ArrL {position: absolute;top: 0px;z-index: 10;cursor: pointer;}      
.swiper-button-next.ind4ArrR{left: 180px;width: 34px;}      
.swiper-button-prev.ind4ArrL{left: 130px;} 
.indBox4  .textBox p{color: #333;font-size: 16px;line-height: 22px;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 44px;font-weight: bold;}
.indBox4  .textBox p:hover{color: #f1881f;}
.indBox4  .textBox h5{font-size: 15px;color: #999;}
.indBox4 .swiper-slide  .imgBox{max-height: 250px;overflow: hidden;}
/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢*/
.neiBan{height: 360px;width: 100%; }
.neiBan span{background: #2d2d2d}
.quaBan_tex  h2{width: 650px;font-size: 24px;line-height: 40px;color: #333;padding:135px 0 0 100px;}
.neiBan h2 span{font-size: 50px;  color: #fff;margin-bottom: 10px;padding: 15px 25px;line-height: 90px;}
.neiBan p span{color: #ffea00;font-size: 18px;padding: 13px 25px;line-height: 30px;}
.Crumbs li{color: #666;height: 50px;line-height: 50px;margin: 0 -6px;font-size:14px;}
.Crumbs a{font-size: 14px;color: #666;padding: 0 6px;}
.Crumbs a:hover{color: #f1881f;}
.qualityBox1{text-align: center;}
.qualityBox1 .pubTit{margin-bottom: 20px;text-align: left;}
.qualityBox1 h5{font-size: 18px;color: #333;font-style: italic;}
.qualityBox1 .line{display: inline-block;width: 1px;height: 32px;background: #e76e28;margin: 20px 0 10px;}
.qualityBox1 p{font-size: 14px;color: #666;line-height: 26px;text-align: left;}
.qualityBox2 {background: #eee;padding: 30px;text-align: left;color: #fff;margin-top: 30px;}
.qualityBox2 h2{font-size: 28px;margin-bottom: 20px;color: #333;}
.qualityBox2 p{font-size: 14px;color: #fff;line-height: 26px;margin-top: 0px;color: #555;}
.about_box1{padding: 40px 0;position: relative;}
.about1_left { width: 445px;float: left;}
.about1_pic1 {width: 445px;overflow: hidden;height: 0;position: relative;z-index:1;height: 240px;}
.about1_pic1 img {width: 100%; position: absolute;top: 0; left: 0;  transition: all 0.3s linear;}
.about1_right {float: left;width: 490px; margin-top: 0;padding-left: 40px;}
.about1_bot {float: right;width: 40%;}
.about1_tit {margin-bottom: 10px;}
.about1_tit h3 {font-size: 26px;line-height: 30px;color: #333; margin: 0;}
.about1_tit:after { content: '';display: inline-block;width: 58px; height: 4px;background-color: #f1881f;margin: 10px 0 5px;}
.about1_wz p {font-size: 14px;line-height: 28px;}
.about1_wz p span {color: #8fc31f;font-size: 20px;letter-spacing: 1px;display: block; margin-bottom: 8px;}
.about1_btn a { display: inline-block; width: 198px;height: 42px;font-size: 14px;line-height: 38px;border: 2px solid #f39800;
    border-radius: 35px; text-align: center;text-transform: capitalize;color: #f39800;background: transparent;transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.about1_btn a:hover{background:#f39800;color:#fff;	transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.about1_bot {float: right;width: 100%; margin-top:10px;position:relative;}
.about1_wz h4{font-size: 18px;color: #666;margin-bottom: 10px;}
.about1_wz h5{font-size: 14px;color: #666;line-height: 24px;}
.about1_bot p{font-size: 14px;line-height: 24px;color: #666;/*! padding-left: 60px; */}
.boxL{width: 240px;float: left;}
.boxR{padding-left: 20px;width: 970px;float: right;}
.about_box2 {/*! margin-top: 30px; */}
/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢*/
.newsBox ul li{width: 33.33%;float: left;padding: 0 10px;margin-bottom: 30px;height: 285px;}
.newsBox ul li .imgBox{height: 195px;}
.newsBox ul li .imgBox img{max-width: 100%;max-height: 100%;}
.newsBox ul li .txtBox p{color: #333;font-size: 15px;line-height: 24px;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 48px;}
.newsBox ul li .txtBox p:hover{color:#f1881f;}
.newsBox ul li .txtBox h5{color: #999;font-size: 15px;margin-top: 5px;}
/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬*/
.contactBox form{width: 730px;float: left;margin-top: 30px;}
.contactBox label{width: 345px;display: inline-block;margin-bottom: 20px;}
.contactBox label sup{color: #f00;margin-left: 5px;font-size: 16px;}
.contactBox label span{color: #333;font-size: 14px;}
.contactBox label input{height: 40px;border: 1px #cccccc solid;width: 100%;margin-top: 20px;padding: 0 10px;}
.contactBox label textarea{font-size: 14px;font-family: arial;width: 730px;height: 100px;border: 1px #ccc solid;
padding: 10px;margin-top: 20px;}
.contactBox form p{color: #999;font-size: 14px;}
.contactBox form p i{color: #f00;font-size: 16px;}
.contactBox .sendBtn{background: #f1881f;color: #fff;font-size: 20px;width: 132px;height: 40px;border-radius: 50px;display: inline-block;text-align: center;line-height: 40px;margin-top: 30px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
.contactBox .sendBtn:hover{background: #e15700;}
.contactBox .contact_r{padding-top: 30px;float: right;width: 400px;}
.contactBox .contact_r h2{color: #f1881f;font-size: 20px;line-height: 30px;/* margin-bottom: 35px; */}
.contactBox .contact_r p{color: #666;font-size: 14px;line-height: 30px;}
.contactBox .contact_r p b{font-weight: normal;}
.conBan_txt h2{width: 620px;font-size: 24px;line-height: 40px;color: #333;}
/*Ã¤ÂºÂ§Ã¥â€œÂ*/
.pro_l{width: 240px;float: left;}
.pro_l .pro_tit{background: #4b7dc0;padding: 20px;}
.pro_l .pro_tit h2{font-size: 28px;display: inline-block;color: #fff;float: left;margin-right: 10px;font-weight: bold;}
.pro_l .pro_tit span{color: #fff;font-size: 12px;}
.pro_l .pro_b{background: #f9f9f9;padding: 20px;}
.pro_l .pro_b li a i{display: inline-block;float: right;width: 10px;height: 9px;margin-top: 17px;background: url(/images/icon1.png) no-repeat 0 -52px;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;}
.pro_l .pro_b li a{font-size: 15px;width: 100%;display: inline-block;color: #555;line-height: 40px;}
.pro_l .pro_b li a.click1{font-weight:bold;color:#f1881f;}
.pro_l .pro_b li a:hover{color: #f1881f;}
.pro_l .pro_b li .pro_hidden a{font-weight:normal;text-indent: 20px;overflow:  hidden;text-overflow:  ellipsis;white-space:  nowrap;}
.pro_l .pro_b li .pro_hidden a.click1{color:#f1881f;}
.pro_l .pro_b li.curr a{color: #f1881f;}
.pro_l .pro_b li.curr h5 a{color: #888;}
.pro_l .pro_b li.curr a i{transform: rotate(180deg);}
.pro_l .pro_b li h5 a{color: #888;}
.pro_l .pro_b li h5 a:hover{color: #888;}

.pro_r{padding-left: 20px;width: 970px;float: left;}
.pro_r .pro_r_t .pro_search{float: right;}
.pro_r .pro_r_t span{font-size: 20px;font-weight: bold;}
.pro_r .pro_r_t .pro_search input{width: 330px;height: 34px;border-radius: 3px;border: 1px #ddd solid;padding: 0 10px;line-height: 34px;}
.pro_r .pro_r_t .pro_search  a{width: 40px;height: 34px;background: #f54221;float: right;margin-left: -3px;position: relative;border-radius: 3px;}
.pro_r .pro_r_t .pro_search  a em{background: url(/images/icon1.png) no-repeat -36px bottom;display: inline-block;width: 27px;height: 25px;margin-top: 4px;margin-left: 8px;}
.pro_r .pro_r_b ul{margin: 0 -7px;}
.pro_r .pro_r_b li{width: 33.33%;float: left;margin-top: 20px;padding: 0 7px;height: 290px;}
.pro_r .pro_r_b .imgBox{padding: 10px;background-size: contain;height: 170px;	border: 1px #eee solid;text-align: center;vertical-align: middle;line-height: 139px;align-items: center;justify-content: center;}
.pro_r .pro_r_b .imgBox:hover{box-shadow: 0 0 5px #eee;}
.pro_r .pro_r_b .imgBox img{max-width: 100%;max-height: 100%;}
.pro_r .pro_r_b .txtBox{background: #f9f9f9;padding: 10px 15px;}
.pro_r .pro_r_b .txtBox {font-size: 15px;color: #555;}
.pro_r .pro_r_b .txtBox p{display: inline-block;font-size: 14px;}
.pro_r .pro_r_b .txtBox h4{color: #4b7dc0;font-weight: 600;cursor: pointer;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;}
.pro_r .pro_r_b .txtBox h4:hover{color: #f1881f;}
.pro_r .pro_r_b .txtBox h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;font-size: 14px;}
.pageBox{margin-top: 30px;}
.pageBox ol li{float: left;}
.pageBox{font-size: 16px;color: #555;}
.pageBox ol{display: inline-block;float: left;margin:0 10px ;    margin-top: -3px;}
.pageBox ol li{text-align: center;margin-right: 5px;}
.pageBox ol li a{font-size: 14px;padding: 0 10px;height: 24px;background: #f2f2f2;line-height: 24px;display: inline-block;}
.pageBox ol li a.active1{background: none;color: #ff8a00;}
.pageBox  h5{display: inline-block;font-size: 16px;color: #888;float: left;}
.pageBox  h5 strong{font-weight: bold;color: #333;}
.pageBox  h5 em{color: #333;}
.pageBox .nextBtn{float: left;}
/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬*/
.aboBox1 {margin-top: 0px;}
.aboBox1 h2{text-align: left;font-size: 34px;margin-bottom: 40px;}
.aboBox1 h2 span{border-bottom:3px #e86e28 solid ;}
.aboBox1  p{color: #333;font-size: 14px;line-height: 28px;}
.aboBox2{background:#4a7ec0;padding: 25px 0;margin-top: 60px;position: relative;padding-left: 220px;}
.aboBox2 .w_1226{position: relative;padding-left: 280px;}
.aboBox2 h3{font-size: 26px;color: #fff;line-height: 42px;position: absolute;top: 50%;transform: translateY(-50%);left: 30px;}
.aboBox2 ul{padding: 10px 0px 10px 30px;border-left: 1px #ffea00 solid;}
.aboBox2 li{color: #ffea00;font-size: 16px;padding: 5px 0;}
.aboBox3{margin-top: 30px;}
.aboBox3 h2{color: #000;font-size: 34px;text-align: left;margin-bottom: 30px;}
.aboBox3 ul{margin-right: -10px;}
.aboBox3 ul li{width: 49%;float: left;height: 260px;padding: 0 3px;margin-bottom: 6px;color: #fff;font-size: 34px;display: flex;align-items: center;justify-content: center;margin-right: 6px;}
.boxL_tit{background: #4b7dc0;padding: 20px;}
.boxL_tit h2{font-size: 24px;display: inline-block;color: #fff !important;float: left;margin-right: 10px;font-weight: bold;}
.boxL_tit span{color: #fff;font-size: 12px;}
.boxL .box_b{background: #f9f9f9;padding: 20px 25px 80px;}
.boxL .box_b li a{font-size: 16px;width: 100%;display: inline-block;color: #555;line-height: 46px;}
.boxL .box_b li a:hover{color: #f1881f;}






/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ*/
.proMain {margin-top:10px;}
.proDetailBox {margin-top: 30px;position: relative;}
.proDetailBox .textBox{float: left;max-width: 800px;}
.proDetailBox .textBox h2{color: #000;font-size: 24px;width:550px;line-height:36px;}
.proDetailBox .textBox h3{color: #e76e28;font-size: 18px;margin-top: 10px;}
.proDetailBox .textBox h5{font-size: 14px;color: #333;display: inline-block;width: 150px; float:left}
.proDetailBox .textBox p{font-size: 14px;color: #333;position: relative;display: inline-block;}
.proDetailBox .textBox ul{margin-top: 20px;width: 550px;}
.proDetailBox .textBox ul li{line-height: 32px;}
.proDetailBox .imgBox{width: 360px;height: 240px;background-position: center center;background-repeat: no-repeat;border: 1px #dedede solid;background-size:80%;
padding: 10px; background-size: contain;float:right;}
.proDetailBox .inquiryBtn{display:inline-block; padding: 10px 25px;background: #4b7dc0;border-radius: 5px;font-size: 16px;color: #fff;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;margin: 20px 0 20px 150px;}
.proDetailBox .inquiryBtn span{display:inline-block;width:24px;height:16px;margin-right: 8px;vertical-align:  middle;margin-top: -4px;}
.proDetailBox .inquiryBtn:hover{background:#245dbd;}
.proYt .proPh ul{width: 100%;border: 1px #ddd solid;border-bottom: none;border-left: none;}
.proYt .proPh ul li{float: left;width: 20%;font-size: 14px;color: #666;line-height: 36px;border-left: 1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center;}
.proYt .pro_h3{font-size: 16px;color: #000;font-weight: 600;margin: 30px 0 15px;}
.proYt .proYtDetail p{font-size: 14px;color: #666;line-height: 28px;}
.proYt  .proBz p{font-size: 14px;color: #666;line-height: 28px;}
.otherPro{margin-top:50px;}
.otherPro .pro_r{float:none;padding:0;}
.otherPro .othTit{font-size:20px;font-weight:bold;}

/* 2019-5-6*/

.proDetailBox .detailBtm h5{font-size:16px;color:#333;font-weight:bold;margin:30px 0 20px;}
.proDetailBox .detailBtm p{font-size: 14px;color:#a2a0a0;line-height:24px;}


.fixBox .fixForm{width: 340px;position:fixed;right:  60px;bottom:20px;background: #f7f7f7;border-radius:3px;display:none;padding-top: -2px;margin-top: -2px;z-index:10;}
.fixBox .fixForm h2{ba;background: url(../images/cn_fixBoxBg.png) no-repeat 0 0;width: 341px;height: 35px;margin-top: -1px;margin-left: -1px;}
.fixBox .fixForm h2 span{display:inline-block;width:50px;height:35px;float:right;cursor:pointer;}
.fixBox .fixForm form{padding:20px 15px;}
.fixBox .fixForm form p{color:#333;font-size:14px;line-height:24px;    margin: 5px 0;}
.fixBox .fixForm form input{width:100%;height:36px;padding:0 10px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    background: #eeeff0;}
.fixBox .fixForm form textarea{width:100%; height:80px;border-radius:3px;  background: #eeeff0;padding:10px;}
.fixBox .fixForm form .submitBtn{background: url(../images/cn_fixBoxBg.png) no-repeat 0 -37px;display:inline-block;width: 311px;height:38px;    margin-top: 11px;}
.fixBox .inqBtn2{background: url(../images/cn_fixBoxBg.png) no-repeat 0 -76px;width: 170px;height:53px;position:  fixed;right:  60px;bottom: 20px;cursor:pointer;z-index:9;}

/* 应用*/
.siliconBox h5{font-size:18px;color:#4b7dc0;margin:20px 0;}
.siliconBox strong{font-size:14px;color:#4b7dc0;font-weight:bold;}
.siliconBox p{font-size:14px;color:#666;line-height:24px;}
/*询盘*/
.inquiryBox {margin-top: 40px;width: 100%;padding:  30px;background: #f9f9f9;}
.inquiryBox form{width:580px;}
.inquiryBox label{display:inline-block;width:100%;}
.inquiryBox label span{display:inline-block;width:80px;font-size:14px;color:#666;    float: left;height:36px;line-height:36px;}
.inquiryBox label input{width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border: 1px #dedede solid;height:36px;line-height:36px;margin-bottom:10px;padding:0 10px;}
.inquiryBox label textarea{overflow: hidden;width: 400px;text-align: left; height: 100px;border: 1px #dedede solid;padding:10px;}
.inquiryBox label .submitBtn{font-size: 18px;display:inline-block;padding:8px 30px;border-radius: 3px;background:#f1881f;color:#fff;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;margin-top:10px;}
.inquiryBox label .submitBtn:hover{background:#e15700;}
.inquiryBox label p{color:#999;font-size:13px;padding-left:60px;    padding-left: 110px;margin-bottom: 10px;}
.inquiryBox form h2{margin-bottom:30px;font-size:24px;}
/*弹框*/
.tkBox { background: #fff; padding: 50px 110px;margin:0 auto;width:580px;margin-top:50px;    border-radius: 5px;}
.tkBox h2{background: url(../images/tkImg.png) no-repeat 0 0;width: 195px;height: 53px;margin:0 auto;}
.tkBox span.tkClose{display:inline-block;width:30px;height:30px;background: url(../images/tkImg.png) no-repeat -225px -26px;    float: right;margin: -20px -70px 0 0;cursor:pointer;}
.tkBox h3{text-align: center;font-size: 22px;margin: 15px 0 30px;}
.tkBox form label input[type="text"]{border:1px #9d9fa2 solid;width:360px;height:42px;border-radius:5px;padding:0 10px;}
.tkBox form label {margin-bottom:15px;}
.tkBox form label input[type="radio"]{margin-left:10px;vertical-align: -2px;}
.tkBox form label p{font-size:14px;color:#9d9fa2;    margin: 17px 0 10px;}
.tkBox form label textarea{border:1px #9d9fa2 solid;width:360px;height:70px;border-radius:5px;    padding: 10px;
    font-family: arial;}
.tkBox form .tkBtn{width:360px;height:42px;font-size:18px;color:#fff;text-align:center;background:#4b7dc0;border-radius:5px;display:block;margin-top:20px;line-height:42px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
.tkBox form .tkBtn:hover{background:#245dbd;}
/*遮罩*/
.tkMain{position: fixed;width: 100%;height: 100%;  top: 0;left: 0;  z-index: 109;bottom:0;right:0;display:none;}
.mask{position: fixed;width: 100%;height: 100%;   background: #000;top: 0;left: 0; opacity: 0.4; z-index: 99;bottom:0;right:0;display:none;}

/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ*/
.jobBox1{background: #f2f2f2;padding: 60px 0 160px;}
.jobBox1 .w_1226{position: relative;}
.jobBox1 .textBox{width: 520px;float: left;margin-top: 30px;}
.jobBox1 .textBox h2{font-size: 32px;color: #000;margin-bottom:30px;}
.jobBox1 .textBox p{color: #666;font-size: 18px;line-height: 28px;}
.jobBox1 .textBox1{width: 380px;position: absolute;right: 0;bottom:-110px;text-align: right;}
.jobBox1 .textBox1 h2{font-size: 30px;color: #000;color: #0c50bb;}
.jobBox1 .textBox1 span{display: inline-block;width: 50px;height: 4px;background: #0c50bb;margin: 5px 0 3px;}
.jobBox1 .textBox1 p{color: #666;font-size: 18px;}
.jobBox1 .imgBox{float: right;}
.jobBox2 ul{margin: 0 -20px;}
.jobBox2 ul li{padding: 0 20px;float: left;width: 33.33%;}
.jobBox2 ul li a{position: relative; padding: 60px 20px;display: inline-block;}
.jobBox2{margin-top: 60px;}
.job2Bg {position: absolute;overflow: hidden;top: 0;left: 0; width: 100%; height: 230px;background-size: cover;
    background-position: center center;transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -webkit-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);-moz-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -ms-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97); -o-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);background-size: cover;} 
.job2_txt {position: relative;background: #fff;box-shadow: 0 30px 44px 0 #f5f5f5;
    width: 100%;padding: 15px 25px;top: 0;transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -webkit-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);-moz-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -ms-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);-o-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);}
.job2_txt h2 {margin: 0 0 15px;border-bottom: solid 1px #eee; color: #e76e28;}
.job2_txt h2:after {content: "";display: table;clear: both;}
.job2_txt h3 { margin: 0 0 10px;font-weight: 700;font-size: 14px;line-height: 22px; color: #0c50bb;text-transform: uppercase; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
span.job2_ico {float: left;font-size: 22px;line-height: 70px;font-weight: bold;color: #e76e28; max-width: calc(100% - 40px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
span.job2_ico img {width: auto;height: 60px;}
span.job2_arr {float: right;padding-top: 21px;}
span.job2_arr img {width: auto;height: 18px;}
.job2_txt .textMain {height: 96px;overflow: hidden;}
.job2_txt .textMain h5{font-size: 14px;line-height: 24px;color: #666;}
.job2_txt p {margin: 0;font-size: 14px;line-height: 24px;color: #666;}
.job2_txt h6 {margin: 15px 0 0;font-size: 12px;line-height: 24px;font-weight: bold;color: #aaa;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jobBox2 ul li a:hover .job2Bg {top: 30px;}
.jobBox2 ul li a:hover .job2_txt {top: -80px;}
.jobBox3 ul{margin: 0 -15px;}
.jobBox3 ul li{width: 25%;float: left;padding: 0 15px;}
.jobBox3 ul li img{width: 100%;}
.job3_swiper .imgBox img{width: 100%;}
.swiper-button-prev.job3ArrL {left: calc(50% + 140px);}
.swiper-button-next.job3ArrR {right: calc(50% - 220px);}
.job_detail {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;visibility: hidden;}
.job_detail.active{visibility: visible;}
.job_detailMain {position: relative;height: 100%;}
.jobDetail_img {background-size: cover;background-position: center center;filter: blur(10px); top: -15px;left: -15px; bottom: -15px;right: -15px;position: absolute;z-index: 2;opacity: 0.2;}
.jobDetail_bg {background-color: #1d427a;position: absolute; z-index: 1;width: 100%;height: 100%;bottom: 0;left: 0;}
.job_detailIn {background: #fff;padding: 65px;width: 90%;max-width: 1080px; min-height: 50vh;max-height: 90vh;margin: 0 auto;position: relative;z-index: 99;}
.jobDetail_img {opacity: 0;transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74) , background-image 0s;-webkit-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74) , background-image 0s;-moz-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74) , background-image 0s;-o-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74) , background-image 0s;transition-delay:0.1s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;}
.jobDetail_bg {height: 0;transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);-webkit-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);-moz-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);-o-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);transition-delay:0.6s;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;}
.job_detail.active .jobDetail_bg {height: 100%; transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;}
.job_detailIn .row {opacity: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.job_detailIn { transform-origin: bottom;  transform: scale(1,0); -webkit-transform: scale(1,0);-moz-transform: scale(1,0);-o-transform: scale(1,0);transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);
    -webkit-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);-moz-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74);
    -o-transition: all 0.5s cubic-bezier(0.78, 0.24, 0.28, 0.74); transition-delay:0.3s;-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;}
.job_detail.active .job_detailIn {transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1); transition-delay:0.3s;
    -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
.job_detail.active .job_detailIn .row{transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition-delay:0.7s;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;opacity:1;}
.job_detail.active .jobDetail_img{opacity:0.2; transition-delay: 0.9s;-webkit-transition-delay: 0.9s;-moz-transition-delay: 0.9s;-o-transition-delay: 0.9s;}
.tables {display: table;width: 100%; height: 100%;}
.table_cell {display: table-cell;vertical-align: middle;}
.job_detailIn .textBox {opacity: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.job_detail.active .job_detailIn .textBox{ transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
  transition-delay:0.7s; -webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;opacity:1;}
.job_detailIn h2 .detail_ico{font-size: 24px;color: #e76e28;max-width: calc(100% - 100px);}
.job_detailIn h2 .detail_arr{float: right;cursor: pointer;display: inline-block;width: 100px;}
.job_detailIn h2 .detail_arr em{font-size: 16px;color: #e76e28;margin-right: 10px;}
.job_detailIn h2{padding-bottom: 10px;border-bottom: 1px #dedede solid;}
.job_detailIn .textBox1 h3{font-size: 20px;color: #333;margin: 30px 0 20px;}
.job_detailIn .textBox1 p{font-size: 16px;color: #666;line-height: 26px;}
.job_detailIn .textBox h5{font-size: 16px;color: #0099ff;margin-top: 15px;}
/*ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦*/
.newsDetail{margin-top: 30px;}
.newsDetail .textBox{width: 900px;float: left;}
.newsDetail h2 {font-size: 26px;color: #000;}
.newsDetail h5 {font-size: 14px;color: #999;margin: 15px 0;}

.newsDetail p {color: #333;font-size: 14px;line-height: 26px;margin-bottom: 30px;}
/*footer*/
.footer{margin-top: 60px;min-width: 1226px;}
.footer .foot_top{padding: 30px 0;background: #333;}
.footer .foot_t_l{width: 300px;float: left;}
.foot_t_r { display: inline-block;}
.footer .foot_t_r .footLogo{display: inline-block;width: 125px;height: 30px;background:url(/images/logo.png) no-repeat 0 bottom ;}
.foot_t_r h3 { font-weight: bold;font-size: 12px;color: #fff;margin: 14px 0;}
.foot_t_r p{color: #eee;font-size: 12px;margin-top: 6px;}
.foot_t_l p {color: #eee;font-size: 12px;line-height: 22px;}
.foot_t_l h3{color: #fff;font-size: 18px;line-height: 28px;}
.footer .foot_bot{background: #222;text-align: center;padding: 10px 0;}
.footer .foot_bot ul{width: 780px;margin: 0 auto;font-size: 14px;margin-bottom: 6px;}
.footer .foot_bot ul li{float: left;margin-right: 35px;}
.footer .foot_bot ul li a{color: #085dff;}
.footer .foot_bot ul li a.cur{color: #ffea00;}
.footer .foot_bot p{font-size: 12px;color: #eee;}
.foot_add li a { color: #eee;font-size: 12px;line-height: 22px;}
.foot_add li a:hover{color: #f1881f;}
.foot_add ul{display: inline-block;width: 280px;float: right;}
.foot_add {float: right;margin-top: 48px;}
.foot_add li {float: left; width: 140px;}

/*询盘*/
.inquiryBox {margin-top: 40px;width: 100%;padding:  30px;background: #f9f9f9;}
.inquiryBox form{width:580px;}
.inquiryBox label{display:inline-block;width:100%;}
.inquiryBox label span{display:inline-block;width: 107px;font-size:14px;color:#666;float: left;height:36px;line-height:36px;text-align:  right;padding-right: 10px;}
.inquiryBox label input{width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border: 1px #dedede solid;height:36px;line-height:36px;margin-bottom:10px;padding:0 10px;}
.inquiryBox label textarea{overflow: hidden;width: 400px;text-align: left; height: 100px;border: 1px #dedede solid;padding:10px;}
.inquiryBox label .submitBtn{font-size:18px;display:inline-block;padding:0px 30px;border-radius:5px;background:#f1881f;color:#fff;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;margin-top:10px;height:40px;line-height:40px;}
.inquiryBox label .submitBtn:hover{background:#e15700;}
