@charset "utf-8";
/******header**********/
.phom, .topby, .fook { display: none; }
.header { width: 100%; height: 107px; display: block; background: #FFF; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); }
.header .head { width: 96%; height: 107px; margin: 0 auto; }
.header .head .logo { width: 24%; height: 107px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.header .head .sea { width: 6%; display: block; height: 107px; line-height: 107px; cursor: pointer; position: relative; }
.header .head .sea:after { content: ''; width: 1px; height: 100%; background: #e5e9f2; position: absolute; left: 0; top: 0; z-index: 1; }
.header .head .search { display: none; position: absolute; right: 0; top: 0; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
.header .head .search .satr { width: 600px; overflow: hidden; margin: 0 auto 0 auto; position: relative; padding-top: 15%; }
.header .head .search .satr em { position: absolute; right: 10px; top: 40%; z-index: 10; }
.header .head .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.header .head .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; }
.header .head .search .sousuo { width: 60px; height: 60px; background: url(../images/ser_btn.png) no-repeat center #01257b; border: 0; float: left; }
.header .head .stmenu1 { width: 5.7%; position: relative; overflow: visible; z-index: 1; height: 107px; }
.header .head .stmenu1:after { content: ''; width: 1px; height: 100%; background: #e5e9f2; position: absolute; left: 0; top: 0; }
.header .head .stmenu1 .xiala { width: auto; height: 107px; line-height: 107px; }
.header .head .stmenu1 .childa { display: none; width: 280px; position: absolute; top: 107px; right: -40px; z-index: 9999; background: #FFF; padding: 10px; }
.header .head .lan { width: 5%; height: 107px; line-height: 107px; }
.header .head .menu { width: 54%; height: 107px; }
.header .head .menu li { float: left; display: inline; width: 12.5%; position: relative; text-align: center; }
.header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 107px; line-height: 107px; }
.header .head .menu li a.navhover, .header .head .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #01257b; }
.header .head .menu .children { display: none; position: absolute; top: 107px; left: 0; width: 100%; line-height: normal; z-index: 9999; }
.header .head .menu .children li { width: 100%; display: block; border-top: 1px #2953b8 solid; }
.header .head .menu .children li a { display: block; padding: 10px 5px; color: #FFF; background: #01257b; border-top: 1px #051f5e solid; }
.header .head .menu .children li a:hover { color: #FFF; background: #f40000; }
.header.clone { position: fixed; left: 0; top: 0; z-index: 90; }
/*footer*/
.footer { width: 100%; overflow: hidden; background: #282828; color: #FFF; }
.footer a { color: #FFF; }
.footer .foot2 dt:after, .footer .foot3 dt:after { content: ''; width: 2em; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; }
.footer .foot3 { width: 30%; }
.copy { width: 100%; overflow: hidden; background: #414141; color: #FFF; }
.copy a { color: #FFF; }
/***************共用内页***************/
.left { width: 17%; overflow: hidden; float: left; }
.left_top { width: 100%; overflow: hidden; border-bottom: 1px #e5e5e5 solid; }
.left .sub_bo { width: 100%; overflow: hidden; }
.left .sub_bo .subNav { width: 100%; overflow: hidden; display: block; cursor: pointer; }
.left .sub_bo .subNav a { font-size: 1vw; position: relative; }
.left .sub_bo .subNav a:hover, .left .sub_bo .subNav.cur a { color: #d20000; font-size: 1.2vw; font-weight: bolder; padding-left: 24%; }
.left .sub_bo .subNav a:hover:after, .left .sub_bo .subNav.cur a:after { content: ''; width: 22%; height: 1px; background: #d20000; position: absolute; left: 0; top: 50%; }
.left .sub_bo .navContent { width: 100%; display: none; }
.left .sub_bo .navContent li { overflow: hidden; display: block; padding-left: 24%; }
.left .sub_bo .navContent li a { display: block; position: relative; padding-left: 10px; }
.left .sub_bo .navContent li a:after { content: ''; width: 4px; height: 4px; border-radius: 100%; background: #333; position: absolute; left: 0; top: 50%; }
.left .sub_bo .navContent li a:hover, .left .sub_bo .navContent li a.cut { color: #d20000; }
.left .sub_bo .navContent li a:hover:after, .left .sub_bo .navContent li a.cut:after { background: #d20000; }
.cateList { display: none; }
.right { width: 79.6%; overflow: hidden; float: right; }
.right img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.xgcpn { width: 100%; margin: 20px 0 0 0; }
.cpnb li { width: 48%; float: left; margin: 0 1% 20px 1%; }
.cpnc li { width: 31.33%; float: left; margin: 0 1% 20px 1%; }
.cpnd li { width: 23%; float: left; margin: 0 1% 20px 1%; }
.cpne li { width: 18%; float: left; margin: 0 1% 20px 1%; }
.product-list li { overflow: hidden; position: relative; }
.product-list li i { width: 100%; display: block; overflow: hidden; display: block; }
.product-list li i img { width: 100%; display: block; }
.product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 5; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 10; }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #01257b; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #01257b; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #084fa1; border-right: 3px solid #084fa1; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #084fa1; border-bottom: 3px solid #084fa1; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.product-list li:hover figcaption { color: #d20000; }
/*PageBar*/
.PageBar { clear: both; width: 80%; overflow: hidden; text-align: center; }
.PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.PageButtons span { color: #ffffff; background-color: #d20000; border: 1px solid #d20000; }
.PageButtons a:hover { background: #01257b; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dedede; line-height: normal; }
.newm { border-left: 6px #084fa1 solid; padding-left: 7px; }
.new2 { color: #666; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arList li .newsl { width: 25%; overflow: hidden; float: left; height: auto; }
.arList li .newsr { width: 72%; overflow: hidden; float: right; }
.arList li .moren { padding: 10px 20px; border: 1px solid #01257b; display: block; float: right; margin-top: 20px; color: #01257b; }
.arList li:hover { background: #f7f7f7; }
.arList li:hover .newm { color: #d20000; }
.arList li:hover .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); }
.arList li:hover .moren { background: #01257b; color: #FFF; }
.arList li:last-child { border-bottom: none; }
/*新闻内页*/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 3px #eeeeee solid; }
.news_tit p { color: #666; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { color: #01257b; padding-left: 15px; margin: 20px 0; display: block; font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; position: relative; }
.arContent h2:after, .arContent h3:after, .arContent h4:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #01257b; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.arContent h2 { font-size: 24px; }
.arContent h3 { font-size: 22px; }
.arContent h4 { font-size: 20px; }
.arContent table { border-collapse : collapse; font-size: 12px; background: #f4f4f4; }
.arContent table tr td { padding: 10px 5px; border: 1px solid #ffffff; }
.arContent table tr:nth-child(1) { background: #0b1a3e; color:#FFF;}
.arContent table tr td:nth-child(1) { background: #0b1a3e; color:#FFF;}
.arContent table tr:nth-of-type(even) { background: #fae5e5; }
/*产品内页*/
.htmleaf-container { width: 60%; overflow: hidden; float: left;}
.cpz_ry{ width: 36%; overflow: hidden; float: right;}
.cpz_ry .right_top{ border-bottom:0.3vw #eeeeee solid; padding-bottom:10px;}
.cpz_ry .zxlxn{ width:auto; padding:14px 50px; float:left; background:#01257b; cursor:pointer; border-radius:2vw;}
.cpz_ry .zxlxn:hover{ background:#d20000;}










/*内容*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 14px; position: relative; }
.zs p:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #01257b; position: absolute; left: 0; top: 2px; }
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }

/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; }
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; }
.FastMove div p { width: 90%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background: #01257b; color: #FFF; }
.FastMove div:hover a { color: #FFF; }
/*相关文章*/
.xgxx_l { width: 43%; overflow: hidden; float: left; }
.xgxx_l a { height: 24px; line-height: 24px; overflow: hidden; }
.xgxx_l:hover a { color: #d20000; }
.xgxx_r { width: 45%; overflow: hidden; float: right; }
.xgxx_r li { width: 100%; overflow: hidden; display: block; margin-top: 12px; position:relative;}
.xgxx_r li:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #333; position: absolute; left: 0; top: 5px; }
.xgxx_r li a { padding-left: 14px; height: 20px; line-height: 20px; overflow: hidden; }
.xgxx_r li:hover:after{ background: #01257b; border-radius: 100%;}
.xgxx_r li:hover a { color: #d20000; }
/*ztitle*/
.ztitle { width: 100%; overflow: hidden; border-bottom: 6px #eeeeee solid; }
.ztitle span { float: left; display: block; font-weight: bolder; width: auto; line-height: normal; margin-right: 20px; padding: 20px 0; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #d20000; }
.zntit_con { width: 100%; overflow: hidden; margin: 0 auto; }
/*视频集锦*/
.oh dl { width: 23%; float: left; margin: 0 1% 20px 1%; overflow: hidden; }
.oh dl dt { width: 100%; position: relative; overflow: hidden; }
.oh dl dt i { width: 100%; height: 100%; background: url(../images/video.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.oh dl dd { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.oh dl:hover dt span img { transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); }
/*在线留言*/
.zxly { width: 100%; overflow: hidden; background: #f0f0f0; padding: 10px 0 30px 0; margin-top: 30px; }
.zxly .subform { width: 96%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 47%; overflow: hidden; float: left; }
.zxly .subform .form-groupfl .form-control { width: 100%; height: 44px; line-height: 44px; background: #FFF; border: 0; margin-top: 20px; text-indent: 2em; }
.zxly .subform .form-groupfr { width: 47%; overflow: hidden; float: right; margin-top: 20px; }
.zxly .subform .form-groupfr textarea { width: 100%; height: 105px; background: #FFF; border: 0; padding: 10px 0; text-indent: 2em; }
.zxly .subform .form-groupfr .btn-info { width: 100%; height: 44px; line-height: 44px; background: #01257b; border: 0; margin-top: 20px; float: right; color: #FFF; }
.fla { width: 55%; overflow: hidden; float: left; }
.subformc { width: 40%; overflow: hidden; float: right; }
.subformc .form-group { width: 100%; overflow: hidden; margin-bottom: 20px; }
.subformc .form-group .control-label { width: auto; line-height: normal; margin-bottom: 10px; float: left; }
.subformc .form-group .control-div { width: 100%; overflow: hidden; }
.subformc .form-group .control-div .form-control { width: 100%; height: 40px; line-height: 40px; border: 1px #dadada solid; text-indent: 2em; }
.subformc .form-group .control-div .form-controlv { width: 100%; height: 150px; border: 1px #dadada solid; padding: 10px 0; text-indent: 2em; }
.subformc .btn-info { width: 100%; height: 44px; line-height: 44px; background: #01257b; border: 0; color: #FFF; }
.btnar, .btnbr { width: 46%; height: 45px; line-height: 45px; text-align: center; border: 0; }
.btnar { background: #01257b; color: #FFF; }
.btnbr { background: #e5e5e5; color: #d20000; }
/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; font-size: 14px; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; margin: 0 auto; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con .li-qq { width: 100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display: block; }
.keifu_con .li-qq .icoTc img { display: block; /*width:105px;*/ margin: 0 auto; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left: 12px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 

#SfMessWrap { border: 2px solid #d4003b; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #d4003b; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 214px; overflow: hidden; padding-bottom: 5px; font-size: 14px; margin: 0 auto; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 214px; padding: 0px; margin: 0px auto; margin-top: 5px; overflow: hidden; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; width: 192px; height: 27px; line-height: 27px; font-size: 12px; font-family: Arial; margin-bottom: 10px; padding: 0 10px; }
#SfMessBodyMid textarea { width: 192px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 10px; margin: 0px auto; font-family: Arial; margin-bottom: 10px; }
#SfMessBodyMid .btn-info { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #d4003b; color: #FFF; border: 0; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*---------QVerify 弹出滑动css---------*/
#QVerify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { font-size: 14px; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
 @media screen and (max-width: 1600px) and (min-width:0) {
/*header*/
.header { height: 100px; }
.header .head { width: 97%; height: 100px; }
.header .head .logo { height: 100px; }
.header .head .sea { height: 100px; line-height: 100px; }
.header .head .stmenu1 { height: 100px; }
.header .head .stmenu1 .xiala { height: 100px; line-height: 100px; }
.header .head .stmenu1 .childa { top: 100px; }
.header .head .lan { height: 100px; line-height: 100px; }
.header .head .menu { height: 100px; }
.header .head .menu li a.xialaguang { height: 100px; line-height: 100px; }
.header .head .menu .children { top: 100px; }
.product-list li figcaption { height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1400px) and (min-width:0) {
/*header*/
.header { height: 95px; }
.header .head { height: 95px; }
.header .head .logo { height: 95px; }
.header .head .sea { height: 95px; line-height: 95px; }
.header .head .stmenu1 { height: 95px; }
.header .head .stmenu1 .xiala { height: 95px; line-height: 95px; }
.header .head .stmenu1 .childa { top: 95px; }
.header .head .lan { height: 95px; line-height: 95px; }
.header .head .menu { height: 95px; }
.header .head .menu li a.xialaguang { height: 95px; line-height: 95px; }
.header .head .menu .children { top: 95px; }
.product-list li figcaption { height: 45px; line-height: 45px; }
}
@media screen and (max-width: 1200px) and (min-width:0) {
/*header*/
.header { height: 90px; }
.header .head { height: 90px; }
.header .head .logo { height: 90px; }
.header .head .sea { height: 90px; line-height: 90px; }
.header .head .stmenu1 { height: 90px; }
.header .head .stmenu1 .xiala { height: 90px; line-height: 90px; }
.header .head .stmenu1 .childa { top: 90px; }
.header .head .lan { height: 90px; line-height: 90px; }
.header .head .menu { height: 90px; }
.header .head .menu li a.xialaguang { height: 90px; line-height: 90px; }
.header .head .menu .children { top: 90px; }
.product-list li figcaption { height: 35px; line-height: 35px; }
}
 @media screen and (max-width: 1100px) and (min-width:0) {
/*header*/
.header { height: 86px; }
.header .head { height: 86px; }
.header .head .logo { height: 86px; }
.header .head .sea { height: 86px; line-height: 86px; }
.header .head .stmenu1 { height: 86px; }
.header .head .stmenu1 .xiala { height: 86px; line-height: 86px; }
.header .head .stmenu1 .childa { top: 86px; }
.header .head .lan { height: 86px; line-height: 86px; }
.header .head .menu { height: 86px; }
.header .head .menu li a.xialaguang { height: 86px; line-height: 86px; }
.header .head .menu .children { top: 86px; }
}