/* 技术支持 开元重庆科技有限公司 */
a{color:#333;}
a:hover{color: #004693;}
img{max-width: 100%;}
.pr{position: relative;}
.wrapper{width:1240px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}
.ovh{overflow: hidden;}
.padt60{padding:80px 0 0;}
.pad60{padding:80px 0;}

.header{width: 100%; height:90px;}
.headwarp{ position: fixed; top: 0; left: 0; right: 0; padding:0 8%; z-index: 99; background: #fff;}
.logo{float: left; line-height: 90px;}
.logo img{max-height: 50px;}

.navbox{float: right;}
.navico{position: absolute; right: 15px; top: 15px; display:none;}
.navico img{width: 24px; height: 22px;}
.hsbg{width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background:#fff; opacity:0.3; z-index:90; display:none;}

.nav{float: left; font-size: 16px;}
.nav ul{float: left;}
.nav ul li{float: left; position: relative; margin: 0 18px; line-height: 90px;}
.nav ul li a{padding: 0 5px; display: block; color: #222; position: relative;}
.nav ul li ul{position: absolute; top: 90px; left: 0; width: 100%; background: #fff; display: none;}
.nav ul li ul li{width: 100%; overflow: hidden; margin: 0; text-align: center; border-bottom: 1px #dbd8d8 solid; line-height: 40px; font-size: 14px;}
.nav ul li:hover a, .nav ul li.on a{ color: #fbb03b;}
.nav ul li:hover a:after, .nav ul li.on a:after{content: ''; width: 100%; height: 4px; background: #fbb03b; position: absolute; left: 0; bottom: 0;}
.nav ul li ul li a, .nav ul li:hover ul li a{ color: #004693;}
.nav ul li.on ul li:hover a, .nav ul li ul li:hover a{ color: #fbb03b;}
.nav ul li.on ul li a:after, .nav ul li:hover ul li a:after{display: none;}

.head_r{float: right;}
.head_rsearch{float: left; border-bottom:1px #747576 solid; margin: 30px 0 0;}
.head_rssinp{width: 100px; height: 30px; line-height: 30px; border:0 none; background: none; float: left; font-size: 14px; color: #333;}
.head_rssbtn{float: left; width: 16px; margin: 7px 0 0;}
.head_languege{line-height: 90px; float: right; padding-left: 10px; font-size: 14px;}
.head_languege a{padding:0 5px;}
.head_languege a.cur{color: #004693;}

.banner{width: 100%; overflow: hidden;}
.banner img{width: 100%;}
.bannerbox{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0)}
.bannerbox .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position: center; background-size: cover;}
.bannerbox.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.bannerbox .pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.bannerbox.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;left:0;width:100%;}
.bannerbox .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:10px; border:2px #fff solid; background:none; opacity:1; margin:0 6px; cursor:pointer;}
.bannerbox .swiper-pagination-bullet-active {opacity:1; background:#fff;}

.ct_title{width: 100%; text-align: center;}
.ct_title p{font-size: 14px; text-transform: uppercase;}
.ct_title h2{font-size: 30px; display: inline-block; position: relative; padding:0 50px;}
.ct_title h2:after, .ct_title h2:before{content: ''; position: absolute; top: 50%; width: 26px; height: 2px; background: #333;}
.ct_title h2:after{left: 0;}
.ct_title h2:before{right: 0;}
.lybg{background: #004693;}
.mymessage{color: #fff; width: 100%; overflow: hidden;}
.mymessage_l{width: 50%; float: left;}
.mymessage_l .ct_title h2:after, .mymessage_l .ct_title h2:before, .fzlc .ct_title h2:after, .fzlc .ct_title h2:before{background: #fff;}
.mymessage_form{width: 100%; overflow: hidden; padding-top: 20px;}
.mymessage_form dl{width: 100%; overflow: hidden;}
.mymessage_form dl dd{border:1px #fff solid; overflow: hidden; display: block; margin:20px 0 0; padding:5px 10px; box-sizing: border-box;}
.mymessage_form dl dd.w50{width: 48%;}
.lyinp, .lytextarea{width: 100%; color: #fff; border:0 none; background: none; font-size: 16px;}
.lyinp{height: 30px; line-height: 30px;}
.lytextarea{height: 110px; line-height: 24px;}
.lyinp::-webkit-input-placeholder{color: #fff;}
.lyinp::-moz-input-placeholder{color: #fff;}
.lyinp::-moz-input-placeholder{color: #fff;}
.lyinp::-ms-input-placeholder{color: #fff;}
.lyinp::input-placeholder{color: #fff;}
.lytextarea::-webkit-input-placeholder{color: #fff;}
.lytextarea::-moz-input-placeholder{color: #fff;}
.lytextarea::-moz-input-placeholder{color: #fff;}
.lytextarea::-ms-input-placeholder{color: #fff;}
.lytextarea::input-placeholder{color: #fff;}
.lysubmit{width: 100%; color: #004693; border:0 none; background: none; font-size: 16px; height: 60px; line-height: 60px; border-radius: 60px; margin-top:30px; background: #fff; text-align: center; cursor: pointer; outline: none; font-weight: bold;}

.mymessage_r{width: 35%; float: right;}
.mymessage_r dl{width: 100%; overflow: hidden; margin-top:30px;}
.mymessage_r dl dt{font-size: 20px;}
.mymessage_r dl dd{font-size: 14px; margin-top:10px; opacity: 0.8;}
.fixbox{position: fixed; bottom: 10%; right: 15px; height: 90px; z-index: 10; display: none;}
.fixbtn{display: block; overflow: hidden; margin-bottom: 10px; width: 40px; height: 40px; border-radius: 40px; background: #014693;}
.fixbtn img{width: 100%; height: 100%;}
.top{display: none;}
.about_box, .ipro_box, .contact_box{width: 100%; margin-top:60px; display: table;}
.about_intro{width: 100%; overflow: hidden; font-size: 14px; line-height: 30px; margin-top:30px;}
.about_l{width: 47%; float: left; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.about_l h1{width: 100%; padding-bottom: 55%; position: relative;}
.about_l.nabout h1{padding-bottom: 80%;}
.about_l h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto;}
.about_l h2{padding:10px 20px 20px; line-height: 24px; font-size: 14px;}
.about_l h3{padding:0 20px 20px; width: 100%; text-align: center;}
.morebtn{display: inline-block; line-height: 40px; border-radius: 10px; padding:0 40px; background: #004693; color: #fff; font-size: 14px; letter-spacing: 4px;}
.morebtn i{display: inline-block; background: url(../images/moreico3.png) no-repeat right center; padding-right: 25px;}
.morebtn:hover{color: #fff; opacity: 0.9;}
.about_r{width: 47%; float: right;}
.about_r dl{width: 100%; overflow: hidden; margin-bottom:50px;}
.about_r dl:last-child{margin-bottom: 0;}
.about_r dl dt{float: left; width: 90px; height: 90px; border-radius: 50%; border:2px #004693 solid;}
.about_r dl dt img{width: 90px; height: 90px;}
.about_r dl dt .abico_on{display: none;}
.about_r dl:hover dt{background: #004693;}
.about_r dl:hover dt .abico{display: none;}
.about_r dl:hover dt .abico_on{display: block;}
.about_r dl dd{margin-left:120px;}
.about_r dl dd h2{font-size: 22px;}
.about_r dl dd h2 span{color: #004693;}
.about_r dl dd p{margin-top:15px; font-size: 14px; line-height: 24px; color: #666;}

.ipro_l{width: 36%; float: left; position: relative;}
.ipro_r{display: block;  width: 63%; float: right;}
.ipro_r ul{width: 101.5%;}
.ipro_box ul li{width: 48.5%; float: left; margin:0 1.5% 15px 0; position: relative;}
.ipro_box h1{width: 100%; overflow: hidden; position: relative;}
.ipro_box h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.ipro_box .ipro_l:hover h1 img, .ipro_box li:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.ipro_box ul li h1{padding-bottom: 70%;}
.ipro_l h1{padding-bottom: 124%;}
.ipro_box h1:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #333; opacity: 0.5; z-index: 2;}
.ipro_box h1:before{content: ''; position: absolute; top:15px; left: 15px; right: 15px; bottom: 15px; border:2px #fff solid; z-index: 3; opacity: 0.7;}
.ipro_box dl{position: absolute; top:50%; left: 20px; right: 20px; z-index: 4; color: #fff; text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
.ipro_box dl dt, .ipro_box dl dd{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 4px;}
.ipro_box dl dt{font-size: 20px; font-weight: bold;}
.ipro_box dl dd{font-size: 14px; margin-top:10px;}
.ipro_box dl span{margin-top:20px;}
.ipro_box ul li dl span{width: 26px; height: 26px; display: inline-block; background: url(../images/moreico2.png) no-repeat;}
.ipro_box .ipro_l:hover h1:after, .ipro_box li:hover h1:after{opacity: 0.2;}

.solution_box{width: 100%; margin-top:50px; padding-top: 50px; overflow: hidden; background: url(../images/icasebg.jpg) no-repeat center top; background-size: 100% 90%;}
.solution_box .swiper-container { width: 100%;  height: 600px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; padding:30px 0;}
.solution_box .swiper-wrapper { position: relative; width: 100%;  height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.solution_box .swiper-slide {flex-shrink: 0;height: 100%; position: relative; text-align: center; background: #fff; transition: 300ms; transform: scale(0.95);  box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.27); overflow: hidden;}
.solution_box .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.05); z-index: 9;}
.solution_box h1{width: 100%;  height: 70%; position: relative; overflow: hidden;}
.solution_box h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto;  transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.solution_box .swiper-slide:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.solution_box a{display: block; width: 100%; height: 100%;}
.solution_box h2{font-size: 20px; padding:15px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.solution_box p{color: #666; font-size: 14px; padding:0 20px; line-height: 24px; max-height: 48px; overflow: hidden;}
.solution_box i{background: url(../images/moreico.png) no-repeat center top; width: 30px; height: 30px; margin-top:10px; display: inline-block;}
.service_box dl{width: 100%; margin-top:50px; overflow: hidden; display: block;}
.service_box.nfw dl:first-child{margin-top:0;}
.service_box dl dt{float: left; width: 38%;}
.service_box dl dd{float: right; width: 55%;}
.service_box dl:nth-child(even) dt{float: right;}
.service_box dl:nth-child(even) dd{float: left;}
.service_box dl dd h2{margin-top:20px; font-size: 30px;}
.service_box dl dd p{margin-top:30px; font-size: 14px; line-height: 30px;}
.service_box dl dd h3{margin-top:30px;}
.morex{display: inline-block; padding:0 25px; line-height: 40px; border-radius: 40px; background: #004693; color: #fff; font-size: 18px;}
.morex:hover{color: #fff; opacity: 0.9;}
.contact_box{overflow: hidden;}
.contact_l{width: 48%; float: left;}
.contact_l img{width: 100%;}
.contact_r{width: 48%; float: right;}
.contact_rbox{font-size: 14px; line-height: 30px;}
.contact_more{margin-top:40px; text-align: right;}
.nbanner{width: 100%; position: relative;}
.nbanner img{width: 100%; min-height: 150px; }
.nban_box{position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform:  translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform:  translate(-50%, -50%); color: #fff; text-align: center;}
.nban_box p{font-size: 14px; text-transform: uppercase;}
.nban_box h2{font-size: 30px}
.fw_title{text-align: center;}
.fw_title h2{font-size: 30px; display: inline-block; position: relative; padding-bottom: 20px;}
.fw_title h2:after{content:''; width: 100%; height: 3px; border-radius: 3px; background: #004693; position: absolute; left: 0; bottom: 0;}
.shzc_cont .fw_title h2{color: #fff;}
.shzc_cont .fw_title h2:after{background: #fff;}
.shzc_box{width: 100%; overflow: hidden; margin-top:30px;}
.shzc_box ul{width: 103%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.shzc_box li{float: left; background: #fff; border-radius: 10px; width: 30.33%; margin: 30px 3% 0 0; overflow: hidden; position: relative; padding:30px 0 50px;}
.shzc_box li h2{padding:0 15px 15px; text-align: center; position: relative; font-size: 24px; color: #004693;}
.shzc_box li h2:after{content:''; width: 50px; height: 3px; border-radius: 3px; background: #004693; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);}
.shzc_box li p{padding:20px 10%; overflow: hidden; font-size: 14px; line-height: 30px;}
.shzc_box li h3{position: absolute; left: 0; bottom: 0; right: 0;}
.shzc_box li h3 img{width: 100%;}
.help_box{padding-top: 20px;}
.help_table{width: 100%;}
.help_btitle{margin-top:30px; background: #eaeef2; border-radius: 10px; padding:20px; font-size: 18px;}
.help_dl{width: 100%; overflow: hidden; display: block; padding:30px 0; border-bottom:1px #eee solid; font-size: 14px; line-height: 24px;}
.help_dl:last-child{border-bottom-width: 0;}
.help_dl h2{font-size: 18px;}
.help_dl .help_ddtxt{margin-top:15px;}
.help_dl dt, .help_dl dd{float: left;}
.help_dl dt{width: 10%; text-align: center;}
.help_dl dd{margin-left:4%;}
.help_dl dd.gz{width: 14%;}
.help_dl dd.gy{width: 23%;}
.help_dl dd.pc{width: 41%;}
.contact_content{padding:30px 0 90px; width: 100%; overflow: hidden;}
.contact_content ul{width: 105%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.contact_content li{width: 28.33%; float: left; padding-bottom: 80px; background: #f2f6f9; position: relative; margin:60px 5% 0 0; border-radius: 10px; text-align: center;}
.contact_content li h1{margin-top:30px;}
.contact_content li h1 img{width: 120px; height: 120px; border-radius: 50%;}
.contact_content li h2{padding:15px 10px 30px; font-size: 18px;}
.contact_content li p{line-height: 24px; padding:0 10px; font-size: 14px; word-wrap: break-word;}
.contact_content li h3{position: absolute; left: 0; bottom: 0;}
.contact_content li h3 img{width: 100%;}
.fzlc{color: #fff;}
.about_fzlcbox{width: 100%; overflow: hidden; margin-top:50px; position: relative;}
.about_fzlcbox:after{content:''; width: 1px; background: #fff; position: absolute; top: 15px; bottom: 15px; left: 50%;}
.about_fzlcbox dl{width: 50%; position: relative; margin: 0 0 0 50%; display: table; padding:5px 0;}
.about_fzlcbox dl dt{width: 13px; height: 13px; border-radius: 50%; background: #fff; position: absolute; top: 12px; left: -6px; z-index: 2;}
.about_fzlcbox dl dd{padding:0 0 0 40px;}
.about_fzlcbox dl dd h2{font-size: 30px;}
.about_fzlcbox dl dd p{font-size: 14px; line-height: 24px; margin-top:10px;}
.about_fzlcbox dl:nth-child(even){margin:0 50% 0 0; text-align: right;}
.about_fzlcbox dl:nth-child(even) dt{left: initial; right: -6px;}
.about_fzlcbox dl:nth-child(even) dd{padding:0 40px 0 0;}
.about_fzlcbox dl:first-child dt{width: 21px; height: 21px; left: -10px;}
.case_content{padding:30px 0 60px; width: 100%; overflow: hidden;}
.case_li{ overflow: hidden; background: #fff9f1; padding:30px; margin-top:30px;}
.case_li:nth-child(even){background: #edf2f7;}
.case_lit{width: 100%; overflow: hidden;}
.case_litimg{width: 45%; float: left;}
.case_litimg img{width: 100%;}
.case_lit_r{width: 52%; float: right;}
.case_lit_rtitle{font-size: 16px; font-weight: bold;}
.case_lit_rtxt{font-size: 14px; line-height: 24px; margin-top:15px;}
.case_lib{margin-top:30px; border-top: 1px #ddd solid; padding:30px 0 0 30px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; position: relative; min-height: 140px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.case_lib dt{float: left; background: #004693; color: #fff; writing-mode: vertical-rl; font-size: 16px; padding:10px 2px; letter-spacing: 4px; border-radius: 10px; position: absolute; top: 30px; left: 0;}
.case_lib dd{float: left; width: 18%; margin:0 0 20px 2%; text-align: center;}
.case_lib dd h1{width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.case_lib dd h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto;}
.case_lib dd h2{font-size: 14px; margin-top:5px;}
.product_content{width: 100%; overflow: hidden; padding-bottom: 80px;}
.prosort{border-bottom: 1px #eee solid; width: 100%; overflow: hidden; font-size: 16px; margin-top:10px;}
.prosort li{float: left; line-height: 24px; margin-right: 40px;}
.prosort li a{ padding: 25px 0; display: block;}
.prosort li.on{font-size: 18px; font-weight: bold; border-bottom: 3px #004693 solid;}
.prosort li.on a{color: #333;}
.prolist{margin-top:60px; width: 100%; overflow: hidden;}
.prolist_title{font-size: 30px; text-align: center; width: 100%; overflow: hidden;}
.prolist ul{width: 105%; overflow: hidden; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.prolist li{width: 28.33%; float: left; margin:30px 5% 0 0;}
.prolist li h1{width: 100%; padding-bottom: 110%; position: relative; overflow: hidden;}
.prolist li h1 img{position: absolute; top:0; left:0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin:auto; transition: all .36s ease; -ms-transition: all .36s ease; -moz-transition: all .36s ease; -webkit-transition: all .36s ease; -o-transition: all .36s ease;}
.prolist li:hover h1 img{transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.prolist li h2{font-size: 18px; padding:10px 0;}
.prolist li p{color: #888; line-height: 20px;}
.prolist_more{margin-top:30px; width: 100%; text-align: right; display: table;}
.prodetail{margin-top:50px;}
.prodetail_title{width: 100%; overflow: hidden; text-align: center; font-size: 24px; padding-bottom: 30px;}
.prodetail_box{width: 100%; overflow: hidden; font-size: 14px; line-height: 24px;}

.shzc_xzbox{width: 100%;}
.shzc_xzbox ul{width: 103%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; flex-wrap: wrap;}
.shzc_xzbox li{float: left; background: #f7f7f7; border-radius: 10px; width: 22%; margin: 0 3% 30px 0; overflow: hidden; position: relative; padding:30px 0 50px; cursor: pointer;-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.shzc_xzbox li:hover{transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.shzc_xzbox li h2{padding:0 15px 20px; text-align: center; position: relative; font-size: 22px; color: #004693;}
.shzc_xzbox li h2:after{content:''; width: 40px; height: 3px; border-radius: 3px; background: #004693; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);}
.shzc_xzbox li p{padding:20px 10%; overflow: hidden; font-size: 14px; line-height: 30px; text-align: center;}
.shzc_xzbox li h3{position: absolute; left: 0; bottom: 0; right: 0;}
.shzc_xzbox li h3 img{width: 100%;}
.bgf7{background: #f7f7f7;}

.xz_btitle{margin-top:30px; background: #f2f6f9; border-radius: 10px; padding:20px; font-size: 18px;}
.xz_list2{padding:10px;}
.xz_list2 a{display: block;}
.xz_list2 dl{padding:10px 40px; overflow: hidden; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; font-size: 16px; line-height: 24px;}
.xz_list2 dt{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.xz_list2 dl em{margin-right:30px; display: inline-block;}
.xz_list2 dl dd{margin-left:10px;}

.xz_sortbox li{ border-bottom: 1px #eee solid; padding-bottom: 15px; overflow: hidden; width: 100%;}
.xz_sorthd{ padding:15px 0 0; font-size: 17px; color: #004693; line-height: 26px; cursor: pointer;}
.xz_sorthd i{width: 0;height: 0;border: 5px solid;border-color:  transparent transparent transparent #004693; display: inline-block; float: left; margin:6px 15px 0;}
.xz_sorthd span{color: #999;}
.xz_sortbd{display: none;}
.xz_sortbox li.on .xz_sorthd i{border-color: #004693  transparent transparent transparent; margin-top: 10px;}
.xz_sortbox li.on .xz_sortbd{display: block;}
.shzc_xzbox li h5{text-align:center;}
.shzc_xzbox li h5 img{width:68px; max-width:30%;}

@media all and (max-width:1600px) {
	.headwarp{padding:0 4%;}
	.nav ul li{margin:0 16px;}

}
@media all and (max-width:1400px) {
	.logo img{max-height: 40px;}
	.nav ul li{margin:0 8px; font-size: 15px;}
}
@media all and (max-width:1300px) {
	.wrapper{width: 94%;}
}
@media all and (max-width:1200px) {
	.headwarp{padding:0 3%;}
	.nav ul li{margin:0 0px; font-size: 15px;}
	.head_rssinp{width: 80px;}
	.about_r dl{margin-bottom: 30px;}
	.about_r dl dt, .about_r dl dt img{width: 60px; height: 60px;}
	.about_r dl dd{margin-left:80px;}
	.solution_box .swiper-container{height: 500px;}
	.solution_box h1{height: 65%;}

}
@media all and (max-width:1000px) {
	.header{height: 50px;}
	.headwarp{padding:0 3%;}
	.logo, .head_languege{line-height: 50px;}
	.logo img{max-height: 30px;}
	.navico{display: block;}	
	.nav{width: 85%; max-width: 360px; position: fixed; top: 50px; right: -85%; bottom: 0; background: #fff; z-index: 98; overflow-y: auto;}
	.nav ul{padding: 20px 20px; display: block; overflow: hidden;}
	.nav ul li{width: 100%; overflow: hidden; margin: 0; font-size: 14px; line-height: 40px;}
	.nav ul li a{border-bottom: 1px #dbd8d8 solid; background: url(../images/navaico.png) no-repeat right 5px center; padding:0;}
	.nav ul li ul{position: inherit; top: 0; left: 0; padding:0; display: block; width: 100%;}
	.nav ul li ul li{ line-height: 40px; text-align: left; border-width:0px;}
	.nav ul li:hover a:after, .nav ul li.on a:after{display: none;}	
	.head_r{position: absolute; bottom: 0; padding: 0 20px;}
	.head_rsearch{margin-top: 10px;}
	.about_r dl{margin-bottom: 20px;}


}

@media all and (min-width:0) and (max-width:768px) {
	.padt60{padding:35px 0 0;}
	.pad60{padding:35px 0;}
	.pad60.lybg{padding:20px 0;}
	.banner img{width: 100%; height: 100%; min-height: 220px; object-fit: cover; display: block;}
	.bannerbox .swiper-pagination-bullet{width: 6px; height: 6px; border:1px #fff solid; margin: 0 4px;}
	.ct_title p{font-size: 12px; display: none;}
	.ct_title h2{font-size: 20px; padding:0 26px;}
	.ct_title h2:after, .ct_title h2:before{width: 16px;}

	.mymessage{width: 85%; position: fixed; top: 50px; right: 0; bottom: 0; overflow-y: auto; z-index: 79; background: #fff; color: #004693; display: none;}
	.mymessage_l, .mymessage_r{width: 90%; overflow: hidden; float: initial;}
	.mymessage_l{padding:50px 5% 20px;}
	.mymessage_r{padding:0 5% 20px;}
	.mymessage_r dl{margin-top:20px;}
	.mymessage_r dl dt{font-size: 16px;}
	.mymessage_r dl dd{margin-top:5px;}
	.mymessage_form{padding-top:10px;}
	.mymessage_form dl dd{border-color: #004693;margin-top: 15px;}
	.lyinp, .lytextarea{color: #004693;}
	.lytextarea{height: 90px;}
	.lyinp::-webkit-input-placeholder{color: #004693;}
	.lyinp::-moz-input-placeholder{color: #004693;}
	.lyinp::-moz-input-placeholder{color: #004693;}
	.lyinp::-ms-input-placeholder{color: #004693;}
	.lyinp::input-placeholder{color: #004693;}
	.lytextarea::-webkit-input-placeholder{color: #004693;}
	.lytextarea::-moz-input-placeholder{color: #004693;}
	.lytextarea::-moz-input-placeholder{color: #004693;}
	.lytextarea::-ms-input-placeholder{color: #004693;}
	.lytextarea::input-placeholder{color: #004693;}
	.lysubmit{background: #004693; color: #fff; height: 45px; line-height: 45px; margin-top:20px;}
	.mymessage_close{position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; transform: rotate(45deg);}
	.mymessage_close:after, .mymessage_close:before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #333;}
	.mymessage_close:after{width: 100%; height: 2px;}
	.mymessage_close:before{width: 2px; height: 100%;}
	.fixbox{display: block;}
	.about_box, .ipro_box, .contact_box{margin-top:20px;}
	.about_intro{margin-top:15px; font-size: 13px; line-height: 24px;}
	.about_l h1{padding-bottom: 60%;}
	.about_l h2{display: none;}
	.about_l h3{padding:10px 0;}
	.about_r dl{margin-bottom:20px;}
	.about_r dl dt, .about_r dl dt img{width: 28px; height: 28px;}
	.about_r dl dd{margin-left:40px;}
	.about_r dl dd h2{font-size: 14px; padding-top: 5px;}
	.about_r dl dd p{display: none;}
	.about_r dl dt{background: #004693;}
	.about_r dl dt .abico{display: none;}
	.about_r dl dt .abico_on{display: block;}
	.morebtn{padding:0 10px; line-height: 30px;}
	.ipro_l{display: none;}
	.ipro_r{width: 100%;}
	.ipro_box h1:before{top: 6px; left: 6px; right: 6px; bottom: 6px;}
	.ipro_box dl dt{font-size: 14px;}
	.ipro_box dl dd{display: none;}
	.ipro_box ul li dl span{margin-top:10px; background-size: 20px auto;}
	.solution_box{background: none; padding-top:0; margin-top:10px;}
	.solution_box .swiper-container{height: 200px; padding:15px 0;}
	.solution_box .swiper-slide { box-shadow: 0px 3px 5px 0px rgba(4, 0, 0, 0.27);}
	.solution_box h2{padding:5px 10px; font-size: 14px;}
	.solution_box h1{height: 70%;}
	.solution_box p{display: none;}
	.solution_box i{margin-top:0; background-size: 20px auto;}
	.service_box dl{margin-top:30px;}
	.service_box dl dd h2{margin-top:0; font-size: 20px;}
	.service_box dl dd p{font-size: 12px; line-height: 20px; max-height: 80px; overflow: hidden; margin-top:10px;}
	.service_box dl dd h3{margin-top:10px;}
	.morex{line-height: 30px; border-radius: 30px; font-size: 14px; padding:0 15px;}
	.contact_rbox{font-size: 12px; line-height: 20px; max-height: 100px; overflow: hidden;}
	.contact_more{margin-top:10px;}
	.nban_box p{display: none;}
	.nban_box h2{font-size: 20px}
	.fw_title h2{font-size: 20px; padding-bottom: 10px;}
	.fw_title h2:after{height: 2px;}
	.shzc_box{margin-top:10px;}
	.shzc_box li{width: 47%; padding:15px 0; margin-top:15px;}
	.shzc_box li h2{font-size: 18px;}
	.shzc_box li p{font-size: 12px; line-height: 20px; padding: 15px 10%;}
	.shzc_box li h2{padding:0 10px 10px;}
	.shzc_box li h2:after{width: 20px; height: 2px;}
	.help_box{padding-top: 10px;}
	.help_btitle, .xz_btitle{margin-top:15px; padding:10px;}
	.help_dl{border-bottom-width: 0; padding:15px 0;}
	.help_dl dt, .help_dl dd, .help_dl dd.gz, .help_dl dd.gy, .help_dl dd.pc{width: 100%; margin-left: 0; overflow: hidden;}
	.help_dl dt{text-align: left; border-bottom:1px #eee solid; padding-bottom: 10px;}
	.help_dl dt h2, .help_dl dt .help_ddtxt{float: left; margin:0; font-size: 18px;}
	.help_dl dd{margin-top:10px;}
	.help_dl dd h2, .help_dl dd .help_ddtxt{font-size: 14px; margin:0;}
	.help_dl dd h2{padding-left: 10px; position: relative;}
	.help_dl dd h2:after{content:''; width: 2px; height: 12px; background: #004693; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.contact_content{padding:20px 0 30px;}
	.contact_content ul{width: 103%;}
	.contact_content li{width: 47%; margin:10px 3% 0 0; padding-bottom: 40px;}
	.contact_content li h1 img{width: 70px; height: 70px;}
	.contact_content li h2{padding:10px 0 10px;}
	.about_fzlcbox{margin-top:20px;}
	.about_fzlcbox dl dd{padding: 0 0 0 20px;}
	.about_fzlcbox dl:nth-child(even) dd{padding: 0 20px 0 0;}
	.about_fzlcbox dl dd h2{font-size: 20px;}
	.about_fzlcbox dl dd p{font-size: 12px; line-height: 20px;}
	.case_content{padding:15px 0 30px;}
	.case_li{margin-top:15px; padding:15px;}
	.case_lib{margin-top:15px; padding-top: 15px;}
	.case_lib dt{top: 15px;}
	.case_lib dd{width: 23%; margin-bottom:10px;}
	.case_lib dd h2{font-size: 12px;}
	.case_lit_rtitle{font-size: 15px;}
	.case_lit_rtxt{font-size: 12px; line-height: 20px; margin-top:10px;}
	.product_content{padding-bottom: 35px;}
	.prolist{margin-top:30px;}
	.prolist_title{font-size: 20px;}
	.prolist li{width: 45%; margin-top:20px;}
	.prolist li h2{font-size: 15px;}
	.prolist_more{margin-top:20px;}
	.prosort{white-space: nowrap; width: 100%; overflow-x: auto;}
	.prosort li{float: initial; display: inline-block; margin-right: 20px;}
	.prosort li a{padding:12px 0;}
	.prodetail{margin-top:30px;}
	.prodetail_title{padding-bottom: 20px; font-size: 20px;}
	.shzc_xzbox li{width: 47%; padding:15px 0; margin-bottom:12px;}
	.shzc_xzbox li h2{font-size: 18px;}
	.shzc_xzbox li p{font-size: 12px; line-height: 20px; padding: 15px 10%;}
	.shzc_xzbox li h2{padding:0 10px 10px;}
	.shzc_xzbox li h2:after{width: 20px; height: 2px;}
	.xz_list2 dl{padding:10px 20px; font-size: 15px;}
	.xz_list2 dl dd img{width: 16px;}


}