@font-face {font-family: "mfyahei";
  src: url('../fonts/mfyahei.eot?t=1585274984409'); /* IE9 */
  src: url('../fonts/mfyahei.eot?t=1585274984409#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/mfyahei.woff?t=1585274984409') format('woff'),
  url('../fonts/mfyahei.ttf?t=1585274984409') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/mfyahei.svg?t=1585274984409#iconfont') format('svg'); /* iOS 4.1- */
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
}
cite, em, strong, i{font-weight: bold}
 
.page-banner { height:600px;overflow: hidden}
.page-banner img{max-width: 100%;display: block;}
.screen{position: relative;z-index: 2;}
.main-body .container{position: relative;}
.slogo,.mslogo { width: 220px;height: 120px; line-height: 100px;text-align: center;color: #fff;font-size: 24px;position: absolute;top: -60px;left: 0;z-index: 8;display: none}
.content { padding-top: 0;width: 100%;}
.left-menu { width: 220px;float: left;}

.right-content { width: 76%;float: right;}
.right-content.qsjj{background: #fbfbfd;padding: 25px;box-sizing:border-box;}
/*.right-content.qsjj p,.right-content.qsjjkt p{font-size: 16px;line-height: 2;margin-bottom: 10px;}*/
.right-content.qsjjkt.contact a{color: rgb(51,51,51);text-decoration: underline;}
.right-content.qsjjkt{background: #fbfbfd;padding: 25px;box-sizing:border-box;}
.right-content.qsjjkt p{color:#000;}
.right-content.about {background: none;padding: 25px}
.right-content.about img{display: block;margin: 0 auto;max-width: 100%;}
.right-content.about table {margin: 0 auto;display: block;}
.right-content.about table td{border: 1px solid #eee;}
.about-module .about-text{display: flex;justify-content:space-between;margin-bottom: 40px;align-items:center;}
.about-module p{line-height: 1.8;color:#666;font-size: 14px;}
.about-module .about-text .about-left{width: 48%;}
.about-module .about-text .about-left img{max-width: 100%;}
.about-module .about-text .about-right{width: 48%;}
.about-module .about-text .about-right img{max-width: 100%;}
.right-content.about .video h4{text-align: center;font-size: 20px;font-weight: bold;color: #000;text-transform: uppercase;margin-top: 50px;margin-bottom: 20px;}
.right-content.about .video video{width: 100%}

.align-items-center{display: flex;align-items:center;flex-wrap:wrap;}
.dev-history-module{width: 100%;margin-top: 30px;}
.main-body .titles {text-align: center;font-size: 28px;}
.main-body .ppwh-title{margin-bottom: 30px;}
.main-body .titles .en-tlt{color:#d7d7d7;}
.main-body .titles .cn-tlt{color:#666;margin-top: 10px;position: relative;width: 295px;margin: 0 auto;margin-bottom: 20px}
.main-body .titles .cn-tlt:before{content:"";width: 24%;height: 4px;position: absolute; background: #666;left:0;top:50%;}
.main-body .titles .cn-tlt:after{content:"";width: 24%;height: 4px;position: absolute; background: #666;right:0;top:50%;}
#zhengshu{width:1200px; height:auto; margin:0 auto; padding:0; clear:both; position:relative; overflow:visible;padding: 100px 0; }
#zhengshu .swiper-container{width:90%;  margin:0 auto; padding:0; position:relative; overflow:hidden;}
#zhengshu .swiper-container .swiper-wrapper{width:100%; height:100%; margin:0 auto; padding:0; overflow:hidden;}
#zhengshu .swiper-container .swiper-slide{width:20%; height:100%; margin:0; padding:0; float:left;}
#zhengshu .swiper-slide a{display:block; width:182px; height:auto; margin:0 auto; padding:0;}
#zhengshu .swiper-slide a .ppp{width:100%; height:279px; overflow:visible;}
#zhengshu .swiper-slide a .ppp img{height:100%; width:auto; border:0px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
#zhengshu .swiper-slide a .nnn{font-size:12px; line-height:20px; text-align:center;}
#zhengshu .swiper-slide a:hover .ppp img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.honor-list-module .honor-bg{background: #f2f2f2;}
#zhengshu .swiper-button-next{right:0px; top:50%;}
#zhengshu .swiper-button-prev{left:0px; top:50%;}
.honor-list-module .titles{margin-bottom: 50px;}
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:320px}
.event_box .parHd{width:100%;display:inline-block;height:92px;overflow:hidden}
.parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px!important}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:100%;height:1px;background:#580000;position:absolute;right:0;top:35%;z-index:10}
.parHd li.no_line:before{display:none}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 58px;position:relative;font-family: Arial}
.parHd li:after{content:'';background:url(../images/dot.png) no-repeat;width:14px;height:14px;position:absolute;z-index:20;top:-5px;left:50%;margin-left:-7px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.parBd{text-align:center;margin-top:60px}
.parHd li.act:after{background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;top:-12px;margin-left:-12px}
.parBd p{position:relative;font-size:18px;padding:0 60px;display:inline-block;text-align:left}
.parBd p:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:50%}
.parBd p:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:50%}
/*.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;background: #eee;padding: 20px;color:#666;text-align: left;}*/
div#listBox{width:100%}
.sNext,.sPrev{width:30px;height:30px;display:block;position:absolute;top:10px}
.sPrev{left:0}
.sNext{right:0}
.nextStop,.prevStop{opacity: 0.5}
.sNext img,.sPrev img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95)}
.error{text-align: center;padding-top: 50px}

.left-menu ul li { background: url(../images/dot.png) repeat-x left bottom;}
.left-menu ul li a { display: block;padding: 20px 0;color: #333;padding-left: 45px;font-size: 14px;position: relative;font-family: "Arial";}
.left-menu ul li a i { display: inline-block;border: 4px solid #aaa;border-color: transparent #aaa #aaa transparent;-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);position: absolute;top: 50%;left: 20px;margin-top: -5px;}
.left-menu ul li:hover>a,.left-menu ul li.current>a { color: #1d5db4;}
.left-menu ul li:hover>a i,.left-menu ul li.current>a i{ border-color: transparent #1d5db4 #1d5db4 transparent;}
.left-menu .dropmenu { display: none;}
.left-menu .dropmenu a { padding: 5px 0;padding-left: 45px;font-size: 14px;}
.left-menu .dropmenu a:hover {opacity: .8;}
.left-menu .dropmenu a.current { color: #193c7f;}
.left-menu .dropmenu a:first-child { background: url(../images/dot.png) repeat-x left top;padding-top: 10px;}
.left-menu .dropmenu a:last-child { padding-bottom: 10px;}
.left-menu ul li.cli a i { -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-tranorm: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);margin-top: -8px;}


.left-menu ul li.cli .dropmenu { display: block;}
.main-body{margin-bottom: 100px;}
.crumbs {font-family: Arial;font-size: 14px;color:#666;margin-top: 15px;}
.crumbs a{color:#666;}
.crumbs span{margin: 0 10px;font-size: 13px}
.crumbs a:hover{color:#286bb4;}
.page_menu{padding-top: 50px;}
.right-content.product,.show_product{margin-top: -450px;position: relative;z-index: 10;}
.swiper-container-menu{padding: 0 50px;}
.swiper-container-menu2,.swiper-container-menu98,.swiper-container-menu131,.swiper-container-menu165,.swiper-container-menu198,.swiper-container-menu236{height: 500px;}
.swiper-container-menu .swiper-slide{position: relative;height: 45px;}
.swiper-container-menu .swiper-button-next,.swiper-container-menu .swiper-button-prev{background-image: none !important;font-size: 40px;line-height: 1;color:#286bb4;top:20px;}
.swiper-container-menu .swiper-button-next{right:0;}
.swiper-container-menu .swiper-slide a{display: block;width: 100%;border:1px solid #ccc;color:#666;font-size: 15px;border-radius: 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;padding: 10px 20px;text-align: center;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;text-transform: capitalize;}
.swiper-container-menu .swiper-slide a:hover,.swiper-container-menu .swiper-slide.on a{background: #286bb4 ;border-color: #286bb4;color:#fff;}
.swiper-container-menu .swiper-slide a i{position: absolute;right: 6%;line-height: 1;font-size: 20px;}
.swiper-container-menu .swiper-slide .sub_menu{display: none; background: #fff;box-sizing:border-box;width: 100%;margin-top: 0;margin-bottom: 10px;box-shadow: 0 .025rem .25rem rgba(0,0,0,.075); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: absolute;top:45px;width: 270px;border:1px solid #eee;}
.swiper-container-menu .swiper-slide .sub_menu li a{border-radius: 0;border:none;color: #666;text-align: left;border-bottom: 1px solid #eee;background: #fff;}
.swiper-container-menu .swiper-slide .sub_menu81{width: 399px;}
.swiper-container-menu .swiper-slide .sub_menu147{width: 335px;}
.swiper-container-menu .swiper-slide .sub_menu143{width: 420px;}
.swiper-container-menu .swiper-slide .sub_menu146{width: 380px;}
.swiper-container-menu .swiper-slide .sub_menu171{width: 365px;}
.swiper-container-menu .swiper-slide .sub_menu172{width: 405px;}
.swiper-container-menu .swiper-slide .sub_menu175{width: 335px;}
.swiper-container-menu .swiper-slide .sub_menu203{width: 440px;}
.swiper-container-menu .swiper-slide .sub_menu204{width: 470px;}
.swiper-container-menu .swiper-slide .sub_menu206{width: 330px;}
.swiper-container-menu .swiper-slide:hover .sub_menu{display: block}
.swiper-container-menu .swiper-slide .sub_menu li a{color: #666}
.swiper-container-menu .swiper-slide .sub_menu li a:hover{color:#fff;background: #286bb4;}
.swiper-container-menu .swiper-slide .sub_menu li a.on{background: #286bb4;color:#fff;} 

/*.swiper-container-menu .swiper-slide:hover{height: auto}*/

.pic_list{ margin: 0 auto 0; width: 100%;display: flex;flex-wrap:wrap;}
.pic_list .item{ position: relative; width: 32%; z-index: 0;margin-bottom: 20px;margin-right: 2%;}
.pic_list .item.last{margin-right: 0;}
.pic_list .item img{width: 292px;height: 300px;}
.pic_list .item a{ display: block; width: 100%; overflow: hidden;}
.pic_list .item .item_title{ padding: 10px 0 0 0; width: 100%;  line-height: 1.5; font-size: 14px; color: #333;  -webkit-box-sizing: border-box; box-sizing: border-box;text-align: center;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.pic_list .item a.item_title:before{ background-color: #000;}
.pic_list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.case_list .item img{width: 100%;height: auto}
.case_list .item{width: 32%;margin-right: 2%;}
.case_list .item a span{color:#267AC0;}
.detail_title{text-align: center;font-weight: bold;font-size: 18px;margin-bottom: 30px;}
 
.show_case table td{text-align: center;border:none !important;font-size: 14px;padding: 10px !important;color:#000;border-bottom: 2px double #dee2e6 !important; }
.show_case table td img{width: auto !important;}
.show_case table tr{height: auto !important;line-height: 1.5;}
.show_case table tr:nth-child(1) td{font-weight: bold;}

.clearfix { zoom: 1; }
/*浜у搧鍒楄〃*/
.qscp ul li { float: left;width: 32%;background: #f2f2f2;padding-bottom: 30px;margin-bottom: 20px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.qscp ul li a { display: block;}
.qscp ul li + li { margin-left: 2%;}
.qscp ul li:nth-child(3n+1) { margin-left: 0;}
.qscp ul li .img { overflow: hidden;display: flex;justify-content:center;align-items:center;background: #fff;height: 368px}
.qscp ul li .img img { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;width: 100%;}
.qscp ul li h1 { font-size: 14px;font-family: "Arial";color: #000;padding: 0 10px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;margin-top: 10px;}
.qscp ul li span { font-size: 12px;font-family: "Arial";color: #666;border: 1px solid #666;border-radius: 20px;padding: 2px 8px;display: inline-block;margin-left: 10px;}
.qscp ul li span i { width: 12px;height: 10px;background: url(../images/t1.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.qscp ul li:hover span { color: #193c7f;border-color: #193c7f;}
.qscp ul li:hover img { -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.qscp ul li:hover span i { background: url(../images/t2.png) no-repeat;background-size: contain;}
.qscp ul li:hover { box-shadow: 0 0 5px rgba(0,0,0,.4);}
.swiper-container-pictureurls{width: 500px;margin: 0 auto;height: 450px;position: relative;}
.swiper-container-pictureurls img{width: 100%;}
.swiper-container-pictureurls video{width: 100%;max-height:450px;}
.detail_content{margin-top: 100px;}
#prevnext{display: flex;width: 100%;justify-content:space-between;color:#000}
#prevnext a:hover{color:#286bb4;}
#prevnext a{color:#000}
#page{padding:30px 0;height:36px;text-align:center;margin-bottom: 20px;}
#page a{width:36px;height:36px;background-color:#fff;display:inline-block;border:1px solid #1d5db4; color:#000;line-height:36px;text-align:center;font-family:Arial;margin-right:5px;transition:background-color .2s ease-out}
#page a:hover{color:#fff;background: #1d5db4;}
#page span{margin-right:5px}
#page a i{font-size:24px;top:2px;position:relative}
#page span{background-color:#1d5db4;width:36px;height:36px;display:inline-block;color:#fff;line-height:36px;text-align:center;font-family:Arial;border:1px solid #1d5db4;margin-right:5px}
#page .page_prev,#page .page_next{background: #1d5db4;color:#fff;padding: 0 10px;}

.bigimg img{display: block;margin: 0 auto;max-width: 100%;}
.video_list{display: flex;flex-wrap:wrap;width: 100%;margin-top: 45px;}
.video_list li{margin-right: 30px;position: relative;cursor: pointer;width: 31.6%;margin-bottom: 50px;}
.video_list li.last{margin-right: 0;}
.video_list li .v_title{ width: 100%;text-align: center;color:#000; }
.video_list li .pic{width: 100%;height: auto;overflow: hidden;position: relative;border-radius: 10px;}
.video_list li .pic .bg{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;opacity: 1}
.video_list li .pic .bg i.fa{position: absolute;left:50%;top:50%;z-index:999;color: #fff;font-size: 40px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.video_list li.last{margin-right: 0;}
.video_list li .v_title{font-size: 14px;margin-top: 10px;}
.video_list li img{max-width: 100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.video_list li .v_title:hover{color:#1d5db4 ;}
.video_list li .v_title a{color:#000}
.video_list li:hover .bg{opacity: 0;}
.video_list li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}

.news_list{margin-bottom:50px;}
.news_list dl { position: relative;box-sizing: border-box;cursor: pointer;margin-bottom: 0;line-height: 22px;padding: 30px 20px; background: url(../images/dot3.png) repeat-x left bottom;padding-left: 160px;}

.news_list dl:hover i { color: #03c5a9;}
.news_list dl dt { background: #fafafa;width: 120px;text-align: center;color: #fff;position: absolute;left: 20px;top: 50%;border: 1px solid #ddd;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.news_list dl dt .top { font-size: 16px;border-bottom: 1px solid #ddd;margin-bottom: 5px;padding: 20px 0;color: #666;font-weight: normal;}
.news_list dl dt .bot { font-size: 32px;color: #1d5db4;padding: 10px 0;}
.news_list dl:hover .top { border-bottom-color: transparent;}
.news_list dl dd span { font-size: 14px;color: #434343;}
.news_list dl dd h1 { font-size: 16px;color: #333;margin-top: 5px;margin-bottom: 10px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}
.news_list dl dd p { color: #666;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;font-size: 14px;}
.news_list dl dd span { color: #bbb;}
.news_list dl i{ position: absolute;width: 60px;background: url(../images/relation04.png) no-repeat center top;background-size: 25px 25px ;right: 0;top: 50%;margin-top: -30px;padding-top: 30px;font-style: normal;text-align: center;color: #434343;-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}

.news_list dl:hover { background: #f8f8f8;}
.news_list dl:hover .top { background: #1d5db4;color: #fff;}
.news_list dl:hover h1 { color: #1d5db4;}
.left{float: left;}
.qsdtxq,.qsgcxq { padding:0 25px;background: #fbfbfd;}
.qsdtxq h1,.qsgcxq h1 { text-align: center;font-size: 20px;color: #000;margin-bottom: 20px;}
.qsdtxq h2,.qsgcxq h2 { font-size: 14px;color: #999;text-align: center;margin-bottom: 20px;}
.qsdtxq h2 span,.qsgcxq h2 span { display: inline-block;}
.qsdtxq h2 span + span,.qsgcxq h2 span + span { margin-left: 20px;}
.qsdtxq .contents ,.qsgcxq .contents{ padding-top: 30px;border-top: 1px solid #e5e5e5;background: url(../images/dot4.jpg) repeat-x left bottom;padding-bottom: 30px;text-align:center}
.qsjjkt .contents p span{font-size: 16px !important}
.qsdtxq .contents p ,.qsgcxq .contents p{ margin: 20px 0;line-height: 26px;text-align: justify;color:#000 !important;}
.qsdtxq .contents img,.qsgcxq .contents img { max-width: 100%;width:auto !important;height:auto !important; margin: 10px 0;}
.qsdtxq .contents table {margin:0 auto;}
.qsdtxq .contents table td{border: 1px solid #000;}
.qsdtxq .contents iframe{margin: 0 auto;display: block;}
#choice,#choice2 { overflow: hidden;padding: 30px 0;background: url(../images/dot4.jpg) repeat-x left bottom;color: #000}
#choice .left,#choice2 .left { width: 33.33%;}
#choice .mid,#choice2 .mid  { float: left;width: 33.33%;}
#choice .left a ,#choice .right a ,#choice .left span ,#choice .right span ,#choice2 .left a ,#choice2 .right a {display: inline-block;vertical-align: bottom;font-size: 14px;max-width:87%}
#choice .mid ,#choice2 .mid { text-align: center;font-size: 14px;}
#choice .right,#choice2 .right { text-align: right;font-size: 14px;float: right;width: 33%}
#choice .left a ,#choice .right a,#choice2 .left a ,#choice2 .right a { color: #474747;font-size: 14px;width: auto;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;max-width:87%}
#choice .left a:hover,#choice .right a:hover,#choice2 .left a:hover,#choice2 .right a:hover { color: #1d5db4;}
#choice .mid a ,#choice2 .mid a { padding: 10px 50px;color: #fff;background:#286bb4;line-height: 22px;}
#choice .mid a span,#choice2 .mid a span { width: 16px;height: 16px;background: url(../images/squrae.png) no-repeat;display: inline-block;margin-right: 10px;vertical-align: middle;margin-top: -2px;}
.qsjjkt{width: 100%;margin-top: 40px;}
.qsdtxq, .qsgcxq{padding: 25px;}
#map{height: 550px;width: 100%;}
.case_detail{margin-bottom: 50px;}
.case_detail p{text-align: center !important;}
.case_detail img{max-width:100%;margin: 0 auto;display: block;}

.page_download_list {margin-top: 50px;}
.page_download_list .part { position: relative;width: 100%;margin-bottom: 42px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
.page_download_list .part img{max-width: 100%;}
.page_download_list .part .down a{color:#1d5db4;font-size: 14px;}
.page_download_list .part.last{margin-right: 0;}
.qsdtxq .contents video{max-width: 100%;margin: 0 auto}
/*case*/
.d-flex{display: flex !important;}
.flex-wrap{flex-wrap:wrap !important;}
.page_case_list .part { position: relative;overflow: hidden;width: 32%;margin-right: 22px;margin-bottom: 22px;}
.page_case_list .part:nth-child(3n){margin-right: 0;}
.page_case_list .part a { display: block;}
.page_case_list .part:hover .text { bottom: 0;}
.page_case_list .part:hover img { -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.page_case_list .part img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.page_case_list .part .text { background: #1d5db4;width: 100%;position: absolute;bottom: -100%;left: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.page_case_list .part .text p { color: #fff;font-size: 16px;padding: 10px 5px;margin-bottom: 0;width: 75%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.page_case_list .part .text i { width: 18px;height: 14px;background: url(../images/arrow.png) no-repeat;background-size: contain;position: absolute;right: 20px;top: 50%;margin-top: -7px;}
.page_case_list .part .text p span{display: block;margin-top: 5px;}
.product-detail{}
.product-detail .page_menu{margin-bottom: 50px}
.productdetail-right{margin-left: 0;}
.productdetail-right .main_img{display: flex; align-items:end;}
.productdetail-right .main_img .big{width:486px;}
.productdetail-right .main_img .big img{width: 100%;}
.productdetail-right .main_img .line_small_wrap{flex:1;margin-left: 20px;width:694px;padding-top: 5%}
.productdetail-right .main_img .line_small_wrap img{max-width:70%;display: block;margin: 0 auto}

.small_wrap{display: flex;align-items:center;flex-wrap:wrap;}
.small_wrap .small{width: 22%;margin-bottom: 30px;margin-right: 30px;}
.swiper-container-productlist{display: none}
.swiper-container-productlist{width: 400px;height:420px;margin: 0;border: 1px solid #eee;}
.swiper-container-productlist .swiper-slide img{width: 100%;}
.swiper-container-productlist .swiper-pagination-bullet-active{background: #191919;}
.swiper-container-productlist .swiper-pagination-bullet{background: #4c4c4c !important;}
.swiper-container-productlist .pro-prev{background:url(../images/a02.png) no-repeat -124px -33px;width: 55px;height: 55px;}
.swiper-container-productlist .pro-next{background:url(../images/a02.png) no-repeat -182px -33px;width: 55px;height: 55px;}
 

.contact-cont .contact-head .item:first-child {
    margin-left: 0;
}
.contact-cont .contact-head .item {
    width: 290px;
    height: 341px;
    box-sizing: border-box;
    margin: 0 37px;
    padding: 70px 20px;
    display: inline-block;
    background: #fff;
    text-align: center;
    float: left;
}

.contact-cont .contact-head .item .img {
    width: 61px;
    height: 61px;
    margin: auto;
}
.contact-cont .contact-head .item img{max-width: 100%;}
.contact-cont .contact-head .item h3 {
    font-size: 23px;
    font-weight: bold;
    margin: 11px 0 26px;
}
.contact-cont .contact-head .item p {
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
    font-weight: 400;
}
.text-center{
  text-align: center !important;
}
.contact-cont .contact-head .item .hover {
    display: none;
    color: #FF4B00;
}
.contact-cont .contact-head .item .hover .img {
   background: url(../images/circle.png) center no-repeat;
    position: relative;
}
.contact-cont .contact-head .item .img {
    width: 61px;
    height: 61px;
    margin: auto;
}
.contact-cont .contact-head .item .hover {
    display: none;
    color: #FF4B00;
}
.contact-cont .contact-head .item .hover .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.contact-cont .contact-head .item:hover {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
}

.contact-cont .contact-head .item:hover p,.contact-cont .contact-head .item:hover h3{
  color:#FF4B00;
}
.contact-cont .contact-head .item:hover .normal{display: none;}
.contact-cont .contact-head .item:hover .hover{display: block;}


.map{padding: 20px;background: #fff;margin-top: 20px;}
.map iframe{width: 100%;height: 550px;}

.honor-img{margin-top: 40px;display: none;}
.c_w_l,.c_w_r{padding-top:80px;}
.c_w_l{float:left;position:relative;border-right:1px solid #ececec;padding-bottom: 20px;}
.c_w_l:after{position:absolute; top:240px; left:-40px; content:" "; display:block; width:9px; height:48px; background:url("../images/icon_adorn1.png") no-repeat center; display:none;}
.history .c_w_l{width:300px;height: 1550px;}
.history .c_w_r{float:right; width:900px; padding-left: 40px;padding-right: 120px}
.history .c_w_r ul{}
.history .c_w_r li{position:relative; padding:25px 0; border-top:2px dashed #ececec;}
.history .c_w_r li .bg{position:absolute; left:-330px; top:0; width:1180px; z-index: -1; height:100%; background:#ebebeb; display:none;}
.history .c_w_r li:first-child{border:0 none;}
.history .c_w_r li .time{position:absolute; left:-439px; top:31px; font-size: 28px; color:#286bb4; line-height: 34px; padding-right:54px; width:400px; text-align: right; border-right:3px solid #286bb4; font-family: "Arial"; font-weight: normal; letter-spacing: -2px;}
.history .c_w_r li p{color:#000; line-height: 1.7; margin-bottom: 6px;font-size: 14px}
.history .c_w_r li:hover .bg{display: block}
.history.en .c_w_l{height: 1790px;}
.history.fy .c_w_l{height: 1950px;}
.history.xby .c_w_l{height: 1950px;}
.history.ey .c_w_l{height: 2050px;}
.history.alb .c_w_l{height: 1790px;}

.qsry ul { margin: 40px 0;}
.qsry ul li{ width: 32%;float: left;margin-bottom: 20px;}
.qsry ul li+li { margin-left: 2%;}
.qsry ul li:nth-child(3n+1) { margin-left: 0;}
.qsry ul li .img { padding: 20px;background: #fafafc;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.qsry ul li .img:hover { box-shadow: 0 0 10px rgba(0,0,0,.2);}
.qsry ul li .img img { width: 100%;display: block;}
.qsry ul li p { text-align: center;height: 50px;width: 95%;margin: 0 auto;margin-top: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;}
.qsry ul li:hover p { color: #1d5db4;}

.product{margin-top: 30px;}

.video_overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;z-index: 998;}
.video_container{width: 640px;max-height: 640px;background: #fff;border: 1px solid #ccc;position: fixed;left:50%;top: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); z-index: 999;display: none;}
.video_container .head{display: flex;padding: 10px 0;text-align: center;position: relative;}
.video_container .head .v_title{width: 100%;}
.video_container .head .close{position: absolute;right:10px;top:10px;cursor: pointer}
.video_container video{width: 100%;max-height: 640px}
.backbtn a{display: block;width: 100px;height:40px;margin-bottom: 20px;text-align: center;line-height: 40px;color:#fff;background: #286bb4;}
.productdetail-right{flex:1;}
.productdetail-right h1{font-size: 20px;font-weight: bold;margin-bottom: 10px;color:#286bb4;position: relative;padding-bottom: 20px;}
.productdetail-right h1:after{height: 2px;background: #286bb4;position: absolute;left:0;bottom: 0;content:"";width: 25%;}
.productdetail-right .param{color:#000;font-size: 16px;line-height: 1.8;}
.product-desc{margin-top: 40px;}

.product-desc p{color:#000 !important; word-break: break-word;}
.product-desc p strong{font-weight: normal !important}
.product-desc img{max-width: 100%;width: auto !important;height: auto !important}
.product-desc h3{color: #000;font-size: 18px !important;font-weight: bold;margin-top: 15px !important;word-break: break-word;}
.product-desc h4{color: #000;font-size: 16px !important;font-weight: bold;margin-top: 15px !important;}
/*.product-desc h4{font-size: 18px;position: relative;padding-left: 20px;border-bottom: 1px solid #286bb4;padding-bottom: 20px;margin-bottom: 20px;color:#286bb4;}
.product-desc h4:after{content: '';width: 5px;height: 20px;position: absolute;left:5px;top:0;background: #286bb4;}
*/


.m-prob1 .prob-linkwp {
    margin-top: 42px;
    margin-bottom: -20px;
    overflow: hidden;

}
.m-prob1 .prob-link:first-child {
    margin-left: 33px;
}
.prob-linkwp{text-align: center;width: 70%;margin: 0 auto;}
.m-prob1 .prob-link {
  display: inline-block;
    font-size: 14px;
    padding: 0 24px;
    margin: 39px 50px 0 50px;
 
}
 
.m-prob1 .prob-share .img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 6px;
    background-color: #fff;
    height: 38px;
}
.m-prob1 .prob-share {
    margin-top: 33px;
    letter-spacing: 0;
    width: 370px;
    margin: 30px auto 0 auto;
}
.m-prob1 .prob-share .font{color:#333; position: relative;top:15px;}
 
.product-desc h2{font-size: 20px !important;color:#286bb4;padding: 13px !important;text-align: center; position: relative;top:1px;border-radius: 5px 5px 0 0;display: inline-block;}
.product-desc h2:after{content:" ";position: absolute; width:5px;height: 40%; background: #286bb4;left:0;top:32%;}
.product-desc p{font-size: 15px !important;line-height: 2;}
.product-desc p img{max-width: 80% !important;}
.product-desc.en p img{max-width: 60% !important;}
.product-desc.product-desc-cn p img{max-width: 58% !important;}
.product-desc p{text-align: left !important}
.product-desc table{border-collapse: collapse;}
.product-desc table td{border: 1px solid #eee !important;padding:5px !important;text-align: center;}
.product-desc table td h4{font-size: 14px !important;font-weight: bold;}
.product-desc table td {font-size: 14px !important;}
.product-desc table td p{font-size: 14px !important;text-align: center !important}
.product-desc.en table tr{height: auto !important}
.product-desc.en table tr td{font-size: 14px !important;word-break: break-word;}
.product-desc.en table tr td p{font-size: 14px !important;word-break: break-word;}
.product-desc.product-desc-cn table { }
.product-desc.product-desc-cn table td {padding: 5px !important;word-break: break-all;font-size: 13px !important;border: 1px solid #ccc !important;background-color: #fff !important}
.product-desc.product-desc-cn table td p {text-align: center !important;max-width: 100%!important;font-family: "寰蒋闆呴粦"!important;word-break: break-all;font-size: 13px !important}
.product-desc.product-desc-cn table td p span{font-family: "寰蒋闆呴粦"!important;word-break: break-all;font-size: 13px !important}
.product-desc.product-desc-cn table td h4{margin-top: 0 !important}
.bdsharebuttonbox{display: flex;padding-top: 20px;width: 431px;margin: 0 auto}
.bdsharebuttonbox .share_text{font-size: 14px;position: relative;top:3px;}

/*.product-desc.product-desc-cn table td:first-child{width: 50px !important}*/
 
.table{overflow-x:auto;}
.product-desc table {table-layout: fixed;}
.product-desc table td{background: #fff !important;vertical-align: middle;}
.product-desc table td p{word-break: break-all;}
/*.product-desc.en table td:nth-of-type(1){width: 191px !important}*/
.product-desc.en table td{padding: 0 10px;}
.product-desc.en table td span{font-size: 15px !important}
.alb-product-desc p{text-align: right !important;width: auto !important;}
.bitem-desc{float: left;width: 100%;}
.alb-product-desc .table {text-align: right !important;float:right;width:100%; text-align: right;position: relative;}
.alb-product-desc table{text-align: right !important;direction: rtl;float:right;}
.alb-product-desc table tr td{text-align: right;padding: 0 5px !important;}
.related_products{margin-bottom: 100px;margin-top: 100px;}
.related_products h3{font-size: 26px;border-bottom: 1px dashed #e5e5e5;padding-bottom: 15px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;color:#000;font-weight: bold;font-size: 26px;}
.related_products h3:hover{color:#286bb4;border-color: #286bb4}
.related_products ul{margin-top: 40px;}
.related_products ul li { float: left;width: 23.5%;background: #f2f2f2;padding-bottom: 0;margin-bottom: 20px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.related_products ul li a { display: block;}
.related_products ul li + li { margin-left: 2%;}
.related_products ul li:nth-child(4n+1) { margin-left: 0;}
.related_products ul li .img { overflow: hidden;}
.related_products ul li .img img { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;width: 100%;}
.related_products ul li h1 { font-size: 14px;font-family: "Arial";color: #000;padding: 15px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0;margin-top: 0;}
.related_products ul li span { font-size: 12px;font-family: "Arial";color: #666;border: 1px solid #666;border-radius: 20px;padding: 2px 8px;display: inline-block;margin-left: 10px;}
.related_products ul li span i { width: 12px;height: 10px;background: url(../images/t1.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.related_products ul li:hover span { color: #193c7f;border-color: #193c7f;}
.related_products ul li:hover img { -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.related_products ul li:hover span i { background: url(../images/t2.png) no-repeat;background-size: contain;}
.related_products ul li:hover { box-shadow: 0 0 5px rgba(0,0,0,.4);}
/*application*/
.swiper-container-app{padding-bottom: 30px;}
.swiper-container-app .app_item{display: flex;justify-content:space-between;}
.swiper-container-app .app_item_wrap{width: 25%}
.swiper-container-app .app_item_wrap img{max-width: 60%;}
.swiper-container-app .app_item_wrap .app_item_img{margin-bottom: 10px;}
.swiper-container-app .app_item_wrap .app_desc{font-size: 14px;}
.swiper-container-app .app_title{margin-bottom:10px;position: relative;padding-left: 15px;font-weight: bold;font-size: 18px;}
.swiper-container-app .app_title:before{content:"";width: 5px;background: #1d5db4;height: 95%;position: absolute;left:0;top:0;}
.swiper-container-app .swiper-slide{margin-bottom: 30px;}
.swiper-container-app .app_desc{margin-bottom: 20px;}
.swiper-container-app .swiper-pagination{bottom: 0;}
.swiper-container-app .swiper-pagination-bullet{width:40px;height: 40px;font-size: 22px;color:#fff;font-family: Arial;line-height: 40px;}

/*浼佷笟鏂囧寲*/
.ppwh-module{display: flex;justify-content:space-between;}
.ppwh-container{width: 280px;display: flex;flex-direction:column;}
.ppwh-container .ppwh-info{background: #eee;padding: 15px 10px;font-size: 14px;min-height: 317px}
.ppwh-container .ppwh-title{display: flex;}  
.ppwh-container .small-title{border: 5px solid #286bb4;width: 70px;height: 70px;position: relative;}  
.ppwh-container .small-title span{position: absolute;top:50%;right:-5px;font-size: 20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-weight: bold;padding: 10px;background: #eee;color:#286bb4;}
.ppwh-container .right-title{margin-left: 10px;padding-top:10px;}
.ppwh-container .right-title .en_title{font-family: Arial;font-size: 14px;}
.ppwh-container .right-title .cn_title{font-size: 16px;}

.ppwh-container .ppwh-title1 .small-title,.ppwh-container .ppwh-title1 .small-title span{border-color:#968375;color:#968375;}
.ppwh-container .ppwh-title2 .small-title,.ppwh-container .ppwh-title2 .small-title span{border-color:#668dea;color:#668dea;}
.ppwh-container .ppwh-title3 .small-title,.ppwh-container .ppwh-title3 .small-title span{border-color:#0f258b;color:#0f258b;}
.ppwh-container .ppwh-title4 .small-title,.ppwh-container .ppwh-title4 .small-title span{border-color:#2860b7;color:#2860b7;}
 
.ppwh-container .ppwh-desc{line-height: 1.5;margin-top: 10px;}  
.ppwh-container .ppwh-desc p{margin-bottom: 10px;}  
/*瀹ｄ紶鐗?/
.xuanchuangpian{width: 100%}
.xuanchuangpian video{width: 100%;}

/*鎴戜滑鐨勪紭鍔?/
.youshi-desc{width: 1200px;margin: 0 auto;margin-top: 50px;}
.youshi-desc .mb{margin-bottom: 15px;}
.youshi-title{font-size: 18px;margin-bottom: 20px;color:#286bb4;}
.youshi-desc,.youshi-left,.youshi-right{display: flex;}
.youshi-left{width: 50%}
.youshi-right{width: 50%}
.youshi-desc .youshi-t{font-size: 16px;color:#286bb4;margin-bottom: 10px; position: relative;padding-left: 12px;}
.youshi-desc .youshi-t:after{content:"";width: 5px;background: #286bb4;left: 0;top:2px;position: absolute;height: 90%;}
.youshi-desc .youshi-p{line-height: 1.7;margin-top: 10px;}
.youshi-desc .youshi-text{width: 70%}
.youshi-desc .img{width: 22%;margin-left: 20px;}
.youshi-desc .img img{max-width: 100%;}
.youshi-desc .youshi-right .img{margin-right: 20px;margin-left: 0;}
.swiper-container-zhanhui{margin-top: 70px;padding-bottom: 50px;}
.swiper-container-zhanhui .swiper-slide img{width: 100%}
.swiper-container-zhanhui .swiper-button-next,.swiper-container-zhanhui .swiper-button-prev{top:55%;}

.cert .title{text-align: center;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 30px;margin-top: 30px;}
.swiper-container-cert .swiper-slide img{max-width: 100%;width: 206px;height: 268px;}
.swiper-container-cert{margin-bottom: 30px;}
.swiper-container-cert2 .swiper-slide img{max-width: 100%;width: 363px;height: 249px;}

/*鑱旂郴鏂瑰紡*/
.contact-info .info-service,.contact-info .info-follow,.contact-info .info-contact {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 26px;
}
 .contact-info h2 {
    font-size: 24px;
    color: #4A4A4A;
    font-weight: 400;
    text-align: center;
    padding: 28px 0;
}
.contact-info .info-service ul {
    width: 100%;
    font-size: 0;
    text-align: center;
}
.contact-info .info-service ul li:last-child {
    margin-right: 0;
}
.contact-info .info-service ul li,.contact-info .info-follow ul li,.contact-info .info-contact ul li {
    display: inline-block;
    width: 23%;
    margin-right: 15%;
    vertical-align: top;
}
.contact-info .info-service ul li a,.contact-info .info-follow ul li a,.contact-info .info-contact ul li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 32px;
    margin-bottom: 5px;
}
.contact-info .info-service ul li a img,.contact-info .info-follow ul li a img,.contact-info .info-contact ul li a img {
    width: 38px;
}
.contact-info .info-service ul li a span,.contact-info .info-follow ul li a span.contact-info .info-contact ul li a span {
    display: block;
    width: 100%;
    text-align: center;
}
.contact-info .info-service ul li p,.contact-info .info-follow ul li p,.contact-info .info-contact ul li p {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 24px;
    text-align: left;
}
 .contact-info .info-follow ul li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 8px;
}
.contact-info .info-follow ul li img {
    width: 200px;
    display: block;
    margin: 0 auto
}
.contact-info .info-follow ul li .qrcode{min-height: 181px;display: flex;align-items:center;}
.contact-info .info-follow ul li:nth-child(1) img{
  width: 150px;
}
.contact-info .info-follow ul li:nth-child(2) img{
  width: 150px;
}
.contact-info .info-follow ul li:nth-child(3) img{
  width: 180px;
}
.contact-info .info-follow ul li p {
    font-size: 12px;
    color: #4A4A4A;
    text-align: center;
    line-height: 24px;
}
.contact-info .info-follow ul li:last-child {
    margin-right: 0;
}
.contact-info .info-contact p{margin-top: 30px}
.qsrczp{width: 100%}
.qsrczp .title ,.qsrczp .box .dt{ background: #f0f0f0;padding: 20px 10px;margin-top: 30px;color: #333;padding-bottom: 10px;}
.qsrczp .title  { padding-bottom: 20px;}
.qsrczp .box .dt ul li span { width: 22px;height: 22px;background: url(../images/dl03.png) no-repeat;background-size: contain;display: inline-block;margin-left: 15px;}
.qsrczp .title ul li,.qsrczp .box .dt ul li  { float: left;color: #333;font-size: 14px;padding: 0 10px;}

.qsrczp .box .dt { background: none;margin-top: 0;cursor: pointer;border-bottom: 1px solid #e1e1e1;}
.qsrczp .box .dt ul li { color: #434343;}
.qsrczp .box .dt:hover li { color: #193c7f;}
.qsrczp .box .dt:hover ul li span,.qsrczp .box.cli .dt ul li span { background: url(../images/dl033.png) no-repeat;background-size: contain;}
/*.qsrczp .box .dt ul li span { display: inline-block;float: right;width: 26px;height: 26px;background: url(../images/up2.png) no-repeat;background-size: contain;vertical-align: middle;}*/
.qsrczp .box.cli .dt ul li span {background: url(../images/dl04.png) no-repeat;background-size: contain;}
.qsrczp .box.cli .dt ul li { color:#193c7f;}
.qsrczp .box .dd { padding-left: 20px;display: none;padding-bottom: 30px;border-top: none;background: #fbfbfd;padding-top: 20px;}

.qsrczp .box ol li { list-style-type: decimal;margin-left: 20px;margin-bottom: 5px;}

.qsrczp .box.show .dd { display: block;}

.qsrczp ul li { width: 15%;}
.qsrczp ul li:nth-child(1) { width: 40%;}
.qsrczp .box h3{ font-size: 14px;font-weight: bold;color: #193c7f;padding-top: 30px;margin-bottom: 20px;margin-top: 0;}
.qsrczp .dd h4 { font-size: 14px;margin-top: 20px;}
.qsrczp .dd h4 span { font-size: 14px;color: #193c7f;}

.qsrczp .bigbox { overflow-x: auto;overflow-y: hidden;}
.qsrczp .bigbox .tel{margin-top: 30px;font-family: Arial}
.qsrczp .bigbox .tel span{font-weight: bold;font-size: 18px}
.qsrczp .box ,.qsrczp .title{ min-width: 830px;}

.online_message h4{margin-bottom: 30px;}
.online_message form .text{width: 90%;margin-bottom: 30px;border: 1px solid #eee;padding:10px 5px;outline: none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;display: inline;color: #000}
.online_message form .text-align:hover{border-color:#193c7f; }
.online_message form .text:focus{border:1px solid #193c7f; ;}
.online_message form #message{width: 90%;height:150px;outline: none;padding: 10px;}
.online_message form #message:hover{border-color:#193c7f; }
.online_message form .textarea{display: flex;}
.online_message form .textarea span{margin-right: 5px;}
.online_message .submit{width: 90%;margin-top: 20px;border: none;padding:10px 0;background: #193c7f;color: #fff;margin-left: 40px;}
.online_message .text::-webkit-input-placeholder{color:#757575;}
.online_message .text:-moz-placeholder{color:#757575;}
.online_message .text::-moz-placeholder{color:#757575;}
.online_message .text:-ms-input-placeholder{color:#757575;}
.online_message form span{display: inline-block;*display: inline;*zoom:1;width:36px;text-align: right;margin-right: 5px;}
.online_message form textarea{border: 1px solid #eee;color:#000;}

.online_message.en form span{width: 100px;}
.online_message.en .submit{width: 95.8%;}

.right-content.about.video h4{text-align: center;font-size: 20px;font-weight: bold;color: #000;text-transform: uppercase;}
.flink{color: #aaa;margin-bottom: 30px}
.flink a{margin-right: 10px;color: #aaa}
.flink a:hover{text-decoration: underline;color:#fff;}
@media (min-width: 768px){
  .mb_lang{padding-left: 193px !important}
}
@media (min-width: 1024px){
  .small_wrap .small{width: 23%}
  .mb_lang{padding-left: 271px  !important}
}
@media (min-width: 1200px){
  .small_wrap .small{width: 23%}
  .small_wrap .small:last-child{margin-right: 0}
}

@media (max-width: 1200px){
  .video_list{padding: 0 15px;}
  .video_list li{width: 30%}
}
@media (max-width: 1024px){
  /*#kfoutbox{display: none;}*/
  .alb-product-desc .table {float: left;}
  .mslogo{display: none;}
  .left-menu{display: none;}
  .content{padding-top: 0px;}
  .container{padding: 10px}
  .right-content{width: 100%;padding: 0 !important;}
  .right-content p{margin-left: 0 !important}
  .main-body{margin-bottom: 20px;}
    
  .case_list{display: flex;justify-content:space-between;}
  .case_list .item{width: 48%;margin-right: 0;}
  .case_list .item img{height: 140px}
  #prevnext{flex-wrap:wrap;}
  #prevnext .left{width: 100%;}
  #prevnext .right{width: 100%;margin-top: 15px;}

  #pages a{width: 30px;height: 30px;line-height: 30px;}
  #pages span{width: 30px;height: 30px;line-height: 30px;}
  #pages .page_prev, #pages .page_next{padding: 0 5px;}
  .product-desc.product-desc-cn table{max-width: 1100px !important}
  .product-desc.en table tr td{word-break:break-all}
  .video_list{margin-top: 0;justify-content:space-between;}
  .video_list li{width: 48%;margin-right: 0;}
  .product-desc.product-desc-cn p img,.product-desc.en p img{max-width: 100% !important;}
  .product_list .pro_item{flex-direction:column;}
  .product_list .pro_item .img{margin-right: 0;margin-bottom: 15px;width: 100%;}
  .right-content{box-sizing:border-box;}
  .swiper-container-pictureurls{width: 100%;height: 350px}
  #choice .left, #choice2 .left,#choice .mid, #choice2 .mid{width: 100%;float:none;}
  #choice .left a, #choice .right a, #choice2 .left a, #choice2 .right a{width: 80%;}
  #choice .mid, #choice2 .mid{margin: 20px 0;text-align: left;}
  #choice .right, #choice2 .right{width: 100%;float:none;text-align: left;}

  .news_list dl dt{width: 80px;left:0;}
  .news_list dl dt .top{font-size: 14px;}
  .news_list dl dt .bot{font-size: 20px;}
  .news_list dl{padding-left: 100px;}
  .case_detail img{height: auto;}
  .case_detail img{max-width: 100%}
  .detail_content{margin-top: 20px;}
  .detail_content img{max-width: 100%;}
  .right-content.qsjj img{max-width: 100%}

  .page-banner{height: auto}

  .about-module .about-text{flex-wrap:wrap;}
  .about-module .about-text .about-left{margin-bottom:10px;}
  .about-module .about-text{margin-bottom: 10px;}
  .about-module .about-text .about-left,.about-module .about-text .about-right{width: 100%}
  .main-body .titles{font-size: 18px;margin-bottom: 20px;}
  .youshi-module{margin-top: 20px;}
  .youshi-desc{width: 100%;flex-wrap:wrap;margin-top: 20px;}
  .youshi-desc .img{width:100%;}
  .youshi-desc, .youshi-left, .youshi-right{padding: 5px;}
  .youshi-desc .youshi-text,.youshi-right, .youshi-left{width: 100%;}
  .youshi-desc .img{display: none;}

  .youshiimg{display: flex;justify-content:space-between;}
  .youshiimg .img2{width: 49%}
  .youshiimg img{width: 100%;}
  .ppwh-container{max-width: 280px;margin: 0 auto;margin-bottom: 30px;}
  .ppwh-module{flex-wrap:wrap;}
  .cert .title{font-size: 16px;}
  .qsjjkt.cert{margin-top: 0;}
  .productdetail-right{width: 100%;}
  .productdetail-right .main_img .big{width: 100%;}
  .productdetail-right .main_img .line_small_wrap{width: 100%;}
  .productdetail-right .main_img{display: block;width: 100%;margin: 0 ;padding: 0}
  .productdetail-right .main_img .line_small_wrap{margin-left: 0;}
  .productdetail-right .main_img .line_small_wrap img{max-width: 100%;width: 90%}
  .m-prob1 .prob-link{margin: 39px 0px 0 10px;}
  .prob-linkwp{width: 100%;text-align: center;}
  .prob-share{text-align: center}
  .bdshare-button-style0-16{text-align: center}
  .share_text{display: inline-block;*display: inline;*zoom:1;}
  .share_text + div{display: inline-block;*display: inline;*zoom:1;}
  .bdsharebuttonbox{width: 62% !important}
  .at-style-responsive .at-share-btn{padding: 0 !important}
  .m-prob1 .prob-share{width: 100%}
  .m-prob1 .prob-link:first-child{margin-left: 0;}
  .small_wrap .small{width: 23%;margin-right: 0;}
  .small_wrap{justify-content:space-between;}
  .related_products{margin-top: 20px;}
  .related_products h3{font-size: 20px;}
  .related_products ul li{width: 48%;}
  .swiper-container-app .app_item_wrap img{max-width: 86%;}
  .page_case_list .part{width: 47%;margin-right: 0;}
  .page_case_list {justify-content:space-between;}
  .qsdtxq h1, .qsgcxq h1{padding-top: 30px;}
   .contact-info .info-service ul li, .contact-info .info-follow ul li, .contact-info .info-contact ul li{width: 70%;margin: 0 auto;margin-bottom: 30px;}
  .info-follow ul li{display: block !important}
  .contact-info .info-follow ul li:last-child{margin: 0 auto !important}
  .contact-info p{padding: 0 10px;}
  .online_message form .text{margin-top: 10px;}
  .online_message form {font-size: 14px;}
 
  .qscp ul li{width: 48%}
  .qscp ul li .img{height: auto}
  .qscp ul li + li{margin-left: 1%}
  .qscp ul li .img{min-height: 200px;}
  .qscp ul li:nth-child(2n+1){margin-right:2%}

  .list-paddingleft-2{padding-left: 0 !important}
  .qsdtxq .contents p, .qsgcxq .contents p{font-size: 16px !important}
  .show_case2 table tr td:nth-child(3){width: 200px !important}
  .show_case.show_case2 table tr td {font-size: 13px !important}
  .show_case.show_case2 table tr td p{font-size: 13px !important}
  .show_case.show_case2 table tr td:nth-child(4) {width: 118px !important;}
  .c_w_l, .c_w_r{padding-top: 30px;}
    .history .c_w_r{float:none;width:100%;padding:0;margin: 0 auto;width: 95%}
    .history .c_w_r li .time {
        font-size: 28px;
        color: #286bb4;
        line-height: 22px;
        padding-left: 10px;
        width: auto;
        text-align: left;
        border-left: 3px solid #286bb4;
        font-family: "Arial";
        font-weight: normal;
        letter-spacing: -2px;
        margin-bottom: 20px;
        position: static;
    }
    .history .c_w_r li .bg { display: none;}
    .history .c_w_l{display: none}
    .c_w_l{border: none}   
    .history .c_w_r li .time{border-right: none;}
    .online_message.en form span{width:100px}
    .online_message.en form .text{width: 60%}
    .online_message.en form #message{width: 66%}
    .online_message.en .submit{width: 80%}
   
    .right-content.about img{height: auto !important}

    .product-desc.alb-product-desc table td{padding:0 5px !important;min-width: 120px !important}
    .alb-product-desc table{float: none}
    .table {overflow-x:scroll;}
}
@media (max-width: 640px){

  .product-desc table td {font-size: 12px !important;}
  .product-desc table td p{font-size: 12px !important;}
  .product-desc.en table tr{height: auto !important}
  .product-desc.en table tr td{font-size: 12px !important;}
  .product-desc.en table tr td p{font-size: 12px !important;}
  .product-desc.en table td span{font-size: 12px !important}
}
@media (max-width: 414px){
  .small_wrap .small{width: 48%}
}
@media (max-width: 320px){

  .main-body .titles{font-size: 12px;margin-bottom: 20px;}
}