@charset "utf-8";
/* CSS Document */
/*****header*******/
a:hover {text-decoration: none;}
.header {width: 100%;z-index: 10;box-shadow: rgb(221, 221, 221) 0px 0px 3px;top: 0;background: #fff;    position: fixed;}
.header.fix{position: fixed;}
.header_nav {width: 80%;margin: 0px auto;}
.logo {width: 180px;}
.headerTop .logo {width: 150px;float: left;height: 45px;margin-right: 30px;}
.header.whiteHeader .headerTop .logo{background: url("../images/logo.png") 0px 0px no-repeat;}
.headerTop .logo a {display: inline-block;width: 140px;}
.headerTop .topRight {float: right;color: rgb(51, 51, 51);display: flex;}
.headerTop .topRight select{width: 70px;}
.headerTop .topRight ul li i {margin-right: 8px;vertical-align: -2px;}
.headerTop .topRight select option {color:rgb(51, 51, 51);height: 30px !important;}

.langChoice{position: relative;line-height: 28px;cursor: pointer;margin-top: 10px;} 
.langChoice dt {line-height: 28px;font-weight: normal;color: rgb(255, 255, 255);}
.langChoice dd::before {border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;top: -16px;content: "";}
.langChoice dd {position: absolute;width: 120px;background: rgb(255, 255, 255);z-index: 10;text-align: center;line-height: 30px;
border-top: 1px solid rgb(221, 221, 221);border-right: 1px solid rgb(221, 221, 221);border-left: 1px solid rgb(221, 221, 221);
border-image: initial;border-bottom: none;display: none;border-radius: 5px;top: 50px;max-height: 240px;
    overflow-y: scroll;}
.searchIcon{position: relative;line-height: 60px;padding: 0 10px;cursor: pointer;}
.searchIcon dt{position: absolute;transition: all ease-in-out 0.5s;top: 0;right: 5px;z-index: 9;}
.searchIcon .search{position: absolute;margin: 0;right: 15px;padding: 0;top: -40px;z-index: 6;box-shadow: none;border-radius: 5px;transition: all ease-in-out 0.3s;
display: flex;height: 40px;background: #fff;}
.search input {height: 40px;color:rgb(0, 0, 0);line-height: 40px;padding: 0px 10px;background: #f3f3f3;transition: all ease-in-out 0.3s;width: 400px;}
.search a{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #38b6ff;text-align: center;}
.search a i{font-size: 20px;color: #fff;}
.search span{display: inline-block;margin: -10px 0 0 10px;background: #fff;}
.searchIcon .search.open{top: 10px;}
.langChoice dd a {display: block;width: 100%;border-bottom: 1px solid rgb(221, 221, 221);}
.langChoice dd a:hover {text-decoration: none;}
.headerTop .topRight .loginIcon i {font-size: 22px;}
.menu > ul {width: 100%;}
.menu ul li a {color: rgb(51, 51, 51);}
.menu_down ul li {text-align: left;display: block !important;}
.menu ul li {vertical-align: middle;font-size: 16px;text-transform: capitalize;margin: 0px 15px;display: inline-block;position: relative;z-index: 2;height: 60px;line-height: 60px;}
.menu ul li a::before {width: 100%;content: "";background:#38b6ff;position: absolute;bottom: 0px;z-index: 0;transition: all 0.2s ease-in-out 0s;left: 0px;height: 0px;}
.menu ul li a:hover::before {height: 5px;}
.menu ul li.activeMenu a::after {content: "";bottom: 0px;height: 5px;left: 0px;background:#38b6ff;width: 100%;position: absolute;}
.menu ul li a {display: inline-block;}
.menu ul li > a {color: #091c4c;font-size: 15px;padding: 0 15px;}
.menu ul li a i {font-size: 12px;color: rgb(153, 153, 153);margin-left: 5px;}
.nav {width: calc(100% - 510px);height: 60px;position: relative;transition: all ease-in-out 0.5s;top: 0;display: inline-block;}
.menu_down {position: absolute;width: 259px;margin-left: -100px;left: 50%;top: 60px;border-radius: 5px;z-index: 9;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;padding: 15px;background: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);}
.menu ul li:hover .menu_down {visibility: visible;opacity: 1;z-index: 9;}
.menu_down {display: block;}
.menu_down ul li {height: auto;line-height: initial;margin:0}
.menu_down ul li a {border: none;font-size: 15px;line-height: 36px;display: inline-block;width: 100%;color: rgb(102, 102, 102) !important;padding:0}
.menu_down ul li a::before {background: none;height: 0 !important;}
.menu_down ul li a::after {background: none;height: 0 !important;}
.menu_down ul li a:hover {border: none;text-decoration: none;color: rgb(36, 59, 98) !important;}
.langChoice dt {color: rgb(51, 51, 51);line-height: 36px;padding-left: 15px;border-left: 1px #ddd solid;}
.langChoice dt i {margin-left: 5px;font-size: 14px;color: rgb(153, 153, 153);}
.langChoice dt i.global{font-size: 20px;margin-right: 3px;color: #333;vertical-align: -3px;}
.langChoice dt i {font-size: 12px;vertical-align: 0px;}
.langChoice dt img {margin-left: 5px;}
.langChoice dd a {padding: 3px 8px;text-align: left;color: rgb(102, 102, 102);font-size: 13px;}
.langChoice dd a img {margin-right: 5px;}
.langChoice dd a:hover {color: rgb(51, 51, 51) !important;}
.headerTop .topRight .line {line-height: 34px;margin: 0px 10px;}
.searchClick{width: 30px;height: 100%;float: right;text-align: center;}
.searchClick i{font-size: 20px;}
/*****banner*******/	
.ind_banner{height: 640px;}	
.ind_banner .swiper_ban{height: 640px;}
.ban_li {height: 100%;overflow: hidden;}
.swiper_ban .swiper-slide {overflow: hidden;}
.swiper-slide-active .ban_img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);
transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;-o-transition: all 3s ease-out;}
.ban_img {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform-origin: center center;-webkit-transform-origin: center center;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;}
.ban_txt {margin: 0 auto;position: absolute;top: calc(50% - 20px);left: 50%;transform: translate(-50%, -50%);max-width: 1000px;width: 60%;}
.swiper-slide-active .ban_txt {-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);transition: all 1s 0.4s ease-out;-webkit-transition: all 1s 0.4s ease-out;-moz-transition: all 1s 0.4s ease-out;-ms-transition: all 1s 0.4s ease-out;-o-transition: all 1s 0.4s ease-out;}
.ban_txt {color: #fff;text-align: center;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.ban_txt h2 {margin: 0;font-size: 44px;text-transform: capitalize;line-height: 1.2;margin-bottom: 16px;}
.ban_txt h3 {margin: 0;font-size: 48px;line-height: 50px;font-weight: bold;letter-spacing: 4px;}
.ban_papagination {position: absolute;bottom: 0 !important;left: 50% !important;transform: translateX(-50%);z-index: 3;width: auto !important;display: inline-block;height: 26px;padding: 5px 15px;background: rgba(0, 0, 0, 0.5);border-radius: 40px;box-sizing: border-box;vertical-align: top;margin: 40px 0;}
.ban_papagination span {position: relative;display: inline-block;width: 16px;height: 16px;margin: 0 3px;vertical-align: top;text-indent: -9999px;cursor: pointer;overflow: hidden;background: none;}
.ban_papagination span:after {position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;margin: -5px 0 0 -5px;background: #fff;border-radius: 100%;content: "";transition: all 0.4s;}
.ban_papagination span:before {position: absolute;left: 6px;top: 6px;width: 5px;height: 5px;border: 1px solid #fff;border-radius: 100%;box-sizing: border-box;content: "";transition: all 0.4s;}
.ban_papagination span.swiper-pagination-bullet-active:after {background: #fff;}
.ban_papagination span.swiper-pagination-bullet-active:before {left: 0;top: 0;width: 16px;height: 16px;border-color: #fff;}
/*****banner*******/
.wrapper{padding-top: 60px;}
.classify ul li{line-height: 32px;border-top: 1px #dedede dotted;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;}
.classify ul li > a{display: inline-block;width: 100%;font-size: 16px;padding-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.classify ul li > a i{position: absolute;right: 10px;font-size: 14px;color: #999;}
.twoMenu_l{display: none;}
.twoMenu_l h5 a{font-size: 15px;display: inline-block;width: 100%;padding-right: 40px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.twoMenu_l {background: #e2ebf3;padding:10px;}
.thrMenu_l h5 a{position: relative;padding-left: 20px;color: #859db3;}
.thrMenu_l h5 a::before{position: absolute;content: "";display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #9ab7d2;left: 5px;top: 13px;}
.classify ul li.active > a{color: #f70;}
.tit h2{font-size: 40px;color: #222;margin-bottom: 20px;text-align: center;text-transform: uppercase;}
.contentBox{padding-top: 50px;background: #f2f2f2;}
.classify {background: #fff;margin-bottom: 50px;}
.classify h2 ,.contactInfo h2{margin-bottom: 25px;font-size: 26px;}
.contactInfo span{display: inline-block;width: 60px;float: left;color: #666;}
.contactInfo p{margin-bottom: 15px;}
.contactInfo  em{display: inline-block;width: calc(100% - 60px);word-break: break-word;}
.neiBan{height: 300px; background-repeat: no-repeat;
   background-position: center;}	
.proTypeInfo{text-align: center;margin-bottom: 20px;}
.proTypeInfo p{color: #666;}
.indType{margin-top: 100px;}	
.indType ul{margin-top: 3px;}
.indType ul li{float: left;width: 33.33%;padding:0 5px;transition: all ease-in-out 0.3s;}	
.indType ul li a{display: inline-block;height: 320px;width: 100%;position: relative;}
.indType ul li p{position:absolute;bottom: 0;left: 0;width: 100%;z-index: 1;padding: 50px 20px 20px;color: #fff;font-weight: bold;background: linear-gradient(to top, rgba(0,0,0,0.6) 10%, rgba(0,0,0, 0) 100%);background: -webkit-linear-gradient(to top, rgba(0,0,0,0.6) 10%, rgba(0,0,0, 0) 100%);background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6) 10%, rgba(0,0,0, 0) 100%);font-size: 18px;text-align: center;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indType ul.on li{width: 30%;}
.indType ul.on li.active{width: 40%;}
.indPro{margin-top: 100px;padding: 80px 0; background-repeat: no-repeat;
   background-position: center;background-size: cover;
    background-attachment: fixed;}
.indPro .tit h2{color: #fff;margin-bottom: 260px;}
.indPro  ul{background-color: rgba(255,255,255,0.9);padding: 20px;border-radius: 10px;}
.indPro  ul li{width: 20%;padding: 0 10px;float: left;}
.indPro  ul li a{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px #d5d5d5 solid;line-height: 36px;position: relative;padding-right: 30px;}
.indPro  ul li a i{float: right;font-size: 14px;color: #38b6ff;position: absolute;right: 0;}
.indPro  ul li a:hover{color: #38b6ff;}
.indAbout{margin-top: 100px;}
.indAbout .aboutImg img{border-radius: 30px 0 30px 0;}
.indAbout .aboutText h5{font-weight: bold;text-transform: uppercase;color: #38b6ff;margin: 20px 0;}
.indAbout .aboutText h2{font-size: 28px;line-height: 42px;margin-bottom: 20px;}
.indAbout .aboutText p{color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.indAbout .aboutText a{display: inline-block;background-color: #38b6ff;color: #fff;padding: 15px 40px;margin-top: 30px;}
.indAbout .aboutText{padding-left: 50px;}
.indAbout2{
    height: 440px;
    padding: 120px 0;
   background-repeat: no-repeat;
   background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    margin-top: 100px;
    }
.indAbout2 h2{font-size: 28px;text-align: center;width: 70%;line-height: 50px;margin: 0 auto;}
/*****sec1*******/	
.indAbout3 .container{position: relative;}
.indAbout3 ul{background: #38b6ff;padding:50px;border-radius: 10px;position: absolute;width: 100%;margin-top: -140px;}
.indAbout3 ul li{width: 25%;float: left;text-align: center;}
.indAbout3 ul li .isnum{font-size: 48px;font-weight: bold;color: #fff;}
.indAbout3 ul li p{color: #fff;}
.indNews{padding: 200px 0 60px;background: #f5f5f5;}
.indNews .newsLi{padding: 0 40px;background: #fff;}
.indNews .newsLi li{display: inline-block;width: 100%;line-height: 30px;border-bottom: 1px #dedede dotted;padding: 30px 0;position: relative;}
.indNews .newsLi li i {position: absolute;right: 0;    color: #999;}
.indNews .newsLi li a{font-size: 15px;color: #666;width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 40px;}
.indNews .newsLi li a:hover{color: #38b6ff;}
.indNews .newsLi li span{display: inline-block;color: #999;}
.indNews .imgBox{overflow: hidden;}
.indNews .imgBox a{position: relative;display: inline-block;}
.indNews .imgBox .newsTit{padding: 0 10px;background: #fff;}
.tit a{float: right;font-size: 15px;color: #666;line-height: 32px;}
.indNews .newInfo {background: #fff;padding: 34px;color: #666;}
.indNews .newInfo span{color: #999;}
.indNews .imgBox img{width: 100%;object-fit: cover;height: 362px;transition: all .4s ease;}
.indNews .imgBox:hover img{transform: scale(1.05);}
.indNews .tit{margin-bottom: 40px;}
.indPart{margin-top: 100px;}
.indPart h2{font-size: 46px;margin-bottom: 100px;line-height: 70px;}
.indPart p{color: #777;}
.indPart input{height: 50px;border-bottom: 1px #ddd solid;display: block;width: 100%;margin-bottom:30px;}
.indPart  a{display: inline-block;background-color: #38b6ff;color: #fff;padding: 15px 40px;margin-top: 30px;}
.indPart  a:hover{opacity: 0.9;}
.indPart form{padding-left: 20%;}
/*****产品*******/	
.proTop .dotBoxL{float: left;width: 640px;}
.proTop .dotBoxL ol{width: 640px;height: 560px;position: relative;margin-bottom: 20px;}
.proTop .dotBoxL ol li{max-height: 100%;max-width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: absolute;z-index: 1;border-radius: 10px;border: 1px #ddd solid;width: 100%;height: 100%;}
.proTop .dotBoxL ol li img{max-width: 100%;opacity: 0;}
.proTop .dotBoxL ol li.open{z-index: 2;}
.proTop .dotBoxL ol li.open img{opacity: 1;}
.proTop .dotBoxL ul li{float: left;width: 100px;height: 100px;border: 2px #ddd solid;cursor: pointer;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.proTop .dotBoxL ul li.active{border: 2px #38b6ff solid;}
.proTop .dotBoxL .videoBox {background: #333;width: 640px;height: 560px;position: absolute;left: 0;top: 0px;z-index: 9;}
.videoIcon {position: absolute;z-index:8;bottom: 10px;left: 10px;width: 50px;height: 50px;line-height: 50px;cursor: pointer;}
.videoIcon i{font-size: 40px;color: #666;}
.videoClose{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.videoClose i{color: #fff;}
.proTop .dotBoxL .proBan{position: relative;}
.proTop .dotBoxL .videoBox video{width: 640px;height: 560px;}
#exzoom {width: 640px;}
.myVideo {position: absolute;width: 100%;height:560px;}
.proDetail .proTop .txtBox{width: calc(100% - 640px);padding-left: 80px;float: left;}
.proDetail .proTop .txtBox h1{font-size: 26px;font-weight: bold;border-bottom: 1px #ddd solid;padding-bottom: 30px;}
.proDetail .proTop .txtBox .inquiryBtn{background-color: #38b6ff;color: #fff;padding: 15px 40px;margin-top: 30px;margin-top: 20px;transition: all ease-in-out 0.3s;display: inline-block;}
.proDetail .proTop .txtBox .inquiryBtn:hover{opacity: 0.9;}
.proDetail .proTop .txtBox .info{padding:30px 0;border-bottom: 1px #ddd solid;}
.proDetail .proTop .txtBox .info h3{font-size: 20px;margin-bottom: 10px;}
.proDetail .proTop .txtBox .info li span{display: inline-block;width: 120px;float: left;}
.proDetail .proTop .txtBox .info li em{width: calc(100% - 120px);display: inline-block;text-align: right;}
.proDetail .proTop .txtBox .info li{padding: 5px 0;color: #666;}
.proDetail .proBtm{margin-top: 40px;} 
.proDetail .proBtm h2{font-size: 24px;margin-bottom: 20px;font-weight: bold;}
.proDetail .proBtm{line-height: 30px;}
.otherPro{margin-top: 100px;}
.otherPro  ul li{width: 20%;padding: 0 10px;float: left;}
.otherPro  ul li a{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px #d5d5d5 solid;line-height: 36px;padding-right: 30px;position: relative;}
.otherPro  ul li a i{float: right;font-size: 14px;color: #38b6ff;position: absolute;right: 0;}
.otherPro  ul li a:hover{color: #38b6ff;}
.otherPro .tit{margin-bottom: 60px;}
	
.rightBox{margin-top: 20px;}
.proItem{border-bottom: 1px #eee solid;padding: 20px;background: #fff;}
.proItem:hover{position: relative;box-shadow: 0 0px 10px #ddd;}
.proItem dl{display: flex;justify-content: space-between;}
.proItem dl dt h2{font-size: 20px !important;margin-bottom: 15px;}
.proItem dl dt p{line-height: 26px;color: #666;font-weight: normal;}
.proItem dl dd{width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;}
.proItem dl dd img{max-width: 100%;}
.proItem a{text-decoration: none;}	
.crumbs{padding: 20px 0;border-bottom: 1px #ddd solid;margin-bottom: 50px;}
.about1 p{color: #666;margin-bottom: 20px;}
.about2 ul li{width: 25%;float: left;text-align: center;}
.about2 ul li .isnum{font-size: 48px;color: #666;}
.about_sec2 {padding: 80px 0;position: relative;background: url("../images/honorBg.jpg") no-repeat center;overflow: hidden;margin-top: 50px;}
.about2_main {text-align: center;position: relative;}
h2.ab2_h2 {margin: 0;font-size: 16px;font-weight: bold;color: #333;line-height: 26px;letter-spacing: 3px;margin-bottom: 50px;}
.about2_swIn ul {display: inline-block;border-bottom: solid 1px #333;white-space: nowrap;}
.about2_swIn ul li {display: inline-block;position: relative;min-width: 110px;}
.about2_swIn ul li a {max-width: 60px;font-size: 20px;line-height: 30px;color: #333;padding: 4px 0 14px;margin-bottom: -8px;text-align: left;position: relative;font-family: Arial, Helvetica, sans-serif;}
.about2_swIn ul li:before {content: "";display: inline-block;width: 4px;height: 11px;background: #333;position: absolute;bottom: -5px;left: 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.about2_swIn ul li.active:before {width: 9px;height: 9px;bottom: -4px;left:-2px;border-radius: 50px;}
.about2_sw {margin: 0 0 15px;overflow: hidden;padding: 30px 0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.about2_txt_lis {display: none;}
.about2_txt {max-width: 780px;margin: 0 auto;text-align: left;}
.about2_txt_lis h2 {margin: 0 0 15px;font-size: 60px;line-height: 1.2;font-weight: bold;color: #000;letter-spacing: 3px;font-family: Arial, Helvetica, sans-serif;}
.about2_txt_lis p {margin: 0 auto 5px;font-size: 16px;line-height: 24px;color: #000;}
.about2_swIn {display: inline-block;}
.about3{margin-top: 40px;}
.about3 ul{margin: 0 -10px;}
.about3 ul li{width: 33.33%;float: left;padding: 0 10px;}
.about3 ul li .imgBox{display: flex;align-items: center;justify-content: center;border: 1px #dedede solid;height: 272px;margin-bottom:20px;}	

/* 联系 */
.contact-title {position: relative;font-family: 'BarlowCondensed-Medium',Helvetica,Arial,sans-serif;font-size: 26px;padding: 0 0 15px 0;margin-bottom: 15px;border-bottom: 1px #ddd solid;}
.contact-title::before {content: "";width: 100px;height: 3px;background: #ccc;position: absolute;left: 0;bottom: 0;}
.contactBox{margin-top: 60px;}
.get-in-touch li>div h3 {font-size: 18px;text-transform: uppercase;padding-bottom: 2px;margin-bottom: 10px;}
.get-in-touch li {border-bottom: 1px solid #dcdcdc;margin-bottom: 25px;}
.get-in-touch li>div {position: relative;padding-left: 25px;padding-bottom: 5px;}
.get-in-touch li>div::before {content: "";display: inline-block;width: 2px;height: 70%;background: #38b6ff;position: absolute;left: 0;bottom: 15%;z-index: 1;}
.get-in-touch li p{display: flex;}
.get-in-touch li p i{margin-right: 5px;display: inline-block;width: 24px;height: 24px;background: #38b6ff;color: #fff;border-radius: 100%;text-align: center;line-height: 24px;}
.contact-line {display: block;width: 1px;height: 100%;background: #dcdcdc;margin: 0 auto;}
.get-in-touch li p span {width: calc(100% - 36px);}
.contactBox .inquiryBox{padding-left: 80px;border-left: 1px #ccc solid;margin-left: 80px;margin-top: 0;}
.inquiryBox .submitBtn:hover{opacity: 0.9;}
.inquiryBox input{border: 1px #ccc solid;height: 40px;width: 100%;padding: 0 10px;}
.inquiryBox span{display: block;}
.inquiryBox sup{font-size: 18px;color: #f00;vertical-align: -12px;margin-right: 4px;}
.inquiryBox .inputBox{margin-bottom: 15px;}
.inquiryBox{margin-top: 30px;}
.inquiryBox h2{margin-bottom: 15px;}
.inquiryBox textarea{border: 1px #ccc solid;height: 100px;width: 100%;padding: 0 10px;}
.inquiryBox .submitBtn {display: inline-block;background-color: #38b6ff;color: #fff;padding: 15px 40px;margin-top: 30px;}
.inquiryBox .submitBtn:hover {opacity: 0.9;}
/* 联系 */
.inquiryMainBox .inquiryBox{margin: 0;padding-left: 50px;}
.newsBox .newsLi{width: 100%;padding: 20px 0;border-bottom: 1px #dedede solid;}
.newsBox .newsLi a{color: #38b6ff;font-family: times;font-size: 18px;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.2s;
-moz-transition:all ease-in-out 0.2s ; -ms-transition:all ease-in-out 0.2s ;    line-height: 24px;display: inline-block;width: 100%;}
.newsBox .newsLi a:hover{color: #069;text-decoration: underline;}
.newsBox .newsLi h5{color: #999;font-size: 14px;margin: 20px 0;}
.newsBox .newsLi p{color: #666;font-size: 16px;;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsTxt h2{font-size: 28px;font-family: "times new roman";}
.newsDetail{margin-top: 50px;}
.newsTxt h5{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt p{font-size: 15px;line-height: 32px;}
	/***footer***/
.footer{background: #19222b;color: #fff;margin-top: 100px;}
.footer .container{margin: 0 auto; padding:0;}
.footer .row{ margin:0px;}
.footerlogo a{width: 144px;height: 39px;margin: 0 0 0 -15px;padding: 0 15px;background: #f3f4f4; display:block;}
.footerwarp {text-align: center;}
.footerwarp  ul{width: 100%;text-align: center;margin-bottom: 20px;}
.footerwarp  ul li{text-transform:capitalize;display: inline-block;margin-top: 20px;}
.footerwarp  ul li a{color: #d3d3d3;font-size: 15px;padding: 0 5px;border-left: 1px #999 solid;}
.footerwarp  ul li:first-child a{border-left: none;}
.footerwarp  ul li a:hover{color:#005DA0;}
.footerwarp p span {margin: 0 10px;}
.footercopy .col-lg-6{ padding:0px;}
.footercopy{margin-top: 20px;border-top: #202a35  1px solid;text-align: center;font-size: 14px;color: #666;padding: 5px 0;}
.footer .links{display: inline-block;margin: 0 auto;margin-top: 20px;}
.footer .links a{margin: 0 5px;transition: all 0.3s ease-in-out;}
.footer .links a:hover{opacity: 0.7;}
/***footer***/



	
	
	
	
@media(max-width:1400px){
	.indType ul li a{height: 300px;}
}	
	
	
@media(max-width:768px) {
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #38b6ff;top: 0;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;
-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;padding-top: 10px;}
body.menuOpen .headerPhoneTop{left:250px;}
body.menuOpen .wrapper{left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background:  #ff8a00;color:  #fff;border-radius:  100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;}
.headerPhone .menu_tr_search button{right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;right: 0;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.proTop .dotBoxL{width: 100%;}
.proTop .dotBoxL .videoBox video{width: 100%;height: 400px;}
.proTop .dotBoxL .videoBox,.proTop .dotBoxL ol{width: 100%;height: 400px;}
.myVideo{height: 400px;}
.proTop .dotBoxL ol li{height: 400px;}
.proDetail .proTop .txtBox{width: 100%;padding-left: 0;margin-top: 30px;}
.otherPro ul li{width: 50%;}
.ban_txt{width: 100%;padding: 20px;}
.ban_txt h2{font-size: 34px;}
.ban_txt h3{font-size: 38px;}
.ind_banner,.ind_banner .swiper_ban {height: 340px;}
.indType {margin-top: 60px;}
.indType ul li{width: 100%;}
.indType ul li a{height: 100px;}
.indType ul.on li{width: 100%;}
.indType ul.on li.active{width: 100%;}
.indPro ul li{width: 50%;}
.indAbout .aboutText{padding: 0;}
.indAbout2 h2{font-size: 22px;line-height: 36px;width: 90%;}
.indAbout3 ul li{width: 50%;}
.indAbout3 ul{position: inherit;    padding: 30px;}
.indNews{padding: 100px 0 60px;}
.indPart form{padding-left: 0;margin-top: 30px;}
.indPart h2{margin-bottom: 20px;}
.about2 ul li{width: 50%;}
.about3 ul li{width: 50%;}
.proItem{padding: 20px 0;}
.contactBox .inquiryBox{padding-left: 0;margin-left: 0;border: none;}
.inquiryMainBox .inquiryBox{padding: 0;}

}