/*page css cmsyou*/
@charset "utf-8";
.banner .swiper-pagination{bottom:3%}
.page-banner{width: 100%;position: relative;}
.page-banner-img{display: block;width: 100%;object-fit: cover;min-height: 100px;margin-top: 110px;}
/*news*/
.newsmenu{width: 100%;font-size: 0;text-align: center;border-bottom: 1px solid #eee;}
.newsmenu a{display: inline-block;height: 60px;line-height: 60px;padding: 0 4px;margin: 0 40px;font-size: 16px;color: #666;position: relative;transition: all .4s ease;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:inline-block; overflow:hidden;}
.newsmenu a:after{content: "";position: absolute;right: 0;width: 0;height: 3px;bottom: -1px;z-index: 1;background: #2797bf;transition: all .4s ease;}
.newsmenu a:hover, .newsmenu a.active{color: #2797bf;}
.newsmenu a:hover:after, .newsmenu a.active:after{width: 100%;right: auto;left: 0;}
.page-container{width: 100%;padding: 80px 0;overflow: hidden;}
.newslist{width: 100%;margin: 30px 0;}
.newslist ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.newslist ul li{width:100%;margin: 2.5% 0; background-color: #fff; clear:both; box-shadow: 0 0 10px rgba(0, 0, 0, .05);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.newslist ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .1)}
.newslist ul li a{position:relative; width: 100%; padding-left:320px; display: block;}
.newslist ul li .img{ position:absolute; left:0; top:0; width:320px; height:100%; overflow: hidden;}
.newslist ul li .img img{width:auto; height:100%; object-fit: cover; transition: all 1s;}
.newslist ul li .text{padding: 20px 25px;}
.newslist ul li .text h3{font-size: 18px;color: #333;font-weight: 600;line-height: 24px;height:24px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;margin-bottom: 10px;transition: all .4s;}
.newslist ul li a:hover .text h3{color: #2797bf;}
.newslist ul li .text .date{font-size: 14px;color: #888888;line-height: 24px; margin-bottom:10px;}
.newslist ul li .text .desc{font-size: 14px;color: #888888;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist ul li a:hover .text .desc{color: #333;}
.newslist ul li .more{width: 100%;border-top: 1px solid #f5f5f5;font-size: 14px;color: #2797bf;line-height: 50px;text-align:left; padding-left:25px;}
.newslist ul li:hover .img img{transform: scale(1.04);}
.newslist ul li:hover .text h6{color: #2797bf;}
/*pagenavi*/
.pagenavi{color:#666;text-align:center;padding:15px 0 30px 0;clear:both;}
.pagenavi span{background: #2797bf;color: #fff;border-color:#2797bf;z-index: 3;}
.pagenavi span,.pagenavi a{display: inline-block;padding: 0px 14px;line-height: 33px;vertical-align: top;color: #666;border:1px solid #ddd;cursor: pointer;transition: all .2s;outline: none;background: none;user-select: none;}
.pagenavi span,.pagenavi a:hover{background: #2797bf;color: #fff;border:1px solid #2797bf;}
/*content*/
.breadcrumb{ position:relative; min-height:60px;border-bottom:1px solid #eee;clear:both;}
.breadcrumb .contain{ position:relative;}
.breadcrumb .catname{}
.breadcrumb .catname h2{position: relative;height: 60px;color: #2797bf;font-size: 16px;line-height: 60px;padding: 0 4px;margin: 0 10px;transition: all .4s ease;display: inline-block;}
.breadcrumb .catname h2:after{content: "";position: absolute;right: auto;left: 0;width: 100%;height: 3px;bottom: -1px;z-index: 1;background: #2797bf;transition: all .4s ease;}
.breadcrumb .position{ position:absolute; right:10px; top:20px; color:#999; font-size:14px; line-height:1.5em; text-align:right; padding-left:20px; background:url(../images/icon-home.png) left center no-repeat;}
.breadcrumb .position a{color:#333;}
.breadcrumb .position a:hover{color:#2797bf;}
.post-container{position:relative;padding:30px 30px 80px;clear:both;}
.post-container h1{ position:relative; font-size:32px; font-weight:normal; line-height:1.5em; text-align:center; padding-top:30px; padding-bottom:20px; margin-bottom:20px; clear:both;}
.post-container h1:after{ content:" ";position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background-color:#2797bf;display:inline-block;}
.post-container h2{ position:relative; font-size:24px; font-weight:bold; line-height:1.5em; text-align:center; padding-top:30px; padding-bottom:20px; margin-bottom:30px; clear:both;}
.post-container h2:after{ content:" ";position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background-color:#2797bf;display:inline-block;}
.post-container h2.small{font-size:20px;}
.post-container h2.tl:after{left:0;margin-left:0;}
.tl{ text-align:left!important;}
.post-container .postmeta{ color:#999; font-size:14px; line-height:1.5em; text-align:center; padding-top:10px; padding-bottom:20px;}
.post-bottom{height:125rem; z-index:-1;}
.post-content{ width:auto; max-width:100%; font-size:16px; line-height:1.5em; margin:0 auto; padding:20px 0;}
.pubTitle+.post-content{ margin-top:30px;}
.post-content p{ font-size:16px; line-height:1.5em; margin-bottom:15px;}
.post-content img{ width:auto; max-width:100%; height:auto!important;}
.post-content .services-intro{ padding-top:20px; padding-bottom:5rem;}
.post-content .bText p{ font-size:16px; line-height:1.5em; margin-bottom:10px;}
.post-content .cas{ padding:20px; margin-top:0; margin-bottom:10rem;}
.nextprev{ width:100%; clear:both;}
ul.inner_content_text_page{width:100%;overflow:hidden;margin-top:5px; margin-bottom:30px;padding-top:5px;padding-left:0px; clear:both;}
ul.inner_content_text_page li{width:100%; color:#999;font-size:13px;height:25px;line-height:25px;float:left;overflow:hidden;}
ul.inner_content_text_page li a{ color:#999;}
ul.inner_content_text_page li a:hover{ color:#333;}
ul.inner_content_text_page:after{ content:" "; display:block; clear:both;}
/*services*/
.contact{width: 100%;padding: 80px 0 100px;}
.contact-list{width: 100%;margin-top: 80px; padding-bottom:50px;}
.contact-item{width: 100%;padding: 80px 0;border-top: 1px dashed #ececec;}
.contact-item:first-child{padding-top: 0;border-top: none;}
.contact-item:last-child{padding-bottom: 0;}
.contact-wd{width: calc(100% - 400px);float: left;padding: 40px 60px 0 50px;}
.contact-wd h3{font-size: 24px;color: #333;border-bottom: 1px solid #ececec;padding-bottom: 16px; margin-bottom:26px;}
.contact-wd p{font-size: 16px;color: #707070;margin-top: 12px;}
.contact-wddes{width: 100%;padding-top: 10px;}
.contact-wddes p{width: 100%;font-size: 16px;color: #707070;position: relative;line-height: 24px;margin: 9px 0;padding-left: 170px;word-break: break-all;background-position: left top 4px;background-repeat: no-repeat;}
.contact-wddes p span{display: inline-block;width: 140px;line-height: 24px;color: #333;position: absolute;left: 30px;top: 0;}
.contact-wddes p:nth-child(1){background-image: url('../images/gather/devecenIc1.png');}
.contact-wddes p:nth-child(2){background-image: url('../images/gather/devecenIc2.png');}
.contact-wd .toLink{width: 160px;margin-top: 40px;}
.contact-img{width: 400px;float: right; text-align:center;}
.contact-img img{max-width: 100%;object-fit: cover;}
.support-items{width: 100%;padding-bottom: 100px;}
.support-items-list{width: 100%;}
.support-items-list ul{margin-left: -1.5%;}
.support-items-list li{width: 31.8333%;margin-left: 1.5%;float: left;margin-top: 48px;background: #f8f9fb;min-height: 276px;padding-top: 34px;text-align: center;}
.support-items-img{width: 100px;height: 100px;line-height: 100px;background: #fff;border-radius: 50%;margin: 0 auto;}
.support-items-wd{width: 100%;margin-top: 24px;}
.support-items-wd h6{font-size: 20px;color: #333;}
.support-items-link{width: 100%;font-size: 0;margin-top: 20px;}
.support-items-link a{display: inline-block;font-size: 16px;color: #2797bf;margin: 0 12px;position: relative;}
.support-items-link a:after{content: ">";font-weight: 700;font-family: "\65B0\5B8B\4F53";margin-left: 10px;}
.support-items-link a:before{content: "";width: 100%;height: 1px;background: #2797bf;bottom: 2px;left: 0;right: 0;margin: 0 auto;position: absolute;transition: all .4s ease;}
/*faqs*/
.quesban-wd{position: absolute;width: 100%;top: 50%;left: 0;z-index: 2;transform: translateY(-50%);text-align: center;}
.quesban-wd h6{font-size: 32px;color: #fff;letter-spacing: .18em;}
.quesban-input{position: relative;width: 600px;padding: 0 50px 0 20px;background: #fff;border-radius: 30px;margin: 24px auto 0;overflow: hidden;box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);}
.quesban-input input{width: 100%;height: 46px;font-size: 14px;color: #888;}
.quesban-input .btn-search{position: absolute;z-index: 2;right: 0;top: 0;background-color:#f8f8f8;cursor: pointer;}
.quesban-input .btn-search i{width: 50px;height: 46px;background: url('../images/gather/quesSS.png') no-repeat center;cursor: pointer; display:block;}
.quesban-input .btn-search:hover{ background-color:#eee;}
.search-tips{ color:#666; background:none; box-shadow:none;}
.quesmenu{width: 100%;font-size: 0;text-align: center;border-bottom: 1px solid #eee;}
.quesmenu a{display: inline-block;height: 60px;line-height: 60px;padding: 0 10px;margin: 0 100px;font-size: 16px;color: #666;position: relative;transition: all .4s ease;}
.quesmenu a:after{content: "";position: absolute;right: 0;width: 0;height: 3px;bottom: -1px;z-index: 1;background: #2797bf;transition: all .4s ease;}
.quesmenu a:hover, .quesmenu a.active{color: #2797bf;}
.quesmenu a:hover:after, .quesmenu a.active:after{width: 100%;right: auto;left: 0;}
.faqs-a{background: #f7f7f7;padding: 40px 220px 40px 58px;position: relative;}
.faqs-a p{font-size: 14px;color: #666;line-height: 30px;}
.faqs-a img{max-width: 100%;margin: 10px 0;}
.questl{width: 100%;position: relative;}
.questl img{width: 100%;object-fit: cover;height: 280px;}
.questl-wd{position: absolute;width: 100%;text-align: center;left: 0;top: 50%;transform: translateY(-50%);}
.questl-wd h6{font-size: 32px;color: #fff;}
.questl-wd a{width: 160px;margin-top: 24px;}
.quesly{width: 100%;padding:68px 0;}
.quesly-title{width: 100%;}
.quesly-title h6{font-size: 24px;color: #333;} 
.quesly-form{width: 100%;margin-top: 32px;}
.quesly-form textarea{width: 100%;border: 1px solid #e5e5e5;border-radius: 6px;height: 200px;font-size: 14px;color: #888;padding: 14px 18px;}
.quesly-item{width: 100%;margin-top: 24px;}
.quesly-file{float: left;position: relative;font-size: 0;user-select: none;margin-top: 10px;}
.quesly-btn{display: inline-block;vertical-align: middle;position: relative;cursor: pointer;}
.quesly-btn input{position:absolute;right: 0px;top:0px;opacity: 0;filter: 'alpha(opacity=0)';width: 100%;height: 100%;z-index: 2;cursor: pointer;}
.quesly-btn i,.quesly-btn span{display: inline-block;vertical-align: middle;}
.quesly-btn i{font-size: 16px;color: #333;transform: rotate(90deg);}
.quesly-btn span{font-size: 14px;color: #2797bf;margin-left: 5px;}
.quesly-hint{display: inline-block;vertical-align: middle;margin-left: 10px;position: relative;}
.quesly-hint i{font-size: 16px;color: #333;}
.quesly-hint h6{display: none;font-size: 14px;line-height: 22px;color: #666;border: 1px solid #e5e5e5;border-radius: 6px;padding:8px;position: absolute;left: 50%;width: 160px;margin-left: -80px;bottom: 26px;background: #fff;}
.quesly-hint h6:before{content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #e5e5e5;bottom: -8px;left: 50%;margin-left: -8px;}
.quesly-hint h6:after {content: "";position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;bottom: -6px;left: 50%;margin-left: -6px;}
.quesly-hint:hover h6{display: block;}
.quesly-submit{width: 110px;height: 40px;text-align: center;background: #2797bf;border-radius: 26px;color: #fff;font-size: 16px;cursor: pointer;display: block;float: right;}
.fileslist{width: 100%;font-size: 14px;color: #666;line-height: 24px;margin-top: 8px;}
.fileslist .file-item{position: relative;width: 100%;margin-top: 2px;}
.fileslist .file-del{margin-left: 16px;cursor: pointer;}
.fileslist .file-item img, .fileslist .file-item span{display: inline-block;}
.fileslist .file-item img{height: 40px;margin-right: 8px;}
.indnh{width: 100%;padding: 40px 0 82px;overflow: hidden;}
.indnh-list{width:100%; clear:both;}
.indnh-list ul{ margin-left:-15px; margin-right:-15px;}
.indnh-list li{position: relative;float:left;width:50%;text-align: center;border-radius: 6px; padding:15px; overflow: hidden;display: block;}
.indnh-list li:first-child{margin-top: 0;}
.indnh-list li img{width: 100%;object-fit: cover;transition: all 1s ease;}
.indnh-liwd{position: absolute;z-index: 2;width: 100%;left: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.indnh-liwd h6{font-size: 22px;}
.indnh-liwd p{font-size: 16px;margin: 10px 0 11px;}
.indnh-liwd a{font-size: 14px;display: inline-block;position: relative;padding: 2px;transform: none;}
.indnh-liwd a:after{content: "";position: absolute;right: 0;width: 0;bottom: 0;background: #fff;height: 1px;transition: all .4s ease;}
.indnh-liwd a:hover:after{width: 100%;right: auto;left: 0;}
/*downloads */
.download{width: 100%;padding: 46px 0 68px;background: #f0f1f2;position: relative;overflow: hidden;}
.download-content{ margin-top:40px; clear:both;}
.download-menu{width: 290px;background: #fff;padding-top: 32px;float: left;position: relative;z-index: 4;min-height: 400px;overflow-y: auto;user-select: none;}
.download-menu::-webkit-scrollbar {width: 4px;height: 4px;}
.download-menu::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 6px #2797bf;}
.download-menu::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #eee;border-radius: 0;}
.download-menu li{display: block;width: 100%;position: relative;}
.download-menulink{width: 100%;height: 48px;line-height: 48px;display: block;font-size: 16px;color: #333;padding: 0 20px;position: relative;transition: all .4s ease;}
.download-menuarr{width: 48px;height: 48px;line-height: 48px;position: absolute;z-index: 2;right: 0;top: 0;text-align: center;color: #333;transition: all .4s ease;cursor: pointer;}
.download-menuarr:before{content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size: 20px;}
.download-menudrop{width: 100%;display: none;}
.download-menudrop.active{display: block;height: auto;}
.download-menudrop .download-menulink{height:36px;font-size: 14px;color: #666;line-height:36px;border-bottom:1px dashed #eee; padding: 0 0 0 36px;}
.download-menudrop .download-menulink:hover{ background-color:#f8f8f8;}
.download-menudrop .download-menudrop .download-menulink{padding: 0 0 0 52px;}
.download-menulink:hover, .download-menulink.active{color: #2797bf !important;background-color:#f8f8f8;}
.download-menuarr:hover{color: #2797bf;}
.download-menuarr.active:before{content: "\f107";}
.download-menu.download-menuFixed{position: fixed;top: 80px;}
.download-cont{width: calc(100% - 290px);float: right;padding: 32px 36px 30px;border-left: 20px solid #f0f1f2;background: #fff;min-height: 400px;position: relative;}
.download-contitem{width: 100%;}
.download-item{width: 100%;padding-top: 28px;border-top: 1px solid #eee;margin-top: 24px;}
.download-item:first-child{padding-top: 0;border-top: none;margin-top: 0;}
.download-itemtit{width: 100%;font-size: 20px;color: #333;padding-left: 14px;border-left: 5px solid #2797bf;line-height: 22px;}
.download-itemlist{width: 100%;margin-top: 12px;}
.download-itemname{width: 100%;overflow: hidden;padding:0 28px;position: relative;user-select: none;}
.download-itemname li{display: block;float: left;position: relative;padding: 13px 0;}
.download-itemname li p{font-size: 14px;color: #333;line-height: 24px;}
.download-itemname li:nth-child(1){width: 50%;}
.download-itemname li:nth-child(2){width: 25%;text-align: center;}
.download-itemname li:nth-child(3){width: 25%;text-align: center;}
.download-itemdata-loop{width: 100%;background-color: #f7f9fa;padding:0 28px;}
.download-itemdata-loop:nth-child(2n){background-color: #fff;}
.download-itembtn.download-itemname{padding: 0;}
.download-itembtn.download-itemname:after{content: "\f107";font: normal normal normal 14px/1 FontAwesome;font-size: 24px;color: #888;position: absolute;right: 4px;top: 50%;margin-top: -12px;}
.download-itembtn.download-itemname li:nth-child(2), .download-itembtn.download-itemname li:nth-child(3){color: #666;}
.download-itembtn{cursor: pointer;}
.download-itembtn.download-itemname.active:after{content: "\f106";}
.download-itemdes{display: none;width: 100%;padding: 16px 0 24px;border-top: 1px solid #e5e5e5;}
.download-itemdes p{font-size: 14px;color: #707070;line-height: 24px;}
.download-itemdes a{display: block;width: 96px;height: 32px;line-height: 32px;margin-top: 12px;text-align: center;background: #2797bf;border-radius: 26px;color: #fff;font-size: 14px;}
.download-itemdes a i{width: 12px;height: 12px;display: inline-block;background: url('../images/gather/downic.png') no-repeat;margin-right: 6px;}
.dl-click{display: none;user-select: none;position: fixed;width: 32px;height: 32px;text-align: center;background: rgba(26,134,242,1);z-index: 2;border-radius: 2px;}
.dl-click span{width: 20px;height: 2px;background: #fff;display: block;position: relative;margin: 15px auto 0;transition: all .2s linear;}
.dl-click span:before,.dl-click span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.dl-click span:before{top: -6px;}
.dl-click span:after{top: 6px;}
.dl-click.active span:before, .dl-click.active span:after{top: 0;}
/*feedback*/
.message .subject {font-weight:bold;font-size:16px;margin:40px 0 10px 0}
.message .left {float:left;width:48%;}
.message .right {float:right;width:48%;}
.message input[type="text"] {border:1px solid #b5b5b5;width:100%; height:45px; line-height:45px;border-radius:3px;padding:0 2%}
.message .list p {margin:15px 0 10px 0}
.message .list #message {border:1px solid #b5b5b5;width:100%; line-height:25px;border-radius:3px;padding:6px 2%; overflow:auto; height:235px}
.message input[type="text"]:hover,.message .list #message:hover {border-color:#2797bf}
.message .btn {float:left;width:100%; text-align:right;}
.btn-submit {width:90px; background:#2797bf; height:43px; line-height:43px;border:2px solid #2797bf;color:#fff;font-size:18px; text-align:center; cursor:pointer;border-radius:3px;margin:15px 0 0 auto}
.btn-submit:hover { background:none;color:#2797bf}
/*about*/
.page-container.about{ padding-bottom:0;}
.wrap-company .heading{padding-top: 50px;}
.wrap-company .heading h2{font-family: "SYHT-Light", "SYHT-Normal",sans-serif;border-bottom: 1px solid #eee;padding-bottom:20px;font-weight:normal;display: block;text-transform: uppercase;color: #999;line-height: 30px;font-size: 18px;letter-spacing:2px;margin-bottom: 5px;}
.wrap-company .heading span{display: block;font-size:36px;color: #444;letter-spacing: 3px;font-weight:normal;}
.wrap-company .profile{ padding-bottom:80px; clear:both;}
.content-left,.content-right{ float:left; width:50%;}
.wrap-company .content-left{width:70%;}
.wrap-company .content-right{width:30%;padding-left:20px;}
.wrap-company .culture{padding-bottom: 50px; clear:both;}
.wrap-company .culture .heading{ padding-top:80px;}
.wrap-company .culture .heading h2{ color: rgba(39,151,191,0.5);border-bottom:0;}
.wrap-company .culture .heading h2 span{ color: #2797bf; }
.culture-list{ padding-top:80px; padding-bottom:150px; clear:both;}
.culture-list ul{ text-align:center;}
.culture-list ul li{ position:relative; width:33%; color: #fff; text-align:center; margin-top:3%; margin-bottom:3%; display:inline-block; z-index:9;}
.culture-list ul li:before{ position:absolute; left:50%; top:50%; transform: rotate(45deg); width:260px; height:260px; margin-left:-130px; margin-top:-100px; content:" "; background-color:rgba(39,151,191,0.7); display:block; z-index:0;animation: breathe 3s linear infinite;-webkit-animation: breathe 3s linear infinite;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.culture-list ul li:nth-child(2):before,.culture-list ul li:nth-child(4):before,.culture-list ul li:nth-child(5):before{animation: breathe2 3s linear infinite;-webkit-animation: breathe2 3s linear infinite;}
.culture-list ul li:hover:before{ border:2px solid #2797bf;}
.culture-list ul li .c-img img{position:relative; opacity: 0.75; }
.culture-list ul li .c-img i{position:relative; font-size:56px; line-height:72px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); z-index:9;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.culture-list ul li .c-title{position:relative; font-size:20px; padding: 10px 0; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); z-index:9;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.culture-list ul li .c-desc{position:relative; font-size:15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); z-index:9;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.culture-list ul li:hover{ color:#2797bf;}
.culture-list ul li:hover:before{animation: breathe3 3s linear infinite;-webkit-animation: breathe3 3s linear infinite;}
.culture-list ul li:hover .c-img i{ font-size:72px; line-height:72px;}
.culture-list ul li:hover .c-img i,.culture-list ul li:hover .c-title,.culture-list ul li:hover .c-desc{text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
@keyframes breathe{0%{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}50%{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}100%{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}}
@keyframes breathe2{0%{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}50%{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}100%{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}}
@keyframes breathe3{0%{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}50%{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}100%{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}}
/*products*/
.prolist{width: 100%;margin-top: 50px;}
.prolist ul{ margin-left:-1%; margin-right:1%;}
.prolist ul li{float:left;width:31.33%;margin:0 1%;margin-bottom: 2%;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
/*.prolist ul li:first-child{width: 100%;padding: 70px 50px;}*/
.prolist ul li .img{width: 100%;overflow: hidden;}
.prolist ul li .img img{width: 100%;transition: all .4s;}
.prolist ul li .text{width: 100%;padding: 15px 20px;}
.prolist ul li .text h6{font-size: 24px;line-height: 30px;color: #333;height: 30px;margin-bottom: 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s;}
.prolist ul li .text p{font-size: 14px;line-height: 24px;color: #707070;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.prolist ul li .more{margin-top: 15px; margin-bottom:5px;}
.prolist ul li .more .toLink{width: 120px;}
.prolist ul li .more .toLink span{line-height:36px;height:36px;}
.prolist ul li:hover .img img{transform: scale(1.04);}
.prolist ul li:hover .text h6{color: #2797bf;}
/*.prolist ul li:first-child .img{width: 50%;float: right;text-align: center;}
.prolist ul li:first-child .img img{width: auto;max-width: 100%;}
.prolist ul li:first-child .text{width: 50%;padding: 40px 50px 0 0;float: left;}
.prolist ul li:first-child .text p{min-height: 130px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}*/
/*products*/
.page-container.products{padding:0;}
.pro-detail{width: 100%;background: #f5f9fc url('../images/gather/mod-bg1.jpg') no-repeat center bottom;padding: 130px 0;overflow: hidden;}
.pro-detail .img{float: right;width: 50%;text-align: center;line-height: 350px;}
.pro-detail .img img{max-width: 100%;object-fit: cover;}
.pro-detail .text{width: 42%;float: left;}
.pro-detail .text h6{font-size: 32px;color: #262626;line-height: 40px;margin: 25px 0;}
.pro-detail .text p{font-size: 16px;color: #707070;line-height: 28px;}
.pro-detail .more{margin-top: 50px;}
.pro-detail .more a{width: 160px;}
.pro-detail .more a span{font-size: 18px;height: 50px;line-height: 50px;}
.mod-trait{width: 100%;padding: 80px 0;overflow: hidden;}
.modtra-img{width: 100%;text-align: center;margin-top: 40px;}
.modtra-img img{max-width: 100%;}
.modtra-list{width: 100%;margin-top: 80px;}
.modtra-list ul li{width: 33.3333%;float: left;text-align: center;}
.modtra-list ul li h5{width: 100%;text-align: center;line-height: 100px;transition: all .6s ease;}
.modtra-list ul li h6{font-size: 20px;color: #333;line-height: 30px;margin: 10px 0;}
.modtra-list ul li p{font-size: 16px;line-height: 26px;color: #666;max-width: 220px;margin: 0 auto;}
.modtra-list ul li:hover h5{transform: translateY(-8px);}
.mod-scene{width: 100%;position: relative;overflow: hidden;}
.mod-scene .img{width: 100%;overflow: hidden;}
.mod-scene .img img{width: 100%;object-fit: cover;min-height: 400px;}
.modscene-text{position: absolute;width: 100%;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);}
.modscene-text .text{float: right;width: 480px;}
.modscene-text .text h6{font-size: 32px;line-height: 40px;margin-bottom: 30px;color: #fff;}
.modscene-text .text p{font-size: 16px;color: #fff;line-height: 28px;}
.mod-spec{width: 100%;padding: 80px 0;overflow: hidden;}
.mod-tab{width: 100%;margin-top: 40px;}
.mod-tab table{width: 100%;overflow: hidden;font-size: 14px;color: #666;background-color: #fff;box-sizing: border-box;text-align: left;border: 0px solid #ccc;line-height: 24px;border: 1px solid #e5e5e5;}
.mod-tab table th{font-size: 16px;color: #333;text-align: center;width: 10%;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-weight: normal;background-color: #fff;}
.mod-tab table tr:nth-child(2n){background-color: #fafafa;}
.mod-tab table td{line-height: 24px;padding: 5px;height: 45px;width: 16%;padding-left: 30px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.mod-tab table td:first-child{width: 16%;}
.modspec-text{width: 100%;overflow: hidden;margin: 30px 0 0;}
.modspec-text p{font-size: 14px;color: #666;line-height: 24px;text-align: center;}
.mod-safe{width: 100%;padding: 30px 0 80px;overflow: hidden;}
.modsafe-list{width: 100%;margin-top: 50px;}
.modsafe-list ul{margin-left: -4%;}
.modsafe-list ul li{float: left;width: 29.333%;padding: 50px 60px;border: 1px solid #eee;margin-left: 4%;text-align: center;transition: all .4s;}
.modsafe-list ul li h5{width: 100%;line-height: 70px;overflow: hidden;}
.modsafe-list ul li h5 img{max-width: 100%;}
.modsafe-list ul li h6{font-size: 20px;color: #333;margin: 20px 0;transition: all .4s;}
.modsafe-list ul li p{font-size: 16px;line-height: 26px;color: #666;min-height: 104px;overflow: hidden;}
/* .modsafe-list ul li:hover{border-color: #2797bf;} */
.modsafe-list ul li:hover h6{color: #2797bf;}
.modsafe-list ul li:hover h5{transform: rotateY(360deg);transition: all 1.2s ease;}
.mod-buyent{width: 100%;overflow: hidden;padding: 70px 0;overflow: hidden;}
.mod-tabbox{width: 100%;}
.devetl{width: 100%;position: relative;}
.devetl img{width: 100%;object-fit: cover;height: 280px;}
.devetl-wd{position: absolute;width: 100%;text-align: center;left: 0;top: 50%;transform: translateY(-50%);}
.devetl-wd h6{font-size: 32px;color: #fff;}
.devetl-wd a{width: 180px;margin-top: 24px;}
/*search*/
.searss{width: 100%;padding: 163px 0;background-position:center center; background-repeat:no-repeat;}
.searss .quesban-input{margin-top: 4px;}
.searlb{width: 100%;padding: 48px 0 78px;border-bottom: 1px solid #eee;}
.searlb-title{width: 100%;}
.searlb-title h6{font-size: 14px;color: #666;}
.searlb-title h6 span{color: #2797bf;}
.searlb-list{width: 100%;padding: 34px 0 58px;}
.searlb-list li{display: block;width: 100%;border-bottom: 1px solid #e5e5e5;}
.searlb-list li:first-child{border-top: 1px solid #e5e5e5;}
.searlb-link{display: block;width: 100%;padding: 20px 0 24px;}
.searlb-link .faqs-q{height: auto;padding: 0 0 0 58px;display: block;align-items: initial;}
.searlb-link .faqs-q:after{display: none;}
.searlb-link .faqs-q h6 i {font-size: 16px;color: #666 !important; font-style: normal;display: inline;}
.searlb-link .faqs-q p{width: 100%;display: inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.searlb-link:hover .faqs-q p{color: #2797bf;}
.searlb-link .faqs-q:before{transform: translateY(0);top: 14px;}
.searlb-link:hover .faqs-q:before{border-color: #2797bf;}
.searlb-link .faqs-q span{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;margin-top: 10px;height: 56px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.highlightRow b{color: #2797bf;font-weight: normal;display: inline;}
/*faqs*/
.sdkwt{width: 100%;background: #f5f5f5;}
.faqs-list{width: 100%;margin: 50px 0 54px;}
.faqs-item{width: 100%;border-top: 1px solid #e5e5e5;position: relative;}
.faqs-item:last-child{border-bottom: 1px solid #e5e5e5;}
.faqs-q{width: 100%;height: 80px;display: flex;align-items: center;position: relative;padding: 0 48px 0 58px;user-select: none;cursor: pointer;}
.faqs-q:before, .faqs-q:after{content: "";position: absolute;}
.faqs-q:before{width: 40px;height: 40px;top: 50%;margin-top: -20px;left: 0;border-radius: 50%;border: 2px solid #e5e5e5;transition: all .4s ease-in;background: url('../images/gather/sdkwtic.png') no-repeat center;}
.faqs-q:after{width: 40px;height: 100%;background: url('../images/gather/sdkwtArr.png') no-repeat center;right: 0;top: 0;}
.faqs-q.active:before{border-color: #2797bf;}
.faqs-q.active:after{transform: rotate(180deg);}
.faqs-q p{font-size: 16px;color: #333;line-height: 26px;transition: all .4s ease;}
.faqs-q.active p, .faqs-q:hover p{color: #2797bf;}
/*services*/
.service-detail-container{ padding-top:20px;}
.service-detail-wrap{}
.service-detail-wrap table{border-collapse: collapse;border-spacing: 0}
.service-detail-wrap td{font-size: 12px;padding-left: 5px}
#middle{position:relative; width:100%; max-width:1200px; overflow: hidden}
.article-middle{ width:100%;margin: auto;margin-top: 20px;margin-bottom: 50px;overflow: hidden;}
.article-middle .left{position:absolute; width: 180px;overflow: hidden;}
.article-middle .left ul.leftnav{width:100%;background-color: #fff;overflow: hidden}
.article-middle .left ul.leftnav.active{border: 1px solid #f8f8f8;}
.article-middle .left ul.leftnav li{font-size: 14px;width: 180px;height: 34px;position: relative;vertical-align: bottom;cursor: pointer;border-bottom: 1px solid #eee}
.article-middle .left ul.leftnav li a{width:100%;font-size: 14px;height: 34px;line-height: 34px;color: #666;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.article-middle .left ul.leftnav li.current,.article-middle .left ul.leftnav li:hover{background-color: #f7f7f7}
.article-middle .left ul.leftnav li.current a,.article-middle .left ul.leftnav li:hover a{color: #2797bf}
.article-middle .left ul.leftnav li.last,.article-middle .left ul.leftnav li:last-child{border: none}
.article-middle .left ul.leftnav li.current i{width: 9px;height: 34px;background-image: url(../images/icon-arrow-right.png);position: absolute;right: 10px}
.article-middle .left img.tel{width: 178px;height: 60px;margin: 10px 0}
.article-middle .left .online{float: left;width: 178px;height: 248px}
.article-middle .left .online img{width: 178px;height: 245px}
.article-middle .left .online img:hover{border: 1px solid #2797bf}
.article-middle .right{float: right;width:100%;padding-left:200px;overflow: hidden;}
.article-middle .right .content{overflow: hidden;padding: 0 0 20px 20px;border-bottom: 1px solid #eee;font-size: 14px;color: #666;margin: 0;position: relative;line-height: 2;position: relative;/*font-family: SimSun*/}
.article-middle .right .content img{ max-width:100%; height:auto!important;}
.article-middle .right .content a{color: #2797bf}
.article-middle .right .content .hr{width: 980px;overflow: hidden;background: transparent url(../images/icon-titleline.png) repeat scroll 0 0;position: absolute;left: 0}
.article-middle .right .content .hr span{width: 10px;height: 10px;display: block;float: left;margin: 22px 10px 0 0;background: none repeat scroll 0 0 #2797bf;border-radius: 2px 2px 2px 2px}
.article-middle .right .content .hr1{height: 50px}
.article-middle .right .content h1{text-align: center;font-size: 24px;margin: 0 0 15px 0;font-weight: 700}
.article-middle .right .content h2{font-size: 20px;font-weight: 400;color: #000;height: 50px;line-height: 50px;float: left;background-color: #fff;padding: 0 10px 0 0;font-family: Microsoft YaHei}
.article-middle .right .content p{line-height: 1.5em; margin-bottom:15px;}
.sidemenus{width:100%;background-color:#fff;clear:both;overflow:hidden;}
.leftnav.active+.sidemenus{margin-top:10px;}
.sidetitle{ position:relative; color:#fff;  padding:5px 10px; background-color:#2797bf;}
.sidetitle h3{font-size:15px; line-height:1.5em;}
.sidetitle .btn-close{ position:absolute; right:5px; top:0; padding:4px;}
.sidetitle .btn-close i{ color:#fff; font-size:16px;display: inline-block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sidemenus.active .sidetitle .btn-close i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.sidelist{border:solid 1px #f8f8f8; border-top:0; clear:both;}
.sidelist li{ width:100%; clear:both; overflow:hidden;}
.sidelist li a{position: relative; color:#666; font-size:14px;line-height:1.5em;padding:6px 10px; border-bottom:1px #eee solid; display:block;}
.sidelist li a:hover{color:#2797bf;background-color: #f7f7f7;}
.sidelist li:last-child a{ border-bottom:0;}
.sidelist li a i{ font-size:12px; margin-right:5px;}
/*responsive css csmyou*/
@media all and (max-width:1700px) {
.techlibitem .contain{margin: 0 0 0 4%;}
.popVideo-core{height: 640px;}
}
@media all and (max-width:1599px) {
.queswt-help{margin-top: 36px;}
.quesmenu a{margin: 0 80px;}
.newsxqban img {height: 380px;}
.newsxqban-wdtitle h6 {font-size: 30px;margin-bottom: 12px;}
.newsxqban-wdtime {margin-top: 28px;}
.newsxqban-wd .toLink {margin-top: 28px;}
.newsxq {padding: 40px 0 80px;}
.contact {padding: 74px 0 84px;}
.contact-list {margin-top: 68px;}
.contact-item {padding: 68px 0;}
.contact-wd .toLink {margin-top: 34px;}
.support-items {padding-bottom: 84px;}
}
@media all and (max-width:1439px) {
}
@media all and (max-width:1359px) {
.techlibitem .contain {width: 920px;}
.pro-detail{padding: 100px 0;}
.modscene-text .text h6{font-size: 30px;margin-bottom: 10px;}
.courban .swiper-pagination {bottom: 10px;}
.courxq-vdcont-video, .courxq-vdmenu-list{height: 480px;}
}
@media all and (max-width:1279px) {
.faqs-q{height: 68px;}
.quesban-wd h6 {font-size: 28px;}
.queswt {padding: 64px 0;}
.quesban-input{width: 480px;margin-top: 20px;}
.quesban-input input, .quesban-input i{height: 42px;}
.questl-wd h6 {font-size: 28px;}
.questl-wd a {margin-top: 20px;}
.questl img {height: 248px;}
.quesly {padding: 60px 0;}
.quesly-form {margin-top: 28px;}
.quesly-item {margin-top: 20px;}
.quesmenu a{margin: 0 60px;}
.searlb-list {padding: 30px 0 48px;}
.searlb {padding: 48px 0 64px;}
.newsxqban img {height: 360px;}
.newsxqban-wdtitle h6{font-size: 28px;}
.newsxqban-wdtime>span, .newsxqban-wdtime>div{font-size: 32px;}
.newsxqban-wdtime>div {height: 56px;line-height: 52px;width: 94px;background-size: 100% auto;letter-spacing: 33px;padding-left: 13px;}
.newsxqban-wdtime {margin-top: 24px;}
.newsxqban-wd .toLink {margin-top: 24px;width: 142px;}
.newsxq {padding: 40px 0 68px;}
.contact {padding: 60px 0 68px;}
.contact-wd .toLink {width: 148px;margin-top: 28px;}
.contact-wd {padding: 32px 48px 0 40px;}
.support-items {padding-bottom: 68px;}
.techlibitem .contain {width: 800px;}
.techlibnav-menu a:after {margin: 0 18px;}
.techlibnav-search {width: 300px;}
.docucon-bot .queswt-help {margin-top: 60px;}
.nhot-left{padding-right: 30px;}
.nhot-right{padding-left: 30px;}
.nhot-text h6{font-size: 22px;letter-spacing: normal;}
.newslist ul li .text h3{font-size: 16px;}
.page-container{padding: 60px 0;}
.newslist{margin: 30px 0 50px;}
.newsmenu a{margin: 0 30px;}
.pro-detail{padding: 80px 0;}
.pro-detail .text h6{font-size: 30px;line-height: 35px;margin: 10px 0;}
.modsafe-list ul li{padding: 40px;}
.devetlgn .devetl-wd a{font-size: 28px;}
.pro-detail .more a, .deve-brief .more a{width: 148px;}
.pro-detail .more a span, .prolist ul li .more a span, .deve-brief .more a span{font-size: 16px;height: 38px;line-height: 38px;}
.devetl-wd h6 {font-size: 28px;}
.devetl-wd a {margin-top: 20px;}
.courxq {padding: 40px 0 60px;}
.courxq-vdcont-video, .courxq-vdmenu-list{height: 440px;}
.post-container .contain{ width:100%;}
.wrap-company .profile{ padding-bottom:50px;}
.culture-list ul li:before{ width:240px; height:240px; margin-left:-120px; margin-top:-90px;}
.page-banner-img{ margin-top:92px;}
.article-middle .right .content .hr{ width:100%;}
.article-middle .right .content .hr span{ position:absolute; left:5px; top:-2px; width:8px; height:8px;}
.article-middle .right .content h2{ height:auto; line-height:1.25em; padding-left:20px; padding-top:10px; padding-bottom:15px;}
}
@media all and (max-width:1159px) {
.page-banner-img{ margin-top:72px;}
}
@media all and (max-width:1151px) {
.message .subject {font-size:14px;margin:20px 0 5px 0}
.message input[type="text"] {height:30px; line-height:30px}
.message .list p {margin:10px 0 5px 0}
.message .list #message {line-height:20px;padding:3px 2%;  height:160px}
.btn-submit {width:70px; height:28px; line-height:28px;border-width:1px;font-size:14px; margin:10px 0 0 auto}
input,button,select,textarea{ font-size:12px}
.queswt-help{margin-top: 24px;}
.download-itemname {padding: 0 24px;}
.download-itemdata-loop {padding: 0 24px;}
.contact-wd {padding: 0;width: 100%;}
.contact-img{width: 100%;margin-top: 40px;}
.contact-wdtit h6 {font-size: 24px;}
.support-items-list ul {margin-left: 0;}
.support-items-list li {width: 100%;margin-left: 0;margin-top: 40px;min-height: auto;padding: 28px 0 32px;}
.techlibitem .contain{width: 92%;margin: 0 auto;}
.catalog{display: none !important;}
.techlibnav-menu a:after {margin: 0 12px;}
.techlibnav-search {width: 260px;}
.nhot-text{padding-right: 20px;}
.pro-detail .text p{font-size: 14px;line-height: 26px;}
.pro-detail .more{margin-top: 30px;}
.modscene-text .text h6{font-size: 24px;margin-bottom: 0;}
.modscene-text .text p{font-size: 14px;line-height: 24px;}
.mod-spec{padding: 60px 0;}
.prolist ul li .text h6{font-size: 24px;}
.prolist ul li .text{padding: 30px;}
/*.prolist ul li:first-child{padding: 30px;}*/
.mod-buyent{padding: 50px 0;}
.wrap-company .heading{ padding-top:20px;}
.wrap-company .culture .heading{ padding-top:50px;}
.culture-list{ color:#2797bf; padding-top:0; padding-bottom:20px;}
.culture-list ul li{ color:#2797bf;}
.culture-list ul li:before{ display:none;}
.culture-list ul li .c-img i,.culture-list ul li .c-title,.culture-list ul li .c-desc{text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
}
@media all and (max-width:1000px) {
.indnh{padding:20px 0 40px;}
.indnh-list ul{ margin-left:0; margin-right:0;}
.indnh-list li{ width:100%; padding:15px 0; }
.indnh-liwd h6{ font-size:18px;}
.indnh-liwd p{margin: 5px 0;}
.wrap-company .content-left{width:60%;}
.wrap-company .content-right{width:40%;}
.quesmenu a{margin: 0 40px;}
.deveparts-list {width: 100%;padding-left: 0;border-left: none;}
.dl-click{display: block;top: 76px;}
.deveparts-menu {position: fixed;left: -240px;top: 0px;z-index: 4;height: 100%;padding: 80px 0 28px 4%;border-right: 1px solid #eee;}
.download-click.dl-click{left: 4%;}
.download-menu {position: fixed;width: 260px;left: -260px;top: 0px;z-index: 4;height: 100%;padding-top: 72px;padding-bottom: 20px;border-right: 1px solid #eee;}
.download-cont {width: 100%;padding: 32px 36px 68px;border-left: none;min-height: 400px;}
.newsxq-cont{width: 66%;}
.newsxq-list{width: 32%;}
.techlibnav{top: 60px;}
.techlibnav-menu{display: none;}
.techlibnav-search{width: 100%;height: 50px;line-height: 50px;}
.techlibnav-searchlink{top: 41px;}
.sidebar-click.dl-click{top: 124px;left: 4%;}
.sidebar{left: -240px;top: 0px;z-index: 4;height: 100%;padding: 124px 0 40px 4%;border-right: 1px solid #eee;}
.techlibitem{background: #fff;padding-top: 50px;}
.docucon {width: 100%;padding: 40px 32px 68px;}
.techlibitem:before{background: #fff;}
.docucon-top h6{font-size: 24px;}
.docucon-bot .queswt-help {margin-top: 40px;}
.newsban-wdtit p{font-size: 20px;letter-spacing: normal;}
.newsban-wdtit h6{font-size: 30px;margin: 10px 0;}
.newsban-wddes p{font-size: 16px;}
.newsban-wddes span{margin: 10px 0;}
.newsmenu a{margin: 0 20px;}
.page-container{padding: 40px 0;}
.pro-detail .text{width: 46%;}
.pro-detail .text h6{font-size: 24px;line-height: 26px;}
.pro-detail .text p{line-height: 24px;}
.pro-detail{padding: 34px 0 40px;}
.mod-trait{padding: 40px 0;}
.modtra-img{margin-top: 30px;}
.modtra-list{margin-top: 30px;}
.modtra-list ul li h5{line-height: 60px;}
.modtra-list ul li h5 img{height: 40px;}
.modtra-list ul li h6{font-size: 18px;margin: 0;}
.modtra-list ul li p{font-size: 14px;line-height: 24px;}
.mod-scene .img img{min-height: 300px;}
.modscene-text .text{width: 50%;}
.mod-spec{padding: 40px 0;}
.mod-tab{margin-top: 34px;}
.mod-tabbox{overflow-x: auto;}
.mod-tab table{width: 800px;}
.mod-tab table td{padding-left: 5px;}
.modspec-text{margin-top: 20px;}
.modsafe-list{margin-top: 30px;}
.modsafe-list ul li{padding: 18px 20px;}
.modsafe-list ul li h5{line-height: 50px;}
.modsafe-list ul li h5 img{height: 40px;}
.modsafe-list ul li h6{font-size: 16px;margin: 8px 0;}
.modsafe-list ul li p{font-size: 14px;line-height: 24px;height: 96px;min-height: auto;}
.mod-safe{padding: 10px 0 40px;}
.prolist ul li .text{padding: 18px 20px;}
.prolist ul li .text h6{font-size: 18px;margin-bottom: 2px;}
.prolist ul li .text p{font-size: 14px;line-height: 24px;height: 48px;}
.prolist ul li .more a{width: 140px;}
.mod-buyent{padding: 40px 0;}
.prolist{margin-top: 30px;}
/*.prolist ul li:first-child .text{padding: 20px 30px 0 0;}
.prolist ul li:first-child .text p{min-height: auto;height: 48px;display: -webkit-box; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}*/
body.body-loginsign .Container-wrapper {margin-top: 0;}
.body-loginsign .Header-wrapper{background: transparent;box-shadow: none;}
.body-loginsign .Header-logo a img.Header-logoimg{display: none;}
.body-loginsign .Header-logo a img.Header-logoimgW{display: block;}
.body-loginsign .Header-wrapper:after {display: none;}
.newsxqban-wdtitle h6{width: 100%;}
.wrap-company .profile{ padding-bottom:20px;}
.wrap-company .heading{ padding-top:5px;}
.culture-list ul li{ width:32%; vertical-align:top; padding-left:10px; padding-right:10px;}
.wrap-company .heading h2{ font-size:14px;}
.wrap-company .heading span{ font-size:26px;}
.culture-list ul li .c-title{ font-size:18px;}
.culture-list ul li .c-desc{ font-size:14px;}
.page-banner-img{ margin-top:60px;}
}
@media all and (max-width:768px) {
.newslist ul li a{padding-left:280px;}
.newslist ul li .img{ width:280px;}
}
@media all and (max-width:640px) {
.newslist ul li a{padding-left:0;}
.newslist ul li .img{ position:relative; left:auto; top:auto; width:100%; height:auto; clear:both;}
.newslist ul li .img img{width:100%; height:auto;}
.breadcrumb .catname h2{ display:none;}
.breadcrumb .position{ left:0; right:auto;}
.message .left {float:none;width:100%;}
.message .right {float:none;width:100%;}
.wrap-company .content-left{width:100%; clear:both;}
.wrap-company .content-right{width:100%; text-align:center; margin-top:10px; padding-left:0; clear:both;}
.faqs-list {margin: 36px 0 38px;}
.faqs-q {padding: 0 40px 0 52px;}
.faqs-q p {font-size: 14px;line-height: 22px;}
.faqs-a {padding: 24px 20px 28px;}
.faqs-q:after{width: 34px;}
.queswt .faqs-a {padding: 36px 20px 28px;}
.queswt-collect{right: 10px;top: 10px;}
.queswt-help span {margin-right: 12px;}
.queswt-help label{width: 60px;height: 36px;line-height: 36px;}
.queswt-help{margin-top: 18px;}
.quesban-wd h6 {font-size: 24px;}
.quesban-input {width: 300px;margin-top: 20px;padding: 0 42px 0 14px;}
.quesban-input i{width: 42px;}
.quesmenu a{margin: 0 20px;}
.quesmenu a{height: 48px;line-height: 48px;}
.queswt {padding: 42px 0;}
.questl-wd h6 {font-size: 20px;}
.questl img {height: 220px;}
.quesly-title h6 {font-size: 20px;}
.quesly {padding: 40px 0;}
.quesly-form {margin-top: 24px;}
.quesly-submit{height: 36px;}
.quesly-file {margin-top: 8px;}
.quesly-item {margin-top: 16px;}
.searss {padding: 38px 0;}
.searlb {padding: 36px 0 40px;}
.searlb-link .faqs-q:before {top: 12px;}
.searlb-link .faqs-q {padding: 0 0 0 52px;}
.searlb-link .faqs-q span {line-height: 26px;margin-top: 8px;height: 52px;}
.searlb-list {padding: 30px 0 34px;}
.download-cont {padding: 32px 20px 42px;min-height: 400px;}
.download-itemtit{font-size: 18px;line-height: 20px;}
.download-itemname {padding: 0 12px;}
.download-itemdata-loop {padding: 0 12px;}
.download-itemname li{padding: 10px 0;}
.download-itemname li:nth-child(1){width:40%;}
.download-itemname li:nth-child(2),.download-itemname li:nth-child(3){width: 30%;}
.download-itembtn.download-itemname li:nth-child(1){width: 100%;padding-bottom: 4px;}
.download-itembtn.download-itemname li:nth-child(2), .download-itembtn.download-itemname li:nth-child(3){width: 50%;text-align: left;padding-top: 0;}
.download-itembtn.download-itemname:after{top: auto;margin-top: 0;bottom: 10px;}
.download {padding: 38px 0;}
.download-menulink{padding: 0 4%;height: 38px;line-height: 38px;}
.newsxqban-wdtitle h6 {margin-bottom: 10px;font-size: 20px;width: 100%;padding: 0 4%;}
.newsxqban-wdtitle span {font-size: 16px;padding-left: 24px;}
.newsxqban-wdtime>span, .newsxqban-wdtime>div {font-size: 20px;}
.newsxqban-wdtime>span {margin: -8px 8px 0;}
.newsxqban-wdtime>div {height: 36px;line-height: 32px;width: 60px;letter-spacing: 21px;padding-left: 9px;}
.newsxqban-wdtime {margin-top: 18px;}
.newsxqban-wd .toLink {margin-top: 18px;width: 132px;}
.newsxqban img{height: 300px;}
.newsxq {padding: 38px 0 42px;}
.newsxq-menu{display: none;}
.newsxq-item{margin-top: 0;}
.newsxq-conttit {padding-bottom: 18px;}
.newsxq-cont {width: 100%;}
.newsxq-list{width: 100%;margin-top: 28px;padding-bottom: 24px;}
.contact {padding: 38px 0 40px;}
.contact-wdtit h6 {font-size: 20px;}
.contact-wdtit p {font-size: 16px;margin-top: 10px;}
.contact-wd .toLink {width: 140px;margin-top: 20px;}
.contact-list {margin-top: 36px;}
.contact-item {padding: 36px 0;}
.support-items-wd {margin-top: 20px;}
.support-items {padding-bottom: 42px;}
.support-items-wd h6{font-size: 18px;}
.support-items-link {margin-top: 12px;}
.support-items-link a {margin: 0 10px;}
.support-items-img {width: 88px;height: 88px;line-height: 88px;}
.support-items-list li{margin-top: 24px;}
.support-items-list{padding-top: 12px;}
.docucon-top h1 {font-size: 20px;line-height: 1.2em;}
.queswt-error, .docucon-top .queswt-collect{top: -12px;}
.newsmenu{overflow: hidden;}
.newsmenu a{margin: 0;width:33.33%;float: left;line-height: 44px;height: 44px;font-size: 14px;}
.newsmenu a:after{height: 2px;}
.newslist ul{margin-left: 0;}
.newslist ul li{width: 100%;margin-left: 0;}
.page-container{padding: 20px 0;}
.newslist ul li .text{padding: 16px;}
.pro-detail .img{width: 100%;line-height: normal;margin-bottom: 20px;}
.pro-detail .text{width: 100%;}
.modtra-list{margin-top: 4px;}
.modtra-list ul li{width: 100%;margin-top: 20px;}
.modtra-list ul li p {max-width: 100%;}
.mod-trait{padding: 34px 0 40px;}
.modscene-text .text{width: 100%;text-align: center;}
.mod-tab table td{min-width: 80px;}
.mod-scene:after{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .5;}
.modsafe-list ul{margin-left: 0;}
.modsafe-list ul li{width: 100%;margin-bottom: 20px;margin-left: 0;}
.modsafe-list ul li:last-child{margin-bottom: 0;}
.modsafe-list ul li p{height: auto;}
.mod-spec{padding: 34px 0 30px;}
.prolist ul li{width: 100%;margin-bottom: 20px;}
/*.prolist ul li:last-child{margin-bottom: 0;}
.prolist ul li:first-child .img{width: 100%;}
.prolist ul li:first-child .text{width: 100%;padding: 20px 0 0 0;}*/
.prolist ul li .more .toLink{width: 130px;}
.prolist ul li .more .toLink span{font-size:15px;height:34px;line-height:34px}
.pro-detail .more a span, .prolist ul li .more a span{font-size: 15px;}
.devetl-wd h6 {font-size: 20px;}
.pagenavi span,.pagenavi a{padding: 0px 8px;line-height:24px;}
.indnh-liwd h6{ font-size:16px;}
.indnh-liwd p{ font-size:14px;}
.indnh-liwd a{ font-size:14px;}
.post-container{ padding:30px 15px;}
.post-container h1{ font-size:28px;}
.post-container .postmeta{ font-size:13px;}
.post-content{ padding:15px 0;}
.wrap-company .heading h2{ font-size:13px;}
.wrap-company .heading span{ font-size:24px;}
.culture-list ul li .c-title{ font-size:17px;}
.culture-list ul li .c-desc{ font-size:13px;}
.article-middle .left{ display:none;}
.article-middle .right{ padding-left:0; clear:both;}
.breadcrumb{ min-height:inherit;}
.breadcrumb .position{position: relative; top:auto; text-align: left; padding-top: 10px; padding-bottom: 10px; background-size:9px auto; background-position:5px 13px;}
}
@media all and (max-width:480px) {
.culture-list ul li{ width:49%;}
.culture-list ul li:nth-child(2n){ clear:right;}
.culture-list ul li:nth-child(2n+1){ clear:left;}
.wrap-company .culture{ padding-bottom:30px;}
.wrap-company .culture .heading{ padding-top:30px;}
}
@media all and (max-width:360px) {
.page-container {padding: 15px 0;}
.article-middle{ margin-top:0;margin-bottom:20px;}
.article-middle .right .content{ border-bottom:0;}
.article-middle .right .content h2{ font-size:18px;}
}