/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 body{margin:0}

 .row{margin-right:-15px;margin-left:-15px}
 .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
 .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
 .col-xs-12{width:100%}
 .col-xs-11{width:91.66666667%}
 .col-xs-10{width:83.33333333%}
 .col-xs-9{width:75%}
 .col-xs-8{width:66.66666667%}
 .col-xs-7{width:58.33333333%}
 .col-xs-6{width:50%}
 .col-xs-5{width:41.66666667%}
 .col-xs-4{width:33.33333333%}
 .col-xs-3{width:25%}
 .col-xs-2{width:16.66666667%}
 .col-xs-1{width:8.33333333%}
 .col-xs-pull-12{right:100%}
 .col-xs-pull-11{right:91.66666667%}
 .col-xs-pull-10{right:83.33333333%}
 .col-xs-pull-9{right:75%}
 .col-xs-pull-8{right:66.66666667%}
 .col-xs-pull-7{right:58.33333333%}
 .col-xs-pull-6{right:50%}
 .col-xs-pull-5{right:41.66666667%}
 .col-xs-pull-4{right:33.33333333%}
 .col-xs-pull-3{right:25%}
 .col-xs-pull-2{right:16.66666667%}
 .col-xs-pull-1{right:8.33333333%}
 .col-xs-pull-0{right:auto}
 .col-xs-push-12{left:100%}
 .col-xs-push-11{left:91.66666667%}
 .col-xs-push-10{left:83.33333333%}
 .col-xs-push-9{left:75%}
 .col-xs-push-8{left:66.66666667%}
 .col-xs-push-7{left:58.33333333%}
 .col-xs-push-6{left:50%}
 .col-xs-push-5{left:41.66666667%}
 .col-xs-push-4{left:33.33333333%}
 .col-xs-push-3{left:25%}
 .col-xs-push-2{left:16.66666667%}
 .col-xs-push-1{left:8.33333333%}
 .col-xs-push-0{left:auto}
 .col-xs-offset-12{margin-left:100%}
 .col-xs-offset-11{margin-left:91.66666667%}
 .col-xs-offset-10{margin-left:83.33333333%}
 .col-xs-offset-9{margin-left:75%}
 .col-xs-offset-8{margin-left:66.66666667%}
 .col-xs-offset-7{margin-left:58.33333333%}
 .col-xs-offset-6{margin-left:50%}
 .col-xs-offset-5{margin-left:41.66666667%}
 .col-xs-offset-4{margin-left:33.33333333%}
 .col-xs-offset-3{margin-left:25%}
 .col-xs-offset-2{margin-left:16.66666667%}
 .col-xs-offset-1{margin-left:8.33333333%}
 .col-xs-offset-0{margin-left:0}
 @media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
 .col-sm-12{width:100%}
 .col-sm-11{width:91.66666667%}
 .col-sm-10{width:83.33333333%}
 .col-sm-9{width:75%}
 .col-sm-8{width:66.66666667%}
 .col-sm-7{width:58.33333333%}
 .col-sm-6{width:50%}
 .col-sm-5{width:41.66666667%}
 .col-sm-4{width:33.33333333%}
 .col-sm-3{width:25%}
 .col-sm-2{width:16.66666667%}
 .col-sm-1{width:8.33333333%}
 .col-sm-pull-12{right:100%}
 .col-sm-pull-11{right:91.66666667%}
 .col-sm-pull-10{right:83.33333333%}
 .col-sm-pull-9{right:75%}
 .col-sm-pull-8{right:66.66666667%}
 .col-sm-pull-7{right:58.33333333%}
 .col-sm-pull-6{right:50%}
 .col-sm-pull-5{right:41.66666667%}
 .col-sm-pull-4{right:33.33333333%}
 .col-sm-pull-3{right:25%}
 .col-sm-pull-2{right:16.66666667%}
 .col-sm-pull-1{right:8.33333333%}
 .col-sm-pull-0{right:auto}
 .col-sm-push-12{left:100%}
 .col-sm-push-11{left:91.66666667%}
 .col-sm-push-10{left:83.33333333%}
 .col-sm-push-9{left:75%}
 .col-sm-push-8{left:66.66666667%}
 .col-sm-push-7{left:58.33333333%}
 .col-sm-push-6{left:50%}
 .col-sm-push-5{left:41.66666667%}
 .col-sm-push-4{left:33.33333333%}
 .col-sm-push-3{left:25%}
 .col-sm-push-2{left:16.66666667%}
 .col-sm-push-1{left:8.33333333%}
 .col-sm-push-0{left:auto}
 .col-sm-offset-12{margin-left:100%}
 .col-sm-offset-11{margin-left:91.66666667%}
 .col-sm-offset-10{margin-left:83.33333333%}
 .col-sm-offset-9{margin-left:75%}
 .col-sm-offset-8{margin-left:66.66666667%}
 .col-sm-offset-7{margin-left:58.33333333%}
 .col-sm-offset-6{margin-left:50%}
 .col-sm-offset-5{margin-left:41.66666667%}
 .col-sm-offset-4{margin-left:33.33333333%}
 .col-sm-offset-3{margin-left:25%}
 .col-sm-offset-2{margin-left:16.66666667%}
 .col-sm-offset-1{margin-left:8.33333333%}
 .col-sm-offset-0{margin-left:0}
 }
 @media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
 .col-md-12{width:100%}
 .col-md-11{width:91.66666667%}
 .col-md-10{width:83.33333333%}
 .col-md-9{width:75%}
 .col-md-8{width:66.66666667%}
 .col-md-7{width:58.33333333%}
 .col-md-6{width:50%}
 .col-md-5{width:41.66666667%}
 .col-md-4{width:33.33333333%}
 .col-md-3{width:25%}
 .col-md-2{width:16.66666667%}
 .col-md-1{width:8.33333333%}
 .col-md-pull-12{right:100%}
 .col-md-pull-11{right:91.66666667%}
 .col-md-pull-10{right:83.33333333%}
 .col-md-pull-9{right:75%}
 .col-md-pull-8{right:66.66666667%}
 .col-md-pull-7{right:58.33333333%}
 .col-md-pull-6{right:50%}
 .col-md-pull-5{right:41.66666667%}
 .col-md-pull-4{right:33.33333333%}
 .col-md-pull-3{right:25%}
 .col-md-pull-2{right:16.66666667%}
 .col-md-pull-1{right:8.33333333%}
 .col-md-pull-0{right:auto}
 .col-md-push-12{left:100%}
 .col-md-push-11{left:91.66666667%}
 .col-md-push-10{left:83.33333333%}
 .col-md-push-9{left:75%}
 .col-md-push-8{left:66.66666667%}
 .col-md-push-7{left:58.33333333%}
 .col-md-push-6{left:50%}
 .col-md-push-5{left:41.66666667%}
 .col-md-push-4{left:33.33333333%}
 .col-md-push-3{left:25%}
 .col-md-push-2{left:16.66666667%}
 .col-md-push-1{left:8.33333333%}
 .col-md-push-0{left:auto}
 .col-md-offset-12{margin-left:100%}
 .col-md-offset-11{margin-left:91.66666667%}
 .col-md-offset-10{margin-left:83.33333333%}
 .col-md-offset-9{margin-left:75%}
 .col-md-offset-8{margin-left:66.66666667%}
 .col-md-offset-7{margin-left:58.33333333%}
 .col-md-offset-6{margin-left:50%}
 .col-md-offset-5{margin-left:41.66666667%}
 .col-md-offset-4{margin-left:33.33333333%}
 .col-md-offset-3{margin-left:25%}
 .col-md-offset-2{margin-left:16.66666667%}
 .col-md-offset-1{margin-left:8.33333333%}
 .col-md-offset-0{margin-left:0}
 }
 @media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
 .col-lg-12{width:100%}
 .col-lg-11{width:91.66666667%}
 .col-lg-10{width:83.33333333%}
 .col-lg-9{width:75%}
 .col-lg-8{width:66.66666667%}
 .col-lg-7{width:58.33333333%}
 .col-lg-6{width:50%}
 .col-lg-5{width:41.66666667%}
 .col-lg-4{width:33.33333333%}
 .col-lg-3{width:25%}
 .col-lg-2{width:16.66666667%}
 .col-lg-1{width:8.33333333%}
 .col-lg-pull-12{right:100%}
 .col-lg-pull-11{right:91.66666667%}
 .col-lg-pull-10{right:83.33333333%}
 .col-lg-pull-9{right:75%}
 .col-lg-pull-8{right:66.66666667%}
 .col-lg-pull-7{right:58.33333333%}
 .col-lg-pull-6{right:50%}
 .col-lg-pull-5{right:41.66666667%}
 .col-lg-pull-4{right:33.33333333%}
 .col-lg-pull-3{right:25%}
 .col-lg-pull-2{right:16.66666667%}
 .col-lg-pull-1{right:8.33333333%}
 .col-lg-pull-0{right:auto}
 .col-lg-push-12{left:100%}
 .col-lg-push-11{left:91.66666667%}
 .col-lg-push-10{left:83.33333333%}
 .col-lg-push-9{left:75%}
 .col-lg-push-8{left:66.66666667%}
 .col-lg-push-7{left:58.33333333%}
 .col-lg-push-6{left:50%}
 .col-lg-push-5{left:41.66666667%}
 .col-lg-push-4{left:33.33333333%}
 .col-lg-push-3{left:25%}
 .col-lg-push-2{left:16.66666667%}
 .col-lg-push-1{left:8.33333333%}
 .col-lg-push-0{left:auto}
 .col-lg-offset-12{margin-left:100%}
 .col-lg-offset-11{margin-left:91.66666667%}
 .col-lg-offset-10{margin-left:83.33333333%}
 .col-lg-offset-9{margin-left:75%}
 .col-lg-offset-8{margin-left:66.66666667%}
 .col-lg-offset-7{margin-left:58.33333333%}
 .col-lg-offset-6{margin-left:50%}
 .col-lg-offset-5{margin-left:41.66666667%}
 .col-lg-offset-4{margin-left:33.33333333%}
 .col-lg-offset-3{margin-left:25%}
 .col-lg-offset-2{margin-left:16.66666667%}
 .col-lg-offset-1{margin-left:8.33333333%}
 .col-lg-offset-0{margin-left:0}
 }

 .form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}
 .form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}
 .input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
 select.input-sm{height:30px;line-height:30px}
 textarea.input-sm,select[multiple].input-sm{height:auto}
 .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
 .form-group-sm select.form-control{height:30px;line-height:30px}
 .form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}
 .form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}
 .input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
 select.input-lg{height:46px;line-height:46px}
 textarea.input-lg,select[multiple].input-lg{height:auto}
 .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
 .form-group-lg select.form-control{height:46px;line-height:46px}
 .form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}
 .form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}
 .has-feedback{position:relative}
 .has-feedback .form-control{padding-right:42.5px}
 .form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}
 .input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}
 .input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}
 .has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}
 .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
 .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}
 .has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}
 .has-success .form-control-feedback{color:#3c763d}
 .has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}
 .has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
 .has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}
 .has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}
 .has-warning .form-control-feedback{color:#8a6d3b}
 .has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}
 .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
 .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
 .has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}
 .has-error .form-control-feedback{color:#a94442}
 .has-feedback label ~ .form-control-feedback{top:25px}
 .has-feedback label.sr-only ~ .form-control-feedback{top:0}
 .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
 @media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
 .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
 .form-inline .form-control-static{display:inline-block}
 .form-inline .input-group{display:inline-table;vertical-align:middle}
 .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}
 .form-inline .input-group>.form-control{width:100%}
 .form-inline .control-label{margin-bottom:0;vertical-align:middle}
 .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
 .form-inline .radio label,.form-inline .checkbox label{padding-left:0}
 .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}
 .form-inline .has-feedback .form-control-feedback{top:0}
 }
 .form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}
 .form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}
 .form-horizontal .form-group{margin-right:-15px;margin-left:-15px}
 @media(min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
 }
 .form-horizontal .has-feedback .form-control-feedback{right:15px}
 @media(min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}
 }
 @media(min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}
 }
 .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
 .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
 .btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
 .btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
 .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
 a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
 .btn-default{color:#333;background-color:#fff;border-color:#ccc}
 .btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
 .btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
 .btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
 .btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
 .btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}
 .btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}
 .btn-default .badge{color:#fff;background-color:#333}
 .btn-primary{color:#fff;background:#0092ff;border-radius:4px;border-radius:4px}
 .btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}
 .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
 .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
 .btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}
 .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}
 .btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}
 .btn-primary .badge{color:#337ab7;background-color:#fff}
 .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
 .btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}
 .btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
 .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
 .btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}
 .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}
 .btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}
 .btn-success .badge{color:#5cb85c;background-color:#fff}
 .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
 .btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
 .btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
 .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}
 .btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}
 .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}
 .btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}
 .btn-info .badge{color:#5bc0de;background-color:#fff}
 .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
 .btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
 .btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
 .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
 .btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}
 .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}
 .btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}
 .btn-warning .badge{color:#f0ad4e;background-color:#fff}
 .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
 .btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}
 .btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
 .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
 .btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}
 .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}
 .btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}
 .btn-danger .badge{color:#d9534f;background-color:#fff}
 .btn-link{font-weight:normal;color:#337ab7;border-radius:0}
 .btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
 .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
 .btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}
 .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}
 .btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
 .btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
 .btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
 .btn-block{display:block;width:100%}
 .btn-block+.btn-block{margin-top:5px}
 input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
 .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
 .fade.in{opacity:1}
 .collapse{display:none}
 .collapse.in{display:block}
 tr.collapse.in{display:table-row}
 tbody.collapse.in{display:table-row-group}
 .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
 .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}
 .dropup,.dropdown{position:relative}
 .dropdown-toggle:focus{outline:0}
 .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
 .dropdown-menu.pull-right{right:0;left:auto}
 .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
 .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}
 .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}
 .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
 .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}
 .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}
 .open>.dropdown-menu{display:block}
 .open>a{outline:0}
 .dropdown-menu-right{right:0;left:auto}
 .dropdown-menu-left{right:auto;left:0}
 .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
 .dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
 .pull-right>.dropdown-menu{right:0;left:auto}
 .dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}
 .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
 @media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}
 .navbar-right .dropdown-menu-left{right:auto;left:0}
 }
 .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
 .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}
 .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}
 .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
 .btn-toolbar{margin-left:-5px}
 .btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
 .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
 .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
 .btn-group>.btn:first-child{margin-left:0}
 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
 .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
 .btn-group>.btn-group{float:left}
 .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
 .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
 .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
 .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
 .btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}
 .btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}
 .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
 .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
 .btn .caret{margin-left:0}
 .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
 .dropup .btn-lg .caret{border-width:0 5px 5px}
 .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
 .btn-group-vertical>.btn-group>.btn{float:none}
 .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
 .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
 .btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
 .btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
 .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
 .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
 .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}
 .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
 .btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}
 .btn-group-justified>.btn-group .btn{width:100%}
 .btn-group-justified>.btn-group .dropdown-menu{left:auto}
 [data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
 .input-group{position:relative;display:table;border-collapse:separate}
 .input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}
 .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
 .input-group .form-control:focus{z-index:3}
 .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
 select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}
 textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}
 .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
 select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
 textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}
 .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
 .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
 .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
 .input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
 .input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
 .input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
 .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}
 .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
 .input-group-addon:first-child{border-right:0}
 .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
 .input-group-addon:last-child{border-left:0}
 .input-group-btn{position:relative;font-size:0;white-space:nowrap}
 .input-group-btn>.btn{position:relative}
 .input-group-btn>.btn+.btn{margin-left:-1px}
 .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}
 .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
 .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}
 .nav{padding-left:0;margin-bottom:0;list-style:none}
 .nav>li{position:relative;display:block}
 .nav>li>a{position:relative;display:block;padding:10px 15px}
 .nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
 .nav>li.disabled>a{color:#777}
 .nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
 .nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}
 .nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
 .nav>li>a>img{max-width:none}
 .nav-tabs{border-bottom:1px solid #ddd}
 .nav-tabs>li{float:left;margin-bottom:-1px}
 .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
 .nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
 .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
 .nav-tabs.nav-justified{width:100%;border-bottom:0}
 .nav-tabs.nav-justified>li{float:none}
 .nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
 .nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
 @media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}
 .nav-tabs.nav-justified>li>a{margin-bottom:0}
 }
 .nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
 .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}
 @media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
 .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}
 }
 .nav-pills>li{float:left}
 .nav-pills>li>a{border-radius:4px}
 .nav-pills>li+li{margin-left:2px}
 .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}
 .nav-stacked>li{float:none}
 .nav-stacked>li+li{margin-top:2px;margin-left:0}
 .nav-justified{width:100%}
 .nav-justified>li{float:none}
 .nav-justified>li>a{margin-bottom:5px;text-align:center}
 .nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
 @media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}
 .nav-justified>li>a{margin-bottom:0}
 }
 .nav-tabs-justified{border-bottom:0}
 .nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
 .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}
 @media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
 .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}
 }
 .tab-content>.tab-pane{display:none}
 .tab-content>.active{display:block}
 .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
 .navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
 @media(min-width:768px){.navbar{border-radius:4px}
 }
 @media(min-width:768px){.navbar-header{float:left}
 }
 .navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
 .navbar-collapse.in{overflow-y:auto}
 @media(min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
 .navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}
 .navbar-collapse.in{overflow-y:visible}
 .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}
 }
 .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}
 @media(max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}
 }
 .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}
 @media(min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}
 }
 .navbar-static-top{z-index:1000;border-width:0 0 1px}
 @media(min-width:768px){.navbar-static-top{border-radius:0}
 }
 .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}
 @media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
 }
 .navbar-fixed-top{top:0;border-width:0 0 1px}
 .navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
 .navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}
 .navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
 .navbar-brand>img{display:block}
 @media(min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
 }
 .navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
 .navbar-toggle:focus{outline:0}
 .navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
 .navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
 @media(min-width:768px){.navbar-toggle{display:none}
 }
 .navbar-nav{margin:7.5px -15px}
 .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
 @media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
 .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
 .navbar-nav .open .dropdown-menu>li>a{line-height:20px}
 .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
 }
 @media(min-width:768px){.navbar-nav{float:left;margin:0}
 .navbar-nav>li{float:left}
 .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
 }
 .navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}
 @media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
 .navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
 .navbar-form .form-control-static{display:inline-block}
 .navbar-form .input-group{display:inline-table;vertical-align:middle}
 .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}
 .navbar-form .input-group>.form-control{width:100%}
 .navbar-form .control-label{margin-bottom:0;vertical-align:middle}
 .navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
 .navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}
 .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}
 .navbar-form .has-feedback .form-control-feedback{top:0}
 }
 @media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}
 .navbar-form .form-group:last-child{margin-bottom:0}
 }
 @media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
 }
 .navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
 .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
 .navbar-btn{margin-top:8px;margin-bottom:8px}
 .navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
 .navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
 .navbar-text{margin-top:15px;margin-bottom:15px}
 @media(min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}
 }
 @media(min-width:768px){.navbar-left{float:left !important}
 .navbar-right{float:right !important;margin-right:-15px}
 .navbar-right ~ .navbar-right{margin-right:0}
 }
 .navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
 .navbar-default .navbar-brand{color:#777}
 .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
 .navbar-default .navbar-text{color:#777}
 .navbar-default .navbar-nav>li>a{color:#777}
 .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
 .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
 .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
 .navbar-default .navbar-toggle{border-color:#ddd}
 .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
 .navbar-default .navbar-toggle .icon-bar{background-color:#888}
 .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
 .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
 @media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}
 }
 .navbar-default .navbar-link{color:#777}
 .navbar-default .navbar-link:hover{color:#333}
 .navbar-default .btn-link{color:#777}
 .navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}
 .navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}
 .navbar-inverse{background-color:#222;border-color:#080808}
 .navbar-inverse .navbar-brand{color:#9d9d9d}
 .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}
 .navbar-inverse .navbar-text{color:#9d9d9d}
 .navbar-inverse .navbar-nav>li>a{color:#9d9d9d}
 .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
 .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}
 .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}
 .navbar-inverse .navbar-toggle{border-color:#333}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
 .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
 .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}
 @media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}
 }
 .navbar-inverse .navbar-link{color:#9d9d9d}
 .navbar-inverse .navbar-link:hover{color:#fff}
 .navbar-inverse .btn-link{color:#9d9d9d}
 .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}
 .navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}
 .breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
 .breadcrumb>li{display:inline-block}
 .breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
 .breadcrumb>.active{color:#777}
 .pagination{margin:20px 0}
 .pagination>li{display:inline}
 .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#313b40;text-decoration:none;background-color:#fff;border:0 solid #ddd}
 .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
 .pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
 .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
 .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#0092ff;cursor:default;border-color:#337ab7}
 .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
 .pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
 .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
 .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
 .pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
 .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
 .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
 .pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
 .pager li{display:inline}
 .pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
 .pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
 .pager .next>a,.pager .next>span{float:right}
 .pager .previous>a,.pager .previous>span{float:left}
 .pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
 .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
 a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}
 .label:empty{display:none}
 .btn .label{position:relative;top:-1px}
 .label-default{background-color:#777}
 .label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}
 .label-primary{background-color:#337ab7}
 .label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}
 .label-success{background-color:#5cb85c}
 .label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
 .label-info{background-color:#5bc0de}
 .label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
 .label-warning{background-color:#f0ad4e}
 .label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
 .label-danger{background-color:#d9534f}
 .label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
 .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}
 .badge:empty{display:none}
 .btn .badge{position:relative;top:-1px}
 .btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}
 a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
 .list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}
 .list-group-item>.badge{float:right}
 .list-group-item>.badge+.badge{margin-right:5px}
 .nav-pills>li>a>.badge{margin-left:3px}
 .jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}
 .jumbotron h1,.jumbotron .h1{color:inherit}
 .jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}
 .jumbotron>hr{border-top-color:#d5d5d5}
 .container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}
 .jumbotron .container{max-width:100%}
 @media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}
 .container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}
 .jumbotron h1,.jumbotron .h1{font-size:63px}
 }
 .thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
 .thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}
 a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}
 .thumbnail .caption{padding:9px;color:#333}
 .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
 .alert h4{margin-top:0;color:inherit}
 .alert .alert-link{font-weight:bold}
 .alert>p,.alert>ul{margin-bottom:0}
 .alert>p+p{margin-top:5px}
 .alert-dismissable,.alert-dismissible{padding-right:35px}
 .alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
 .alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
 .alert-success hr{border-top-color:#c9e2b3}
 .alert-success .alert-link{color:#2b542c}
 .alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
 .alert-info hr{border-top-color:#a6e1ec}
 .alert-info .alert-link{color:#245269}
 .alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
 .alert-warning hr{border-top-color:#f7e1b5}
 .alert-warning .alert-link{color:#66512c}
 .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
 .alert-danger hr{border-top-color:#e4b9c0}
 .alert-danger .alert-link{color:#843534}
 @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}
 to{background-position:0 0}
 }
 @-o-keyframes progress-bar-stripes{from{background-position:40px 0}
 to{background-position:0 0}
 }
 @keyframes progress-bar-stripes{from{background-position:40px 0}
 to{background-position:0 0}
 }
 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
 .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
 .progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
 .progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
 .progress-bar-success{background-color:#5cb85c}
 .progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
 .progress-bar-info{background-color:#5bc0de}
 .progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
 .progress-bar-warning{background-color:#f0ad4e}
 .progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
 .progress-bar-danger{background-color:#d9534f}
 .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
 .media{margin-top:15px}
 .media:first-child{margin-top:0}
 .media,.media-body{overflow:hidden;zoom:1}
 .media-body{width:10000px}
 .media-object{display:block}
 .media-object.img-thumbnail{max-width:none}
 .media-right,.media>.pull-right{padding-left:10px}
 .media-left,.media>.pull-left{padding-right:10px}
 .media-left,.media-right,.media-body{display:table-cell;vertical-align:top}
 .media-middle{vertical-align:middle}
 .media-bottom{vertical-align:bottom}
 .media-heading{margin-top:0;margin-bottom:5px}
 .media-list{padding-left:0;list-style:none}
 .list-group{padding-left:0;margin-bottom:20px}
 .list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
 .list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
 .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
 a.list-group-item,button.list-group-item{color:#555}
 a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}
 a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}
 button.list-group-item{width:100%;text-align:left}
 .list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;cursor:not-allowed;background-color:#eee}
 .list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}
 .list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}
 .list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}
 .list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}
 .list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}
 .list-group-item-success{color:#3c763d;background-color:#dff0d8}
 a.list-group-item-success,button.list-group-item-success{color:#3c763d}
 a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}
 a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}
 a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}
 .list-group-item-info{color:#31708f;background-color:#d9edf7}
 a.list-group-item-info,button.list-group-item-info{color:#31708f}
 a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}
 a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}
 a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}
 .list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}
 a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}
 a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}
 a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}
 a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}
 .list-group-item-danger{color:#a94442;background-color:#f2dede}
 a.list-group-item-danger,button.list-group-item-danger{color:#a94442}
 a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}
 a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}
 a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}
 .list-group-item-heading{margin-top:0;margin-bottom:5px}
 .list-group-item-text{margin-bottom:0;line-height:1.3}
 .panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
 .panel-body{padding:15px}
 .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
 .panel-heading>.dropdown .dropdown-toggle{color:inherit}
 .panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
 .panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}
 .panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
 .panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}
 .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
 .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}
 .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
 .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
 .panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
 .list-group+.panel-footer{border-top-width:0}
 .panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}
 .panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}
 .panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
 .panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
 .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}
 .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}
 .panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
 .panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
 .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}
 .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}
 .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}
 .panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}
 .panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}
 .panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
 .panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
 .panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}
 .panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
 .panel>.table-responsive{margin-bottom:0;border:0}
 .panel-group{margin-bottom:20px}
 .panel-group .panel{margin-bottom:0;border-radius:4px}
 .panel-group .panel+.panel{margin-top:5px}
 .panel-group .panel-heading{border-bottom:0}
 .panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}
 .panel-group .panel-footer{border-top:0}
 .panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
 .panel-default{border-color:#ddd}
 .panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
 .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
 .panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
 .panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
 .panel-primary{border-color:#337ab7}
 .panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}
 .panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}
 .panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}
 .panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}
 .panel-success{border-color:#d6e9c6}
 .panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
 .panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
 .panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
 .panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
 .panel-info{border-color:#bce8f1}
 .panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
 .panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
 .panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
 .panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
 .panel-warning{border-color:#faebcc}
 .panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
 .panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}
 .panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}
 .panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
 .panel-danger{border-color:#ebccd1}
 .panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
 .panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}
 .panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}
 .panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
 .embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
 .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
 .embed-responsive-16by9{padding-bottom:56.25%}
 .embed-responsive-4by3{padding-bottom:75%}
 .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
 .well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}
 .well-lg{padding:24px;border-radius:6px}
 .well-sm{padding:9px;border-radius:3px}
 .close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
 .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
 button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}
 .modal-open{overflow:hidden}
 .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
 .modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
 .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
 .modal-open .modal{overflow-x:hidden;overflow-y:auto}
 .modal-dialog{position:relative;width:auto;margin:10px}
 .modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
 .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
 .modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
 .modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
 .modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
 .modal-header .close{margin-top:-2px}
 .modal-title{margin:0;line-height:1.42857143}
 .modal-body{position:relative;padding:15px}
 .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
 .modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
 .modal-footer .btn-group .btn+.btn{margin-left:-1px}
 .modal-footer .btn-block+.btn-block{margin-left:0}
 .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
 @media(min-width:768px){.modal-dialog{width:600px;margin:30px auto}
 .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
 .modal-sm{width:300px}
 }
 @media(min-width:992px){.modal-lg{width:900px}
 }
 .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
 .tooltip.in{filter:alpha(opacity=90);opacity:.9}
 .tooltip.top{padding:5px 0;margin-top:-3px}
 .tooltip.right{padding:0 5px;margin-left:3px}
 .tooltip.bottom{padding:5px 0;margin-top:3px}
 .tooltip.left{padding:0 5px;margin-left:-3px}
 .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
 .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
 .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
 .tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
 .tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
 .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
 .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
 .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
 .tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
 .tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
 .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}
 .popover.top{margin-top:-10px}
 .popover.right{margin-left:10px}
 .popover.bottom{margin-top:10px}
 .popover.left{margin-left:-10px}
 .popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
 .popover-content{padding:9px 14px}
 .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
 .popover>.arrow{border-width:11px}
 .popover>.arrow:after{content:"";border-width:10px}
 .popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
 .popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
 .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
 .popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
 .popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
 .popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
 .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
 .popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
 .carousel{position:relative}
 .carousel-inner{position:relative;width:100%;overflow:hidden}
 .carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
 .carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}
 @media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
 .carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
 .carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
 .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
 }
 .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
 .carousel-inner>.active{left:0}
 .carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
 .carousel-inner>.next{left:100%}
 .carousel-inner>.prev{left:-100%}
 .carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
 .carousel-inner>.active.left{left:-100%}
 .carousel-inner>.active.right{left:100%}
 .carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}
 .carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}
 .carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}
 .carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
 .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
 .carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}
 .carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}
 .carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;font-family:serif;line-height:1}
 .carousel-control .icon-prev:before{content:'\2039'}
 .carousel-control .icon-next:before{content:'\203a'}
 .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
 .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
 .carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
 .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
 .carousel-caption .btn{text-shadow:none}
 @media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}
 .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
 .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
 .carousel-caption{right:20%;left:20%;padding-bottom:30px}
 .carousel-indicators{bottom:20px}
 }
 .clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}
 .clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}
 .center-block{display:block;margin-right:auto;margin-left:auto}
 .pull-right{float:right !important}
 .pull-left{float:left !important}
 .hide{display:none !important}
 .show{display:block !important}
 .invisible{visibility:hidden}
 .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
 .hidden{display:none !important}
 .affix{position:fixed}
 @-ms-viewport{width:device-width}
 .visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}
 .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}
 @media(max-width:767px){.visible-xs{display:block !important}
 table.visible-xs{display:table !important}
 tr.visible-xs{display:table-row !important}
 th.visible-xs,td.visible-xs{display:table-cell !important}
 }
 @media(max-width:767px){.visible-xs-block{display:block !important}
 }
 @media(max-width:767px){.visible-xs-inline{display:inline !important}
 }
 @media(max-width:767px){.visible-xs-inline-block{display:inline-block !important}
 }
 @media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}
 table.visible-sm{display:table !important}
 tr.visible-sm{display:table-row !important}
 th.visible-sm,td.visible-sm{display:table-cell !important}
 }
 @media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}
 }
 @media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}
 }
 @media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}
 }
 @media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}
 table.visible-md{display:table !important}
 tr.visible-md{display:table-row !important}
 th.visible-md,td.visible-md{display:table-cell !important}
 }
 @media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}
 }
 @media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}
 }
 @media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}
 }
 @media(min-width:1200px){.visible-lg{display:block !important}
 table.visible-lg{display:table !important}
 tr.visible-lg{display:table-row !important}
 th.visible-lg,td.visible-lg{display:table-cell !important}
 }
 @media(min-width:1200px){.visible-lg-block{display:block !important}
 }
 @media(min-width:1200px){.visible-lg-inline{display:inline !important}
 }
 @media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}
 }
 @media(max-width:767px){.hidden-xs{display:none !important}
 }
 @media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}
 }
 @media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}
 }
 @media(min-width:1200px){.hidden-lg{display:none !important}
 }
 .visible-print{display:none !important}
 @media print{.visible-print{display:block !important}
 table.visible-print{display:table !important}
 tr.visible-print{display:table-row !important}
 th.visible-print,td.visible-print{display:table-cell !important}
 }
 .visible-print-block{display:none !important}
 @media print{.visible-print-block{display:block !important}
 }
 .visible-print-inline{display:none !important}
 @media print{.visible-print-inline{display:inline !important}
 }
 .visible-print-inline-block{display:none !important}
 @media print{.visible-print-inline-block{display:inline-block !important}
 }
 @media print{.hidden-print{display:none !important}
 }
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
 body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,select{margin:0;padding:0;border:0}
 h4,h5,h6{font-size:100%;font-weight:normal}
 address,cite,dfn,em,var{font-style:normal}
 code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
 small{font-size:12px}
 blockquote,q{quotes:none}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
 sup{vertical-align:text-top}
 sub{vertical-align:text-bottom}
 ul,ol{list-style:none}
 a{margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none}
 a:active,a:hover{outline:0}
 a{cursor:default !important}
 a[href*=":"],a[href*="a"],a[href*="b"],a[href*="c"],a[href*="d"],a[href*="e"],a[href*="f"],a[href*="t"],a[href*="z"]{cursor:pointer !important}
 .author-title{height:40px;background:rgb(153 153 153 / 70%);color:#fff;text-align:center;line-height:40px}
 .noLink{cursor:default !important}
 abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
 q:before,q:after{content:''}
 legend{color:#333}
 fieldset,img{border:0}
 button,input,select,textarea{font-size:100%;outline:0}
 table{border-collapse:collapse;border-spacing:0}
 input,textarea,select{font-family:"寰蒋闆呴粦";font-size:inherit;font-weight:inherit;-webkit-border-radius:0;border-radius:0}
 img{width:100%}
 input,select{vertical-align:middle}
 input{border-radius:0}
 body a:focus{outline:0}
 body{font-size:14px;-webkit-text-size-adjust:none}
 .begin a,.begin li,.begin span,html .begin,.begin s,.begin i,.begin h2,.begin h3,.begin p,.begin img,.begin div,.begin em{transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}
 .stop,.stop *{transition:none;-o-transition:none;-webkit-transition:none;-moz-transition:none}
 .zte-wrap{margin:0 auto;max-width:13.14rem;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1;position:relative}
 .flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .flex-item{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}
 .mt20{margin-top:20px}
 .mt25{margin-top:25px}
 .mr15{margin-right:15px}
 .mt10{margin-top:10px}
 .mt30{margin-top:30px}
 .mt40{margin-top:40px}
 .mt5{margin-top:5px}
 .mt50{margin-top:50px}
 .pointer{cursor:pointer}
 .f-jc{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
 .f-ac{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
 .f-jb{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
 .f-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .tac{text-align:center}
 .b-b{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 img.imgs{width:100%;display:block;height:100%;object-fit:cover;object-position:top}
 .a a{color:#333}
 .a a:hover{color:rgba(0,142,211,1)}
 .img,.img img{overflow:hidden;transition:all .6s ease;-webkit-transition:all .6s ease}
 a:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}
 .zte-index-title{font-size:.36rem;padding:0;color:#222;font-weight:normal;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;padding-right: .3rem;}
 .zte-index-title2{padding:0;font-size:26px;color:rgba(0,142,211,1)}
 .zte-index-title2 span{padding:20px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-weight:bold;border-bottom:4px solid rgba(0,142,211,1)}
 .zte-index-title .more{color:#222;background:url(../../../../content/dam/zte-tech-service/res-zte-tech-service/icon/icon-right.png) no-repeat center right;font-size:.2rem;background-size:.27rem .24rem;padding-right:.48rem;line-height:1;align-self: flex-end;}
 .zte-index-title .more:hover{color:#0B90F7;background:url(../../../../content/dam/zte-tech-service/res-zte-tech-service/icon/icon-right-blue.png) no-repeat center right;background-size:.27rem .24rem;}
 .zte-index-title .more2{color:#fff;background:url(base/css/images/icon/icon/icon-right-white.png) no-repeat center right;background-size:10px auto}
 .zte-index-title .more2:hover{color:#fff;background:url(base/css/images/icon/icon/icon-right-white.png) no-repeat center right;background-size:10px auto}
 .ellipsis{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
 .ellipsis-2{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .ellipsis-3{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .clearfix{zoom:1}
 .clearfix:before,.clearfix:after{content:'';display:table}
 .clearfix:after{clear:both}
 .ellipsis-4{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
 .ellipsis-5{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
 .ellipsis-6{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
 .ellipsis-7{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}
 .ellipsis-8{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}
 .ellipsis-9{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}
 .ellipsis-10{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}
 .blue{color:rgba(0,142,211,1)}
 .gray{color:#666}
 a.gray:hover{color:#333}
 .h2{font-size:26px}
 .h2-m{font-size:28px;line-height:48px}
 .h2-l{font-size:34px}
 .h2-s{font-size:24px;line-height:40px}
 .h3{font-size:18px;line-height:32px}
 .fw{font-weight:bold}
 .hr{border-top:1px solid #eee}
 .h3-l{font-size:20px;line-height:32px}
 .h3-m{font-size:16px;line-height:28px}
 .h3-s{font-size:14px;line-height:28px}
 .index-banner .swiper-container{position:relative;overflow:hidden}
 .index-banner .swiper-pagination{position:absolute;bottom:.15rem;left:0;z-index:2;left:0;width:100%}
 .index-banner .swiper-pagination span{margin:0 .05rem}
 .index-banner .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;width:.2rem;border-radius:.08rem}
 .fix_contactUs_wrap{background:#fff;box-shadow:0 0 .1rem 0 rgba(4,0,0,.08);border-radius:.3rem;position:fixed;right:.2rem;bottom:10%;z-index:99;-webkit-transition:.3s ease-out;transition:.3s ease-out;overflow:hidden;height:0}
 .fix_contactUs_wrap .fix_contactUs{display:none;width:.6rem;height:.6rem;background:url('base/css/images/icon/contactUs.png') no-repeat;background-size:cover;-webkit-transition:.3s ease-out;transition:.3s ease-out}
 .fix_contactUs_wrap .fix_contactUs:hover{background:url('base/css/images/icon/contactUsBlue.png') no-repeat;box-shadow:0 0 .15rem 0 rgba(4,0,0,.08);border-radius:.6rem;background-size:cover}
 .fix_contactUs_wrap #goToTop{width:.6rem;height:.6rem;background:url('base/css/images/icon/topArrow.png') no-repeat;background-size:cover;-webkit-transition:.3s ease-out;transition:.3s ease-out;cursor:pointer}
 .fix_contactUs_wrap #goToTop:hover{background:url('base/css/images/icon/topBlueArrow.png') no-repeat;box-shadow:0 0 .15rem 0 rgba(4,0,0,.08);border-radius:.6rem;background-size:cover}
 .show .fix_contactUs_wrap .fix_contactUs{display:block}
 @media only screen and (max-width:991.98px){.fix_contactUs_wrap{border-radius:.3rem;right:.3rem}
 .fix_contactUs_wrap .fix_contactUs{background:url('base/css/images/icon/contactUsBlue.png') no-repeat;background-size:cover}
 .fix_contactUs_wrap #goToTop{background:url('base/css/images/icon/topBlueArrow.png') no-repeat;background-size:cover}
 }
 @media only screen and (max-width:768px){.ts-news-tab .zte-wrap>.item:first-child{background:#008ed3;color:#fff}
 .ts-news-tab.communications .zte-wrap>.item:first-child{background:#fff;color:#000;padding-left:0}
 .ts-news-tab.communications .zte-wrap .item01:after{height:.3rem}
 .zte-wrap .communications-h1-text{font-weight:bold;padding:.3rem 0;font-size:.4rem}
 }
 @font-face{font-family:Roboto;src:url('base/css/clientlib-common/fonts/Roboto-Regular-webfont.woff') format('woff'),url('base/css/clientlib-common/fonts/Roboto-Regular-webfont.ttf') format('truetype');font-size:16px;font-style:normal;font-weight:normal}
 body{font-family:microsoft yahei,arial}
 [lang="en"] body{font-family:'Roboto',sans-serif}
 .ts-news-tab>.zte-wrap.f-wrap{flex-wrap:nowrap}
 .ts-news-tab>.zte-wrap.f-wrap .view-more{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .txt,.desc,.tit{word-wrap:break-word;word-break:normal}
 @media only screen and (min-width:768px){.ts-news-tab>.zte-wrap.f-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .m-fw{font-weight:bold}
 .top-tab{padding-top:40px;min-height:60px}
 .top-tab .ts-news-tab{border:0}
 .top-tab .ts-news-tab .view-more{background:#f7f8fa}
 .top-tab .ts-news-tab .item{padding:22px 40px}
 .top-tab .ts-news-tab .item1-icon{width:8px;height:15px;margin-right:15px}
 .top-tab .ts-news-tab .view-more .active,.top-tab .ts-news-tab .view-more .item.active:hover{background:0;color:#008ed3}
 .top-tab .ts-news-tab .view-more .item:hover{color:#333}
 .top-tab .ts-news-tab .view-more span{width:1px;height:28px;background:#d6d6d6}
 .top-tab .ts-news-tab .item1{font-size:18px;margin:0;padding:20px 24px;font-weight:normal}
 .top-tab .ts-news-tab .item1.focus{color:#fff;background:#008fd5}
 .top-tab .ts-news-tab.fixTop{border:1px solid #eee}
 .top-tab .ts-news-tab.fixTop .zte-wrap{background:#fff}
 .top-tab .ts-news-tab .zte-wrap{position:relative}
 .top-tab .ts-news-tab .btn-view{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#f7f8fa;padding-right:20px;position:absolute;right:0;top:0;height:60px;cursor:pointer}
 .top-tab .ts-news-tab .btn-view .icon{width:15px;height:8px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
 .top-tab .ts-news-tab.focus .btn-view .icon{transform:rotate(0);-webkit-transform:rotate(0)}
 .top-tab .ts-news-tab .btn-view div div,.top-tab .ts-news-tab.focus .btn-view div div{display:none}
 .top-tab .ts-news-tab .view-more{background:#f7f8fa;height:73px;overflow:hidden}
 .top-tab .ts-news-tab.focus .view-more{height:auto}
 }
 @media only screen and (max-width:1440px){
 /* .zte-index-title{font-size:24px;padding-top:20px;padding-bottom:20px} */
 /* .zte-index-title .more{font-size:14px;padding-right:20px} */
 .top-tab .ts-news-tab .btn-view{right:100px}
 .h2-s{font-size:24px}
 .h3-m{font-size:14px;line-height:24px}
 }
 .swiper-autoheight,.swiper-autoheight .swiper-slide,.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
 .swiper-pointer-events{touch-action:pan-y}
 @media only screen and (max-width:768px){.a a:hover{color:#333}
 div.zte-index-title .more{font-size:.24rem;padding-right:.2rem;margin-top:.3rem;visibility: hidden;}
 div.zte-index-title{font-weight:bold;padding:.3rem 0;font-size:.4rem}
 .ts-news-tab.focus .view-more{position:absolute;background:#fff;left:0;top:100%;padding:0 .24rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%}
 .top-tab .ts-news-tab .item1 .item1-icon{width:.16rem;height:.3rem;margin-right:.2rem}
 .h2{font-size:.38rem}
 .h2{font-size:26px}
 .h2-m{font-size:28px;font-size:.42rem;line-height:1.2}
 .h2-s{font-size:.3rem;line-height:.5rem}
 .h3,.h3-m{font-size:.28rem;line-height:.46rem}
 .h3-s{font-size:.2rem;line-height:.34rem}
 .h4{font-size:.18rem}
 }
 .bgf0{background:#f0f0f0}
 .mt90{margin-top:90px}
 .ml40{margin-left:40px}
 .pagination{text-align:center;font-size:14px;margin:1em 0}
 .pagination a{display:inline-block;cursor:pointer !important;color:#222;line-height:.34rem;margin:0 3px;padding:0 8px;height:.34rem;background:!important;border:!important}
 .pagination .prev,.pagination .next{font-size:12px}
 .pagination span{display:inline-block;margin:0 1px;color:#28a0da;margin:0 3px;line-height:30px}
 .pagination input{height:.36rem;width:.4rem;border:1px solid #cbdbe4;line-height:.36rem;text-align:center;background:transparent;color:#222;margin:0 3px;background-color:white}
 .pagination #paginationgo{cursor:pointer}
 .cookieCon{width:100%;background:#e9e9e9}
 .cookieTip{padding:15px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:auto;zoom:1;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;font-size:14px;max-width:860px;margin:auto}
 .cookieTip div:first-child{line-height:24px;max-width:70%;float:left;padding-left:17px}
 .cookieTip div:first-child h3{color:#666;font-size:14px;font-family:'Arial Negreta','Arial';font-weight:700;text-align:center}
 .policyOperate{display:inline-block;width:160px;float:right;color:#308ab5;font-family:'Arial Negreta','Arial';font-weight:700;font-style:normal;line-height:25px;padding-top:16px}
 .policyOperate p{padding-left:25px;cursor:pointer}
 .policyOperate .agreeCookie{background:url('base/css/images/icon/agreeCookie.png') no-repeat -3px -1px}
 .policyOperate .disagreeCookie{background:url('base/css/images/icon/disagreeCookie.png') no-repeat 0 5px}
 .policyOperate .infoCookie{background:url('base/css/images/icon/infoCookie.png') no-repeat -3px -5px}
 @media only screen and (max-width:1023px){.downAndUp1024{display:block !important}
 }
 @media only screen and (max-width:860px){.policyOperate{min-width:170px}
 .policyOperate p{float:left;margin-left:17px;margin-right:10px}
 }
 @media only screen and (max-width:425px){.policyOperate p{clear:both}
 }
 .top-nav{background:#e6e6e6}
 .top-nav .zte-wrap{padding-bottom:0;padding-top:0}
 .top-nav .nav a{color:#221815;padding:15px 0;margin-right:24px;border-bottom-width:5px;border-bottom-color:#e6e6e6;border-bottom-style:solid;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .top-nav .nav a:hover,.top-nav .nav a.active{border-bottom-color:rgba(0,142,211,1)}
 .header{background:#f3f3f3;background:#fff;padding-top:26px;padding-bottom:19px;z-index:5;position:relative}
 .header{transition:all .3s;-webkit-transition:all .3s}
 .header .zte-wrap{padding-top:0;padding-bottom:0;overflow:initial}
 .footer .zte-wrap{padding-top:0;padding-bottom:0;z-index:1;overflow:initial}
 .header.header-open{z-index:100}
 .header.fixTop{position:fixed;z-index:101;left:0;top:-120px;width:100%}
 .header.fixTop.fixDown{top:0;box-shadow:0 6px 11px 0 rgba(204,204,204,0.17)}
 .header .logo{height:41px}
 .header .logo img{width:auto;height:41px;display:block;object-fit:contain}
 .header .seach{width:145px}
 .header .menu{position:relative;height:24px}
 .header .menu-ul li{margin:0 15px;color:rgba(214,214,214,1);white-space:nowrap}
 .header .menu-ul li a{font-size:16px;color:#333}
 .header .menu-ul li a:hover{color:rgba(0,142,211,1)}
 .header .menu-ul li{position:relative}
 .header .menu-ul li[data-index]:hover:after,.header .menu-ul li.focus:after{content:' ';width:100%;height:2px;position:absolute;left:0;bottom:-30px;background:#008edd}
 .header.header-open.header-open-g-1 .menu-ul li a{color:#666}
 .header.header-open.header-open-g-1 .menu-ul li.focus a{color:#333}
 .header.header-open.header-open-g-2 .menu-ul li:nth-child(3) a{color:#666}
 .header.header-open.header-open-g-2 .menu-ul li.focus a{color:#333}
 @media only screen and (max-width:1680px){.header .menu-ul li[data-index]:hover:after,.header .menu-ul li.focus:after{bottom:-23px}
 }
 .header .icon-close{display:none}
 .header .btn-search{cursor:pointer;display:block}
 .header .searching input{background:0;width:100%;padding-left:20px;font-size:16px}
 .header .searching .btn-cancel{display:none}
 .header .searching{padding:0 5px;border-bottom:1px solid #d6d6d6;opacity:0;width:0;visibility:hidden;position:absolute;margin-left:20%;left:50%}
 .header.header-open-search .searching{width:50%;opacity:1;visibility:initial;position:relative;margin-left:0;left:0;border-bottom:0}
 .header.header-open-search .menu,.header.header-open-search .icon-search{display:none}
 .header.header-open-search .icon-close{display:block}
 .header .menu-sub{position:absolute;left:0;top:100%;width:100%;z-index:5;transition:all .3s ease;-webkit-transition:all .3s ease;opacity:0;visibility:hidden;margin-top:40px;height:0;overflow:hidden}
 .header .menu-sub-mobile{display:none}
 .header .menu-sub>.flex{background:#ebebeb}
 .header.header-open .menu-sub{opacity:1;margin-top:19px;height:auto;visibility:visible}
 .header .icon-menu{display:none}
 .header .menu-sub .plate1{width:260px;padding-top:20px;padding-bottom:20px}
 .header .menu-sub .plate1 .item{display:block;padding:15px 40px;font-size:16px;color:#333;border-right:5px solid rgba(0,142,211,0)}
 .header .menu-sub .plate1 .item:hover,.header .menu-sub .plate1 .item.focus{background:#f5f5f5;border-right:5px solid rgba(0,142,211,1)}
 .header .menu-sub .plate2{padding-top:20px;padding-bottom:20px;background:#f5f5f5}
 .header .menu-sub .plate2 .item-entry{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:auto;flex-flow:column wrap}
 .header .menu-sub .plate2 .item-entry:nth-child(3){width:520px;height:330px}
 .header .menu-sub .plate2 .item-entry:nth-child(2){width:520px;height:420px}
 .header .menu-sub .plate2 .item{display:block;padding:15px 40px;font-size:16px;color:#333;border-right:5px solid rgba(0,142,211,0);width:260px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .header .menu-sub .plate2 .item:hover,.header .menu-sub .plate2 .item.focus{background:#fff;border-right:5px solid rgba(0,142,211,1)}
 .header .menu-sub .plate2 .item-entry{display:none}
 .header .menu-sub .plate2 .item-entry.active{display:block;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .header .menu-sub .plate3{padding-top:20px;padding-bottom:20px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-left:44px;padding-right:30px}
 .header .menu-sub .plate3 .item-entry,.header .menu-sub .plate3 .item-entry .item{display:none}
 .header .menu-sub .plate3 .item-entry.active,.header .menu-sub .plate3 .item-entry.active .item.focus{display:block}
 .header .menu-sub .plate3 .item-entry .item .tit{border-bottom:1px solid #d6d6d6;font-size:16px;padding:10px 0;color:#008ed3;margin-bottom:15px}
 .header .menu-sub .plate3 .item-entry a{color:#666}
 .header .menu-sub .plate3 .item-entry .item>div{padding:5px 0;font-size:15px;font-size:16px}
 .header .menu-sub .plate3 .item-entry a:hover{color:#000;text-decoration:underline}
 .g-sub-menu{border-top:1px solid rgba(204,204,204,0.2);position:absolute;left:0;top:100%;background:#fff;width:100%;padding-bottom:30px;opacity:0;visibility:hidden;margin-top:20px;transition:all .3s ease;-webkit-transition:all .3s ease;box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
 .header.header-open-g-1.header-open .g-sub-menu-1{opacity:1;visibility:visible;margin-top:0}
 .header.header-open .g-sub-menu .item{transition:all .3s;-webkit-transition:all .3s}
 .header.header-open .g-sub-menu .item.hover{opacity:1}
 .header.header-open-g-2.header-open .g-sub-menu-2{opacity:1;visibility:visible;margin-top:0}
 .header.header-open .g-sub-menu-3{opacity:1;visibility:visible;margin-top:0}
 .g-sub-menu .item .tit{padding:20px 0 15px 0;font-size:20px;color:#333}
 .g-sub-menu .item .tit a,.header .menu-sub-mobile .plate2 .item-tit a:hover{color:#333}
 .g-sub-menu .item .tit a:hover,.header .menu-sub-mobile .plate2 .item-tit a:hover{color:#008ed3}
 .g-sub-menu .line{margin-top:68px;min-height:290px;width:1px;background:rgba(213,213,213,1)}
 .g-sub-menu .item .entry a{font-size:14px;color:#666;display:block}
 .g-sub-menu .item .entry .item-entry{width:110px;padding:12px 0}
 .g-sub-menu .item .entry a:hover{color:#333;text-decoration:underline}
 .g-sub-menu .item .entry .item-entry a:hover{color:#008ed3}
 .g-sub-menu .item .entry .t{font-weight:bold;color:#008ed3}
 .g-sub-menu .item.hover .item-entry.entry-hover.t{color:#333}
 .g-sub-menu .item.hover .item-entry.entry-focus.t{color:#008ed3}
 .g-sub-menu .item .entry .t,.g-sub-menu .item.hover .item-entry.entry-focus.t{color:#333}
 .g-sub-menu .item .entry a.t:hover{text-decoration:underline;color:#008ed3}
 .g-sub-menu .item{width:110px;overflow:hidden}
 .g-sub-menu .item .entry{margin-right:-30px}
 .g-sub-menu .item .entry .item-entry{margin-right:30px}
 .g-sub-menu .item .entry{height:320px;flex-flow:column wrap;display:inline-flex}
 .g-sub-menu .item-c-2{width:250px}
 .g-sub-menu .item-c-3{width:380px}
 .g-sub-menu .item-c-4{width:670px}
 .g-sub-menu .line{margin-left:20px;margin-right:20px}
 @media only screen and (min-width:768px) and (max-width:1440px){.g-sub-menu .item .entry .item-entry{width:110px}
 .g-sub-menu .item-c-2{width:250px}
 .g-sub-menu .item-c-3{width:380px}
 .g-sub-menu .item-c-4{width:670px}
 }
 .g-sub-menu-3 .item:nth-of-type(3){width:230px;overflow:hidden}
 .g-sub-menu-3 .item:nth-of-type(3) .entry{height:320px;flex-flow:column wrap;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .g-sub-menu-3 .item:nth-of-type(3) .entry .item-entry{margin-right:30px}
 .g-sub-menu-3 .item:nth-of-type(5){width:250px;overflow:hidden}
 .g-sub-menu-3 .item:nth-of-type(5) .entry{height:225px;flex-flow:column wrap;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .g-sub-menu-3 .item:nth-of-type(5) .entry .item-entry{margin-right:50px}
 .g-sub-menu-5 .detail-level .level-2:first-child .entry{min-width:40%}
 html[lang=en] .g-sub-menu3 .menu-right .detail-level .level-2:last-child .entry:last-child{width:30%;min-width:auto}
 .header.header-open.header-open-g-4 .g-sub-menu-4,.header.header-open.header-open-g-6 .g-sub-menu-6,.header.header-open.header-open-g-7 .g-sub-menu-7,.header.header-open.header-open-g-8 .g-sub-menu-8,.header.header-open.header-open-g-5 .g-sub-menu-5,.header.header-open.active .g-sub-menu.active{opacity:1;visibility:visible;margin-top:0;z-index:10}
 .g-sub-menu3{padding-bottom:0;overflow:hidden}
 .g-sub-menu3 .menu-left{width:320px;position:relative;z-index:2;padding-bottom:50px;min-height:390px;background:#f0f1f3;padding-top:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .g-sub-menu3 .menu-left:after{position:absolute;width:100vw;top:0;bottom:0;z-index:-1;right:0;content:' ';background:#f0f1f3}
 .g-sub-menu3 .left-search{margin-top:30px;position:relative;margin-right:24px;margin-bottom:20px;height:41px;display:none}
 .g-sub-menu3 .left-search input{background:0;border:0;font-size:14px;padding:12px 0;width:100%;border-bottom:1px solid #ddd}
 .g-sub-menu3 .left-search .btn-search{width:40px;height:40px;position:absolute;right:-10px;top:0;background:url(base/css/images/icon/icon-search.png) no-repeat center;background-size:16px auto}
 .g-sub-menu3 a{color:#333}
 .g-sub-menu3 a:hover{color:#008ed3}
 .g-sub-menu3 .focus a{color:#008ed3}
 .g-sub-menu3 .left-list .entry a{display:block}
 .g-sub-menu3 .left-list .entry.focus,.g-sub-menu3 .left-list .entry:hover{color:#008ed3}
 .g-sub-menu3 .menu-left .left-news .desc{font-size:14px;color:#666;line-height:24px;padding-top:20px;padding-right:20px}
 .g-sub-menu3 .left-list .entry{position:relative;padding:20px 0;font-size:16px;color:#333;cursor:pointer;z-index:3}
 .g-sub-menu3 .left-list .entry:after{width:1vw;position:absolute;right:0;top:0;bottom:0;content:' ';background:#fafafb;transition:all .3s;-webkit-transition:all .3s;opacity:0;z-index:-1}
 .g-sub-menu3 .left-list .entry:before{position:absolute;content:' ';z-index:3;width:6px;height:11px;background:url(base/css/images/icon/icon-ar-right22.png) no-repeat;background-size:100% auto;right:25px;top:50%;margin-top:-5px}
 .g-sub-menu3 .left-list .entry.focus:before,.g-sub-menu3 .left-list .entry:hover:before{background:url(base/css/images/icon/icon-ar-right.png) no-repeat;background-size:100% auto}
 .g-sub-menu3 .left-list .entry.focus:after,.g-sub-menu3 .left-list .entry:hover:after{width:100vw;opacity:1}
 .g-sub-menu3 .menu-right .right-level{width:320px;padding-bottom:20px;min-height:420px;background:#fafafb;display:none}
 .g-sub-menu3 .menu-right .right-level .level-list{display:none}
 .g-sub-menu3 .menu-right .right-level .level-list.show{display:block}
 .g-sub-menu3 .menu-right .right-level .level-list .entry{position:relative;padding:20px 24px;font-size:16px;font-size:14px;color:#333;cursor:pointer;z-index:3}
 .g-sub-menu3 .menu-right .right-level .level-list .entry:after{width:1vw;position:absolute;right:0;top:0;bottom:0;content:' ';background:#fff;transition:all .3s;-webkit-transition:all .3s;opacity:0;z-index:-1}
 .g-sub-menu3 .menu-right .right-level .level-list .entry:before{position:absolute;content:' ';z-index:3;width:6px;height:11px;background:url(base/css/images/icon/icon-ar-right22.png) no-repeat;background-size:100% auto;right:25px;top:50%;margin-top:-5px}
 .g-sub-menu3 .menu-right .right-level .level-list .entry.focus:before,.g-sub-menu3 .menu-right .right-level .level-list .entry:hover:before{background:url(base/css/images/icon/icon-ar-right.png) no-repeat;background-size:100% auto}
 .g-sub-menu3 .menu-right .right-level .level-list .entry.focus:after,.g-sub-menu3 .menu-right .right-level .level-list .entry:hover:after{width:100%;opacity:1}
 .g-sub-menu3 .menu-right .right-level .level-list .entry-tit{padding:15px 0;border-bottom:1px solid #eee;margin:0 25px;font-size:16px;margin-top:20px;height:51px;color:#333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}
 .g-sub-menu3 .menu-right .detail-level{padding:0 24px;padding-top:20px;padding-bottom:20px;min-height:300px}
 .g-sub-menu3 .menu-right .detail-level .level-2,.g-sub-menu3 .menu-right .detail-level .level-3{display:none}
 .g-sub-menu3 .menu-right .detail-level .level-2.show,.g-sub-menu3 .menu-right .detail-level .level-3.show{display:block}
 .g-sub-menu3 .menu-right .detail-level .entry-tit{padding:15px 0;border-bottom:1px solid #eee;font-size:16px;height:51px;color:#333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}
 .g-sub-menu3 .menu-right .detail-level .level-3>.flex{width:100%;flex-direction:column;height:255px}
 .g-sub-menu3 .menu-right .detail-level .entry{font-size:14px;line-height:22px;padding:10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;min-width:50%;padding-left:0}
 .g-sub-menu3 .menu-right .right-list{width:296px;margin-left:64px;padding-top:40px}
 .g-sub-menu3 .menu-right .right-list .entry{padding:10px 24px;margin-bottom:16px;background:url(https://res-www.zte.com.cn/404?sc_lang=en) no-repeat;background-size:cover;height:110px}
 .g-sub-menu3 .menu-right .right-list .entry .tit{font-weight:bold;font-size:14px}
 .g-sub-menu3 .menu-right .right-list .entry:last-child{margin-bottom:0}
 .g-sub-menu3 .menu-left .left-news .tit{font-size:18px;font-weight:bold;color:#333;padding-top:20px}
 .g-sub-menu3 .menu-right .right-news .news-title{padding:15px 0;border-bottom:1px solid #eee;font-size:16px;height:51px;margin:20px 24px;color:#333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .g-sub-menu3 .menu-right .right-news .news-list{padding:20px 24px}
 .g-sub-menu3 .menu-right .right-news .news-list .entry{width:50%;margin-bottom:40px;align-items:flex-start;padding-right:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .g-sub-menu3 .menu-right .right-news .news-list .entry .icon{width:38px;height:38px;margin-right:17px}
 .g-sub-menu3 .menu-right .right-news .news-list .entry .icon img{width:100%;height:100%}
 .g-sub-menu3 .menu-right .right-news .news-list .entry .tit{font-size:14px;font-weight:bold;color:#333;line-height:24px}
 .g-sub-menu3 .menu-right .right-news .news-list .entry:hover .tit{color:#008ed3}
 .g-sub-menu3 .menu-right .right-news .news-list .entry .desc{color:#999;font-size:12px}
 .g-sub-menu3 .menu-right .right-news .news-list .entry:hover .desc{color:#333}
 .page-title{font-size:28px;color:#008ed3;padding-top:50px;padding-bottom:30px}
 .item-wrap{width:100%;max-width:1280px;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:0;bottom:0;z-index:2}
 .page-aBanner{position:relative}
 .page-aBanner .img img{transition:all 5s ease;-webkit-transition:all 5s ease;border-radius:.3rem}
 .page-aBanner:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}
 .page-aBanner .img{height:240px;border-radius:.3rem}
 .page-aBanner .info{padding-left:76px}
 .page-aBanner .info .tit{font-size:30px;color:#fff}
 .page-aBanner .info .btn{background:url(https://www.zte.com.cn/content/dam/zte-site/res-www-zte-com-cn/zte_icon/opc30_white.png) repeat;border-radius:.3rem;width:150px;height:46px;margin-top:20px;line-height:30px;text-align:center;font-size:16px;display:inline-block;color:#fff;box-sizing:border-box}
 .footer-copy{background:#fff;padding:27px 0;color:#666;font-size:12px}
 .footer-copy .nav a{margin-right:20px;white-space:nowrap}
 .footer-copy a{color:#666}
 .footer-copy a:hover{color:#333}
 .footer-copy .copy{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .footer-copy .copy>.flex-item{-webkit-box-flex:none;-ms-flex:none;-webkit-flex:none;flex:none;white-space:nowrap}
 .footer{padding:35px 0}
 .footer .nav .item .tit{font-size:18px;font-weight:bold;color:#000}
 .footer .nav .item a{color:#666;font-size:15px}
 .footer .nav .item .tit a{color:#000;font-size:18px}
 .footer .nav .item .info{padding-top:12px}
 .footer .nav .item .info>div{padding:12px 0}
 .footer .nav .item a:hover{color:#000}
 .footer .nav a.tit:hover{color:#008ed3}
 .footer .nav .item .tit{white-space:nowrap}
 .footer .sale-etwork{width:380px;margin-left:20px}
 .footer .sale-etwork{margin-left:20px}
 .footer>.zte-wrap>.flex{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
 .footer>.zte-wrap>.flex .nav:after,.footer>.zte-wrap>.flex .nav:before{display:none}
 .footer .nav .item{margin-right:10px}
 .footer .sale-etwork .tit{font-size:18px;font-weight:bold;padding:0 0 22px 0;color:#000}
 .footer .sale-etwork .map{position:relative;margin-top:20px}
 .footer .sale-etwork .map .entry{position:absolute;font-size:14px;color:#666}
 .footer .sale-etwork .map .entry1{left:45px;top:62px}
 .footer .sale-etwork .map .entry1{left:45px;top:62px}
 .footer .sale-etwork .map .entry2{left:83px;top:128px}
 .footer .sale-etwork .map .entry3{left:178px;top:54px}
 .footer .sale-etwork .map .entry4{left:157px;top:100px}
 .footer .sale-etwork .map .entry5{left:233px;top:35px}
 .footer .sale-etwork .map .entry6{left:260px;top:77px}
 .footer .sale-etwork .map .entry7{left:282px;top:133px}
 .footer .sale-etwork .map .entry:hover{color:#008ed3}
 .footer .social .item{position:relative}
 .footer .social .item .icon{width:49px;height:49px;border:1px solid #1d1d1e;background:#fff;border-radius:100%;position:relative;margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
 .footer .social .item .icon .i-h{display:none}
 .footer .social .item:hover .icon .i-d{display:none}
 .footer .social .item:hover .icon .i-h{display:block}
 .footer .social .item .code{background:url(base/css/images/icon/bg-2.png) no-repeat;width:120px;height:127px;position:absolute;left:50%;margin-left:-65px;bottom:100%;margin-bottom:10px;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-bottom:16px;display:none}
 .footer .social .item:hover .code{display:block}
 .pagination.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .video-container{position:fixed;z-index:999;width:100%;height:100%;left:0;right:0;bottom:0;top:0;display:none}
 .video-container .mask{background:rgba(0,0,0,0.7);position:fixed;z-index:1;width:100%;height:100%;left:0;right:0;bottom:0;top:0}
 .video-container>.main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:60%;z-index:2}
 .video-container .main .video-close{width:80px;height:80px;position:absolute;right:-20px;top:-80px;cursor:pointer;background:url(base/css/images/icon/icon-video-close.png) no-repeat center;background-size:50% 50%}
 .video-container .main video{width:100%;max-height:70vh;background:#000}
 .photo-container{position:fixed;z-index:999;width:100%;height:100%;left:0;right:0;bottom:0;top:0;display:none}
 .photo-container .mask{background:rgba(0,0,0,0.7);position:fixed;z-index:1;width:100%;height:100%;left:0;right:0;bottom:0;top:0}
 .photo-container>.main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:60%;z-index:2}
 .photo-container .main .btn-close{width:80px;height:80px;position:absolute;right:-20px;top:-80px;cursor:pointer;background:url(base/css/images/icon/icon-video-close.png) no-repeat center;background-size:50% 50%}
 .fr{float:right}
 .t-banner{background-size:cover !important;background-position:center !important;text-align:center;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
 .border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .page-t-banner{max-height:370px}
 div.t-banner .conn{max-height:3.8rem;padding-top:0;padding-bottom:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;max-width:13.14rem;width:100%;margin:0 auto}
 @media only screen and (max-width:1440px){div.t-banner .conn{max-width:none}
 }
 .t-banner .conn{padding-top:0;padding-bottom:0}
 .t-banner{min-height:3rem}
 .t-banner .tl{font-weight:bold;width:100%}
 .t-banner img{display:none}
 div.project_all{z-index:1}
 .zte2021-wrap{z-index:2}
 @media only screen and (max-width:768px){.ml40{margin-left:.4rem}
 .t-banner{min-height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:4rem}
 }
 .t-banner .conn p{line-height:36px;margin-top:30px;font-size:20px;display:none}
 .t-banner .conn p:nth-child(3){font-size:18px;color:#033333;line-height:36px}
 .t-banner h2{font-size:36px;color:rgba(51,51,51,1)}
 .tr{text-align:right}
 .t-banner .tl{text-align:left}
 .swiper-container{overflow:hidden}
 .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
 .ts-news-tab{background:#fff;border-bottom:1px solid #efefef;z-index:19;position:relative}
 .ts-news-tab .btn-view{display:none}
 .ts-news-tab .btn-view>div{height:100%}
 .ts-news-tab .btn-view .put,.ts-news-tab .btn-view .learm{font-size:22px;color:rgba(153,153,153,1)}
 .ts-news-tab .btn-view .put,.ts-news-tab.focus .btn-view .learm{display:none}
 .ts-news-tab .btn-view .icon{height:15px;margin-left:20px;transition:all .3s;-webkit-transition:all .3s;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
 .ts-news-tab.focus .btn-view .icon{transform:rotate(0);-webkit-transform:rotate(0)}
 .ts-news-tab.focus .btn-view .put{display:block}
 .ts-news-tab .item{color:#222;line-height:1;padding:.22rem;font-size:.18rem;margin-left:-.1rem;margin-right:.1rem;height:.33rem;white-space:nowrap;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
 .ts-news-tab .item1{font-size:.18rem;color:#999;font-weight:normal;margin-left:0}
 .ts-news-tab .item01{font-weight:bold;position:relative;padding-right:.5rem}
 .ts-news-tab .item01:after{content:"";position:absolute;right:.15rem;top:.3rem;width:1px;height:.2rem;background-color:#ccc}
 .ts-news-tab .item h2{font-size:.18rem}
 .ts-news-tab .item1 h2{font-weight:bold;font-size:.22rem}
 .mainContent .ts-center .ts-news-tab .item1{margin-left:0}
 .ts-news-tab .active{color:#008fd5;background:0}
 .ts-news-tab{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
 .ts-news-tab.fixTop{position:fixed;left:0;top:0;width:100%;z-index:59;transition:all .3s;-webkit-transition:all .3s}
 .ts-news-tab.fixTop.fixDown{top:.7rem}
 .zte-page-title.anchor-title{font-size:.36rem;font-weight:normal}
 .zte-page-title{font-size:.34rem;padding:.3rem 0;color:#333}
 .zte-solution-customer .zte-page-title{font-size:.34rem}
 .zte-page-title2{padding:0;font-size:.26rem;color:rgba(0,142,211,1)}
 .zte-page-title2 span{padding:.2rem .1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-weight:bold;border-bottom:4px solid rgba(0,142,211,1)}
 .zte-page-title .more{color:#666;font-size:.16rem;line-height:1;margin-top:.2rem;font-weight:normal;display:flex;align-items:center}
 .zte-page-title .more:after{background:url(base/css/images/icon/icon-ar-right22.png) no-repeat center;background-size:6px 12px;width:.06rem;height:.12rem;margin-left:.08rem;content:' '}
 .zte-page-title .more:hover{color:rgba(0,142,211,1)}
 .zte-page-title .more:hover:after{background:url(base/css/images/icon/icon-ar-right.png) no-repeat right 20%;background-size:6px 12px}
 .zte-page-title .more2{color:#fff}
 .zte-page-title .more2:after{background:url(base/css/images/icon/icon-right-white.png) no-repeat center right;background-size:10px auto}
 .zte-page-title .more2:hover{color:#fff}
 .zte-page-title .more2:hover:after{background:url(base/css/images/icon/icon-right-white.png) no-repeat center right;background-size:10px auto}
 .zte-page-title-pt{padding-top:0}
 .mt80{margin-top:80px}
 .swiperPagination{width:100%;display:none}
 .swiperPagination span{width:52px;height:8px;background:#d3d3d3;background:#aaa;border-radius:3px;border:0;margin:0 10px;outline:0}
 .zte-wrap .swiperPagination span.swiper-pagination-bullet-active{background:rgba(48,144,231,1) !important;opacity:1}
 .swiperPagination span{opacity:.2}
 .icon-video-play:after{position:absolute;content:' ';left:0;top:0;z-index:2;right:0;bottom:0;width:100%;height:100%;background:url(base/css/images/icon/icon-play.png) no-repeat center;background-size:15%;pointer-events:none}
 img{max-width:100%;height:auto}
 .zte-page-404{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:50px 0;text-align:center}
 .zte-page-404 img{height:50vh}
 .zte-page-404 .desc{color:#666}
 .zte-page-nav{padding:20px 0;background:#f7f8fa}
 .zte-page-nav{background:#f7f8fa;color:#666}
 .zte-page-nav .icon{width:7px;height:15px;margin:0 15px;display:block;background:url(base/css/images/icon/icon-ar-right22.png) no-repeat center;background-size:100% auto}
 .zte-page-nav a{color:#666}
 .zte-page-nav a:hover{color:#008ed3}
 .browserTips{background:#008ed3;padding:10px 0;color:#fff;font-size:16px;display:none}
 .browserTips .btn-close{width:16px;height:16px;cursor:pointer}
 .browserTips img{margin:0 10px}
 .browserTips a{color:#fff}
 .browserTips a:hover{text-decoration:underline}
 .zte-page-cookie .h3-s{line-height:45px;color:#666}
 .zte-page-cookie-table,.zte-page-cookie-table th,.zte-page-cookie-table td{border:1px solid #666}
 .zte-page-cookie-table th{padding:25px 20px;color:#333;font-size:20px;background:#87d8ff;text-align:left}
 .zte-page-cookie-table a{color:#666}
 .zte-page-cookie-table a:hover{color:#333;text-decoration:underline}
 .zte-page-cookie-table td{width:25%;padding:25px 20px;color:#666;font-size:14px;line-height:30px;text-align:left;vertical-align:top}
 .zte-page-privacy .left{width:28%;padding-bottom:50px}
 .zte-page-privacy .left .h2-l p{color:#666;font-size:14px}
 .zte-page-privacy .left .nav-list{background:#f0f0f0}
 .zte-page-privacy .left .nav-list .item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:24px 20px;font-size:20px;color:#333;border-left:6px solid #f0f0f0;cursor:pointer}
 .zte-page-privacy .left .nav-list .item:hover,.zte-page-privacy .left .nav-list .item.focus{color:#fff;background:#87d8ff;border-left:6px solid #008ed3}
 .zte-page-privacy .right{margin-left:7%;width:65%}
 .zte-page-privacy .right .h3-s{line-height:30px}
 .zte-page-privacy .right .item{display:none}
 .zte-page-privacy .right .item.focus{display:block}
 body.header_fix{padding-top:86px}
 @media only screen and (max-width:768px){.zte-page-404 img{height:auto}
 }
 .mShow{display:none}
 @media only screen and (min-width:768px) and (max-width:1440px){.ts-news-tab .item{padding:15px 22px;font-size:16px;line-height:20px}
 .zte-page-title .more{font-size:14px}
 .g-sub-menu3 .menu-left,.g-sub-menu3 .menu-right .right-level{width:20vw}
 .g-sub-menu3 .menu-right .right-list{margin-left:20px}
 }
 @media only screen and (max-width:1680px){.page-title{padding-top:40px}
 .ts-news-tab.fixTop.fixDown{top:.7rem}
 .page-title{padding-top:30px;padding-bottom:20px;font-size:24px}
 .top-nav .nav a{padding:10px 0}
 .header{padding-top:20px;padding-bottom:15px}
 body.header_fix{padding-top:70px}
 .header .logo,.header .logo img{height:35px}
 .header.header-open .menu-sub{margin-top:15px}
 .header .menu-sub{padding-left:100px;padding-right:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .page-aBanner .img{height:200px}
 }
 @media only screen and (max-width:1440px){.ts-news-tab .project_all{padding-left:0;padding-right:0}
 .page-aBanner .item-wrap{padding-left:.4rem;padding-right:.4rem}
 .mt80{margin-top:60px}
 .item-wrap{max-width:100%;padding-left:100px;padding-right:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .zte-wrap{max-width:13.14rem;padding-left:0;padding-right:0}
 .zte-wrap .zte-wrap{padding-left:0;padding-right:0}
 .mt20{margin-top:10px}
 .mt10{margin-top:5px}
 .mt30{margin-top:15px}
 .mt50{margin-top:25px}
 .mt5{margin-top:3px}
 }
 @media only screen and (max-width:1360px){.g-sub-menu .item .entry .item-entry{width:90px;margin-right:20px}
 .g-sub-menu .item .entry{margin-right:-20px}
 }
 @media only screen and (max-width:1200px){.header .menu-ul li{margin:0 8px}
 .header .seach{width:120px}
 .g-sub-menu .menu-right .right-list{display:none}
 .header .menu-ul li{margin:0 4px}
 .header .seach{width:100px}
 }
 @media only screen and (min-width:768px) and (max-width:1440px){body .ts-news-tab .project_all,body div.project_all{padding-left:100px;padding-right:100px}
 }
 @media only screen and (max-width:768px){body div.pageWidth{padding-left:.24rem;padding-right:.24rem}
 .ts-news-tab .item h2{font-size:.3rem}
 .ts-news-tab.fixTop.fixDown{top:.8rem}
 div.project_all{padding-left:.24rem;padding-right:.24rem;z-index:1}
 .zte-news-detail div img{height:auto !important}
 .zte-news-detail div video{width:100% !important;height:auto !important}
 .header.fixTop.fixDown{box-shadow:0 .06rem .11rem 0 rgba(204,204,204,0.17)}
 .page-t-banner{max-height:5rem}
 .zte-page-nav{padding:.2rem 0;font-size:.2rem}
 .zte-page-nav>.flex{white-space:nowrap;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .zte-page-nav .icon{width:.08rem;height:.15rem;margin:0 .15rem}
 .zte-page-privacy .left .nav-list{display:none}
 .zte-page-privacy{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .zte-page-privacy .left{width:100%}
 .zte-page-privacy .right{margin:0 -.24rem;width:auto;min-width:100vw}
 .zte-page-privacy .right .item{display:block}
 .zte-page-privacy .right .item .title{padding:.3rem .24rem;position:relative;background:#f8f8f8}
 .zte-page-privacy::-webkit-scrollbar{width:10px;height:0}
 .zte-page-privacy::-webkit-scrollbar-track{background-color:#e1e7f1;border-radius:5px}
 .zte-page-privacy::-webkit-scrollbar-thumb{background-color:#7dd4ff;border-radius:20px}
 .zte-page-privacy::-webkit-scrollbar-track-piece{background-color:#e1e7f1;border-radius:5px}
 .zte-page-privacy::-webkit-scrollbar-button{background-color:#e1e7f1;width:0;height:0}
 .zte-page-privacy::-webkit-scrollbar-corner{background-color:black}
 .zte-page-privacy .right .item .title:after{content:' ';width:.15rem;height:.3rem;background:url(base/css/images/icon/icon-ar-right22.png) no-repeat center;background-size:100% auto;position:absolute;right:.24rem;top:50%;margin-top:-.15rem;transition:all .3s;-webkit-transition:all .3s;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
 .zte-page-privacy .left{padding-bottom:.4rem}
 .zte-page-privacy .right .item.focus .title:after{transform:rotate(270deg);-webkit-transform:rotate(270deg)}
 .zte-page-privacy .right .item .info{padding:.3rem .24rem;max-height:70vh;overflow-y:scroll;display:none}
 .zte-page-privacy .right .item.focus .info{display:block}
 .h2-l{font-size:.46rem}
 .h3-l{font-size:.32rem}
 .zte-page-cookie .h3-s{font-size:.28rem;line-height:.56rem}
 .zte-page-cookie .h3-s p{margin-bottom:.2rem}
 .zte-page-cookie-table{width:100%}
 .zte-page-cookie-table th,.zte-page-cookie-table td{padding:.2rem .12rem;font-size:.28rem;word-break:break-all;word-wrap:break-word;width:25%}
 .header.header-open .g-sub-menu{display:none}
 .footer .nav .item .item{padding-left:0}
 .mShow{display:block}
 .mShow.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .pagination .prev,.pagination .next{color:#000;border:0 none;display:inline-block;font-size:.3rem}
 .pagination a,.pagination span{display:none}
 .pagination input{display:none}
 .mt10{margin-top:.1rem}
 .mr15{margin-right:.15rem}
 .mt20{margin-top:.2rem}
 .mt25{margin-top:.25rem}
 .zte-wrap .mt30{margin-top:.3rem}
 .mt40{margin-top:.4rem}
 .mt50{margin-top:.5rem}
 .mt5{margin-top:.05rem}
 .swiperPagination.flex{display:-webkit-box;display:-webkit-flex;display:flex}
 .swiperPagination span{width:.52rem;height:.08rem;margin:0 .1rem}
 div.zte-page-title{padding:.3rem 0;font-size:.4rem}
 div.zte-page-title .more{font-size:.24rem;height:.24rem;position:relative;padding:0;margin:0;align-self:flex-end}
 .zte-page-title .more:after{background:url(base/css/images/icon/icon-arrow-2.png) no-repeat right center;background-size:.1rem .16rem;width:.1rem;height:.16rem}
 .ts-news-tab .btn-view{display:block}
 .ts-news-tab .view-more{display:none}
 .ts-news-tab .view-more{width:100%;flex:none;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 html{font-size:50px}
 .mHide{display:none}
 .header .menu{display:none}
 .top-nav .nav a{border-bottom-width:3px;margin-right:10px;margin:0}
 .top-nav{height:1rem}
 .top-nav .nav{flex-wrap:nowrap;overflow-x:auto;justify-content:space-between}
 .top-nav .nav:after,.top-nav .nav:before{display:none}
 .top-nav .nav a{white-space:nowrap;display:inline-block;padding:.3rem 0;font-size:.28rem;color:#333;margin-right:.8rem;margin-right:0;border:0;position:relative}
 .top-nav .nav a.active:after{content:' ';width:.58rem;height:.08rem;background:#008ed3;border-radius:.04rem;position:absolute;left:50%;margin-left:-.29rem;bottom:.15rem}
 .item-wrap{padding-left:.4rem;padding-right:.4rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .video-container .main .video-close{transform:scale(0.5);-webkit-transform:scale(0.5);top:-60px}
 .video-container>.main{width:95%}
 .photo-container .main .btn-close{transform:scale(0.5);-webkit-transform:scale(0.5);top:-60px}
 .photo-container>.main{width:95%}
 .page-aBanner .info{padding-left:0}
 .page-aBanner .img{height:2.4rem;border-radius:.3rem !important}
 .page-aBanner .info .tit{font-size:.3rem}
 .page-aBanner .info .btn{font-size:.2rem;width:1.2rem;line-height:.37rem;height:.37rem}
 .bgf3{background:0}
 .page-aBanner .img .imgs{object-position:right}
 .page-title{padding-top:.4rem;padding-bottom:.35rem;font-size:.38rem;color:#333}
 /* .zte-wrap{padding-left:.4rem;padding-right:.4rem} */
 .zte-wrap{padding-left:.5rem;padding-right:.5rem}
 /* .news-recommend-component .home-newrecommend-swiper .swiper-wrapper {display: flex;flex-direction: column;} */
 a:hover .img img{transform:scale(1);-webkit-transform:scale(1)}
 .mt90{margin-top:.9rem}
 .footer .sale-etwork{display:none}
 .footer .nav{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .footer .nav .item{width:100%;padding-left:.3rem}
 .footer .nav .item .tit a{font-size:.32rem}
 .footer .nav .item .tit{font-size:.32rem;padding:.3rem 0;position:relative}
 .footer .nav .item .tit:after{width:.24rem;height:.24rem;background:url(base/css/images/icon/icon-push.png) no-repeat;background-size:100% 100%;content:' ';position:absolute;right:.2rem;top:50%;margin-top:-.12rem;transition:all .3s;-webkit-transition:all .3s}
 .footer .nav .item a{font-size:.28rem}
 .footer .nav .item .tit.focus:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
 .footer .nav .item .info{display:none;padding-left:.3rem;padding-top:0}
 .footer{padding-top:.2rem;padding-bottom:0rem}
 .footer .footer-social{padding-left:.15rem;padding-top:.2rem;border-bottom:1px solid #ccc;padding-bottom:.5rem}
 .footer .footer-social>.flex-item{display:none}
 .footer .social .item .icon{width:.5rem;height:.5rem}
 .footer .social .item .icon img{width:auto;height:.2rem}
 .footer-copy{background:#f0f0f0;padding-top:0}
 .footer-copy>.zte-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}
 .footer-copy>.zte-wrap .nav{width:100%;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;padding-bottom:.4rem;border-bottom:1px solid #ccc;padding-left:.53rem;padding-left:.3rem;padding-bottom:.4rem}
 .footer-copy .nav a{font-size:.24rem;margin-top:.4rem;margin-right:.5rem}
 .footer-copy .copy{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;padding-top:.4rem;padding-left:.53rem;padding-left:.3rem;font-size:.24rem}
 .footer-copy .copy>.flex{width:100%;margin-top:.3rem}
 .footer-copy .copy>.flex img{width:.24rem}
 .header .searching{position:absolute;top:100%;margin-left:0;left:0;margin-top:.3rem;background:#f8f8f8;width:100%;padding:.48rem .2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .header .searching input{border:1px solid #ccc;background:#fff;height:.79rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-size:.28rem}
 .header .btn-search{position:absolute;right:1.16rem;padding:0 .2rem;background:#fff}
 .header .searching .btn-cancel{display:block;text-align:right;width:.95rem;font-size:.28rem;color:#333;line-height:.79rem}
 .header.header-open-search .searching{width:100%;position:absolute}
 .header .logo,.header .logo img{height:.5rem}
 div.header .zte-wrap,.top-nav .zte-wrap{padding-left:.24rem;padding-right:.24rem}
 .header .seach{width:auto;font-size:0}
 .header{background:#fff;height:1.2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-top:.4rem;padding-bottom:.3rem}
 .header .icon-search{height:.36rem;-webkit-filter:grayscale(100%) brightness(0);filter:grayscale(100%) brightness(0)}
 .header.header-open-search .icon-close{display:none}
 .header.header-open-search .icon-search{display:block}
 .header .icon-menu{display:block;margin-left:.6rem}
 .header .icon-menu img{width:auto;height:.34rem;display:none}
 .header .icon-menu .icon-menu-open{display:block}
 .header.header-open .icon-menu .icon-menu-open{display:none}
 .header.header-open .icon-menu .icon-menu-close{display:block}
 .header .menu-sub{padding-left:0;padding-right:0;display:block}
 .header .btn-search img{height:.36rem}
 html{overflow-x:hidden}
 .header .menu-sub-mobile{position:fixed;left:120%;top:2.2rem;width:100%;background:#f8f8f8;padding:0 .24rem;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;transition:all .5s ease;-webkit-transition:all .5s ease;display:block;height:calc(100vh - 2.2rem);overflow:hidden}
 .header.header-open .menu-sub-mobile{left:0}
 .header .menu-sub-mobile .plate1{width:100%;padding:.35rem 0}
 .header .menu-sub-mobile .plate1 .item{padding:.35rem 0;position:relative}
 .header.header-open .menu-sub{display:none}
 .header .menu-sub-mobile .plate1 .item:after{content:' ';width:.14rem;height:.23rem;position:absolute;right:0;top:50%;margin-top:-.115rem;background:url(base/css/images/icon/icon-right-black2.png) no-repeat;background-size:100%}
 .header .menu-sub-mobile .plate1 a{font-size:.32rem;color:#333}
 .header .menu-sub-mobile .language{font-size:.32rem;color:#333;padding:.5rem 0}
 .header .menu-sub-mobile .language span{margin:0 .36rem}
 .header .menu-sub-mobile .sub-item{transition:all .5s ease;-webkit-transition:all .5s ease;position:relative;display:block;width:100%}
 .header .menu-sub-mobile.outPlate1 .plate1{z-index:1;transform:translateX(-120%);-webkit-transform:translateX(-120%);position:absolute}
 .header .menu-sub-mobile .plate2{transform:translateX(120%);-webkit-transform:translateX(120%);position:absolute;top:0}
 .header .menu-sub-mobile.outPlate1 .plate2{z-index:2;position:relative;transform:translateX(0);-webkit-transform:translateX(0)}
 .header .menu-sub-mobile .item-back{font-size:.28rem;color:#666;padding:.5rem 0}
 .header .menu-sub-mobile .item-back:before{content:' ';width:.12rem;height:.2rem;background:url(base/css/images/icon/icon-right-black2.png) no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg);display:inline-block;margin-right:.2rem}
 .header .menu-sub-mobile .plate2 .item-entry{display:none;padding-bottom:.5rem}
 .header .menu-sub-mobile .plate2 .item-entry.active{display:block}
 .header .menu-sub-mobile .plate2 .item-tit{font-size:.38rem;color:#008ed3;padding-bottom:.19rem;border-bottom:1px solid #ccc}
 .header .menu-sub-mobile .plate2 .entry .entry-tit{padding:.35rem 0;position:relative}
 .header .menu-sub-mobile .plate2 .entry .entry-tit a{font-size:.32rem;color:#333}
 .header .menu-sub-mobile .plate2 .entry .entry-tit:after{width:.24rem;height:.24rem;background:url(base/css/images/icon/icon-push.png) no-repeat;background-size:100% 100%;content:' ';position:absolute;right:.2rem;top:50%;margin-top:-.12rem;transition:all .3s;-webkit-transition:all .3s}
 .header .menu-sub-mobile .plate2 .entry .entry-tit.noneAfter:after{background:url(base/css/images/icon/icon-right-black2.png) no-repeat;background-size:100% 100%;display:block;transform:none !important;-webkit-transform:none !important;width:.14rem;height:.23rem}
 .noneAfter:after{display:none}
 .header .menu-sub-mobile .plate2 .entry.focus .entry-tit:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
 .header .menu-sub-mobile .plate2 .entry .info{padding-left:.3rem;display:none}
 .header .menu-sub-mobile .plate2 .entry .info a{font-size:.28rem;color:#666;display:block;padding:.25rem 0}
 .header .menu-sub-mobile .plate2 .entry .info .info-tit{padding:.25rem 0;color:#333;position:relative;font-size:.3rem}
 .header .menu-sub-mobile .plate2 .entry .info .info-tit:after{content:' ';width:.2rem;height:.12rem;background:url(base/css/images/icon/icon-menu-down2.png) no-repeat;background-size:100%;position:absolute;right:.5rem;top:50%;margin-top:-.05rem;transition:all .3s;-webkit-transition:all .3s}
 .header .menu-sub-mobile .plate2 .entry .info .info-tit.noneAfter:after{display:none}
 .header .menu-sub-mobile .plate2 .entry .info .info-tit.focus:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
 .header .menu-sub-mobile .plate2 .entry .info .info-cont{display:none}
 .header .menu-sub-mobile .plate2 .entry .info .info-cont a{display:block}
 .header .menu-sub-mobile .plate2 .entry .noneAfter a{display:block}
 .header .menu-sub-mobile .plate2 .entry .entry-tit.noneAfter:after{display:none}
 html.open{overflow:hidden}
 .footer .social{flex-direction:row-reverse}
 .header.header-open.fixTop .menu-sub-mobile{left:120%}
 .header.fixDown.header-open .menu-sub-mobile{left:0;top:1.2rem;height:calc(100vh - 1.2rem)}
 .header .menu-sub-mobile .swiper-slide{height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .header .menu-sub-mobile .swiper-container{height:100%}
 .header .menu-sub-mobile.outPlate1 .plate2{overflow-y:scroll;height:calc(100vh - 2.5rem)}
 .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
 .policyOperate{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
 .cookieTip div:first-child{max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0 20px}
 .t-banner{padding-top:.25rem;padding-bottom:.25rem}
 .page-t-banner{padding:0;position:relative}
 .page-t-banner img.mShow{height:3.97rem;width:100%;display:block;object-fit:cover}
 .page-t-banner .conn{position:absolute;top:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:.5rem}
 .page-t-banner .conn h2{margin:0;width:100%;font-size:.48rem}
 .t-banner h2{font-size:.4rem;margin-bottom:0}
 .t-banner .conn p{font-size:.2rem;margin-top:.2rem;line-height:.28rem}
 .ts-news-tab .item{padding:.25rem .3rem;font-size:.3rem;line-height:.42rem;margin-right:0;margin-left:0;height:auto}
 .ts-news-tab .view-more .item.active{background:0;color:#666}
 .ts-news-tab .item1{padding:.22rem .3rem;font-size:.4rem;font-size:.3rem;line-height:.46rem;height:auto;margin-left:0}
 .ts-news-tab .zte-wrap.flex{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
 .ts-news-tab .btn-view .icon{height:.12rem;margin-left:.1rem;width:auto}
 .ts-news-tab .btn-view .put,.ts-news-tab .btn-view .learm{font-size:.28rem;white-space:nowrap}
 .ts-news-tab.focus .view-more{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .ts-news-tab.focus:after{width:100%;position:absolute;left:0;top:100%;height:120vh;background:rgba(0,0,0,0.2);content:' '}
 }
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
 .font-bold{font-weight:bold}
 i{font-style:normal}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
 body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,select{margin:0;padding:0;border:0}
 h1{font-size:18px;font-weight:normal}
 h2{font-size:16px;font-weight:normal}
 h3{font-size:14px;font-weight:normal}
 h4,h5,h6{font-size:100%;font-weight:normal}
 address,cite,dfn,em,var{font-style:normal}
 code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
 small{font-size:12px}
 blockquote,q{quotes:none}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
 sup{vertical-align:text-top}
 sub{vertical-align:text-bottom}
 ul,ol{list-style:none}
 a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
 a:active,a:hover{outline:0}
 abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
 q:before,q:after{content:''}
 legend{color:#333}
 fieldset,img{border:0}
 button,input,select,textarea{font-size:100%;outline:0}
 table{border-collapse:collapse;border-spacing:0}
 input,textarea,select{font-family:"Microsoft Yahei";font-size:inherit;font-weight:inherit;-webkit-border-radius:0;border-radius:0}
 input,select{vertical-align:middle}
 input{border-radius:0}
 body a:focus{outline:0}
 .fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
 .fn-clear{zoom:1}
 .fl{float:left}
 .fr{float:right}
 .fn{float:none}
 .cb{clear:both}
 .dn{display:none}
 .vn{visibility:hidden}
 .oh{overflow:hidden;position:relative}
 .vm{vertical-align:middle}
 .pa{position:absolute;left:0;top:0}
 .pr{position:relative}
 .pf{position:fixed;left:0;top:0}
 .dib{display:inline-block}
 .di{display:inline}
 .db{display:block}
 .df{display:flex}
 .w10{width:10%}
 .w20{width:20%}
 .w25{width:25%}
 .w33{width:33.33333333%}
 .w50{width:50%}
 .w75{width:75%}
 .w100{width:100%}
 .tr{text-align:right}
 .tl{text-align:left}
 .fz30{font-size:30%}
 .fz40{font-size:40%}
 .fz50{font-size:50%}
 .fz60{font-size:60%}
 .fz70{font-size:70%}
 .fz80{font-size:80%}
 .fz90{font-size:90%}
 .fz100{font-size:100%}
 .fz110{font-size:110%}
 .fz120{font-size:120%}
 .fz125{font-size:125%}
 .fz130{font-size:130%}
 .fz140{font-size:140%}
 .fz150{font-size:150%}
 .fz160{font-size:160%}
 .fz170{font-size:170%}
 .fz180{font-size:180%}
 .fz190{font-size:190%}
 .fz200{font-size:200%}
 .fz210{font-size:210%}
 .fz220{font-size:220%}
 .fz230{font-size:230%}
 .fz240{font-size:240%}
 .fz250{font-size:250%}
 .fz260{font-size:260%}
 .fz270{font-size:270%}
 .fz280{font-size:280%}
 .fz290{font-size:290%}
 .fwb{font-weight:bold}
 .fw1{font-weight:100}
 .c6{color:#666}
 .cf{color:#fff}
 .c0{color:#000}
 .cr{color:red}
 .c008{color:#008fd5 !important}
 .info_minute a.c008:hover{text-decoration:underline}
 .c000{color:#000}
 .c333{color:#333}
 .hover_c008:hover{color:#008fd4}
 div.pageWidth{width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}
 @media only screen and (max-width:1440px){div.pageWidth{max-width:100%;padding-left:100px;padding-right:100px}
 }
 .fullpageWidth{width:100%;max-width:1920px;margin:0 auto}
 .videoPop .popWrap .play_box{height:600px}
 .r_fl_title a{color:#fff}
 .r_fl_title a label{color:#fff;cursor:pointer}
 .arrow_right{float:right}
 .videoPop .popWrap .play_box{height:600px;position:relative;z-index:104}
 .video-box,.video_box{overflow:hidden;position:relative;width:100%}
 .r_fl_title a{color:#fff}
 .r_fl_title a label{color:#fff;cursor:pointer}
 .player-box{height:100% !important;left:0;position:absolute;top:0;width:100% !important;z-index:10}
 .video-box a.js_video_icon{transition:all .5s ease 0;background:url("base/css/clientlib-common/images/common/player_icon.png") no-repeat scroll center center;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:11}
 .video-box a.js_video_icon:hover{transform:scale(1.1)}
 .video-box .close{display:none}
 .video_box a.js_video_player,.video_box a.js_video_icon_cm{background:url("base/css/clientlib-common/images/group/video_play.png") no-repeat scroll center center;display:block;height:100% !important;left:0;position:absolute;top:0;width:100% !important;z-index:11;transition:all .5s ease 0}
 .video_box img.video_pic{width:100% !important}
 header{width:100%;position:relative;width:100%;z-index:102}
 .headWarp{position:relative;width:100%;z-index:5}
 .headWarp .topBar{border-bottom:1px solid #ccc}
 .headWarp .topBar .topBarCont{position:relative;height:40px}
 .headWarp .topBar .topNav{left:2.77%;position:absolute}
 .headWarp .topBar .topNav li{float:left}
 .headWarp .topBar .topNav li a{font-size:14px;color:#000;display:inline-block;height:40px;line-height:40px;padding:0 10px}
 .headWarp .topBar .topNav li a.cur,.headWarp .topBar .topNav li a:hover{color:#fff;background-color:#008fd5}
 .topBar .topBarCont .loginBar{float:right;margin-right:12px;margin-top:5px}
 .topBar .topBarCont .loginBar *{vertical-align:middle}
 .topBar .topBarCont .loginBar a{color:#000}
 .topBar .topBarCont .loginBar>span{margin-right:8px;display:inline-block}
 .topBar .topBarCont .loginBar .socialLogin a img{left:-44px;max-width:120px;padding-top:10px;position:absolute;top:20px;width:120px;display:none}
 .topBar .topBarCont .loginBar .socialLogin a:hover img{display:inline-block}
 .topBar .topBarCont .loginBar .selArea em{display:inline-block;height:19px;width:20px;margin-right:8px;background:url(base/css/clientlib-common/css/styleImg/sel_area.png) no-repeat scroll}
 .topBar .topBarCont .loginBar .loginReg .icon{display:inline-block;height:19px;width:20px;margin-right:8px;background:url(base/css/clientlib-common/css/styleImg/login_icon.png) no-repeat scroll}
 .topBar .topBarCont .loginBar .loginReg .split{display:inline-block;height:12px;width:1px;margin-left:8px;margin-right:8px;background-color:#000}
 .topBar .topBarCont .loginBar .socialLogin em{display:inline-block;height:30px;width:31px;margin-right:12px}
 .topBar .topBarCont .loginBar .socialLogin .weibo{background:url(base/css/clientlib-common/css/styleImg/social_login_01.png) no-repeat scroll}
 .topBar .topBarCont .loginBar .socialLogin .weixin{background:url(base/css/clientlib-common/css/styleImg/social_login_02.png) no-repeat scroll}
 .topBar .topBarCont .loginBar .socialLogin .linkin{background:url(base/css/clientlib-common/css/styleImg/social_login_03.png) no-repeat scroll}
 .headCont .headMain{padding:15px 0;position:relative}
 .headCont .logo{margin-left:2.77%;width:201px;display:inline-block}
 .headCont .searchBtn{margin-right:2.77%;margin-top:15px;float:right;display:inline-block}
 .headCont .searchBtn .s_hide{display:none}
 .shoppingCart div{display:inline-block;line-height:26px;vertical-align:top;color:#000;font-size:14px;margin-left:4px;margin-right:12px}
 .headCont .mainNav{margin-left:10%;display:inline-block}
 .headCont .searchBox{width:600px;left:0;top:0;display:none;padding-bottom:20px}
 .headCont .searchBox .searchInputWarp{position:relative;padding-left:60px;padding-right:35px;height:50px}
 .headCont .searchBox .searchInputWarp .searchIcon{display:inline-block;height:100%;width:31px;position:absolute;left:20px;top:0;background:url(base/css/clientlib-common/css/styleImg/serch_icon_02.png) no-repeat scroll left center}
 .headCont .searchBox .searchInputWarp .closeIcon{display:inline-block;height:100%;width:31px;position:absolute;right:0;top:0;background:url(base/css/clientlib-common/css/styleImg/close_icon.png) no-repeat scroll right center;cursor:pointer;background-size:25px}
 .headCont .searchBox .searchInput{border:0;outline:0 none;display:inline-block;width:100%;height:100%;color:#4e4c4c;font-size:24px;background:0}
 .searchInput::-ms-clear{display:none}
 .headCont .searchBox .suggestList{position:relative;padding:15px 0;background:url(base/css/clientlib-common/css/styleImg/searchBox_bg.png) repeat scroll}
 .headCont .searchBox .suggestList h3{color:#008fd5;font-size:14px;padding-left:25px}
 .headCont .searchBox .suggestList .nosuggest{padding-left:25px;color:#666;display:none}
 .headCont .searchBox .suggestList ul{font-size:24px}
 .headCont .searchBox .suggestList ul li{padding-left:25px}
 .headCont .searchBox .suggestList ul li a{color:#4e4c4c;font-size:80%}
 .headCont .mainNav>ul>li{float:left;margin-right:40px;text-align:center}
 .headCont .mainNav>ul>li>a{color:#000;font-size:16px;display:inline-block;padding:10px 0;position:relative}
 .headCont .mainNav>ul>li.cur>a:after{position:absolute;content:"";bottom:-7px;left:50%;display:inline-block;width:5px;height:5px;background:#008fd5;border-radius:5px;margin-left:-3px}
 .headCont .mainNav>ul>li.cur>a:before{position:absolute;content:"";bottom:-17px;left:50%;margin-left:-1px;display:inline-block;width:1px;height:10px;background:#008fd5}
 .headCont .mainNav>ul>li.noChild>a:after,.headCont .mainNav>ul>li.noChild>a:before{display:none}
 .headCont .mainNav>ul>li.cur>a{border-bottom:1px solid #008fd5;color:#008fd5}
 .subNav{position:;left:0;top:0;width:100%;z-index:3;background-color:#fff}
 .subNav .headerSub{display:none}
 .subNav .headerSub .subNavCont{margin-left:25%}
 .subNav .headerSub .subNavCont .submenu{float:left;margin-left:-40px;margin-top:4px;overflow:hidden;padding-bottom:30px;padding-top:24px;position:relative}
 .subNav .headerSub .subNavCont .menuBg{border-left:1px solid #008fd5;border-top:1px solid #008fd5;position:absolute;margin-left:-40px;margin-top:4px;overflow:hidden;padding-bottom:30px;padding-top:24px}
 .subNav .headerSub .subNavCont .submenu li{float:left;line-height:1.8;margin-left:40px;height:180px;overflow:hidden}
 .subNav .headerSub .subNavCont .submenu li h3{font-size:16px;color:#008fd5}
 .subNav .headerSub .subNavCont .submenu li h3>a{color:#008fd5}
 .subNav .headerSub .subNavCont .submenu li a{display:block;font-size:16px;color:#000}
 .column_template_T{width:160px;overflow:hidden;position:relative;display:none}
 .column_template_T img{width:160px;height:80px;margin-top:7px;float:left}
 .column_template_T label{width:100%;display:inline-block;float:left;font-size:16px;color:#008fd5}
 .column_template_T .info_zy{font-weight:100;line-height:1.2;color:#000}
 .flexslider.banner{width:100%;z-index:1}
 .flexslider.banner ul li img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .flexslider.banner .flex-control-nav{bottom:5%}
 .flexslider.banner>ul>li>div{position:relative}
 .flexslider.banner>ul>li>div .caption{position:absolute;left:20%;top:10%}
 .flexslider.banner>ul>li>div .caption .captionP{color:#008fd4;line-height:1.2;font-size:48px}
 .flexslider.banner>ul>li>div .caption .captionBtn{display:inline-block;background:url(base/css/clientlib-common/css/styleImg/captionBtn.png) no-repeat;color:#fff;width:172px;height:36px;line-height:36px;font-size:14px;text-align:center;margin-top:50px}
 .flexslider.banner .flex-control-paging li a{background:url(base/css/clientlib-common/css/styleImg/flex_nav_icon.png) no-repeat center center;height:30px;width:31px;box-shadow:none;border-radius:0}
 .flexslider.banner .flex-control-paging li a:hover{background:url(base/css/clientlib-common/css/styleImg/flex_nav_icon.png) no-repeat center center}
 .flexslider.banner .flex-control-paging li a.flex-active{background:url(base/css/clientlib-common/css/styleImg/flex_nav_icon_active.png) no-repeat}
 .flexslider.banner .flex-direction-nav a{top:auto;height:24px;width:12px;margin:0;opacity:0}
 .pagination{text-align:center;font-size:14px;margin:1em 0}
 .pagination a{display:inline-block;color:#222;line-height:20px;margin:0 3px;padding:0 8px;height:20px}
 .pagination .prev,.pagination .next{font-size:12px}
 .pagination span{display:inline-block;margin:0 1px;color:#28a0da;margin:0 3px;line-height:30px}
 .pagination input{width:40px;border:1px solid #cbdbe4;line-height:20px;text-align:center;background:transparent;color:#28a0da;margin:0 3px;background-color:white}
 .pagination #paginationgo{cursor:pointer}
 #footer{margin:auto;min-height:20px;width:100%;max-width:1280px;border-top:1px solid #ccc;padding-top:45px}
 #footer .f_nav li img{width:62.5%}
 #footer .f_nav li{float:left;width:10%;padding-left:1.5%}
 #footer .f_nav li p label{display:block;height:37px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1.5em;color:#666;line-height:1.8em}
 #footer .f_nav li p label a{color:#666}
 #footer .f_nav li p label.title{color:#008fd4}
 #footer .f_nav li p label.info{font-size:1.3em}
 #footer .f_nav li.f_area{width:42%;padding:0}
 #footer .f_nav li.f_area img{width:100%}
 #footer .f_area .pa{left:16%;top:42%;font-size:1.2em;padding-left:12px;color:#333}
 #footer .f_area .pa:hover{color:#333}
 #footer .f_area .pa:before{content:'';display:none;width:10px;height:10px;background:url(base/css/clientlib-common/images/common/blue-dot.png) no-repeat;position:absolute;top:6px;left:0}
 #footer .f_area .pa:hover{text-decoration:underline;cursor:pointer}
 #footer .f_area .pa+.pa{left:28%;top:73%}
 #footer .f_area .pa+.pa+.pa{left:50%;top:41.5%}
 #footer .f_area .pa+.pa+.pa+.pa{left:47%;top:62%}
 #footer .f_area .pa+.pa+.pa+.pa+.pa{left:69.5%;top:34%}
 #footer .f_area .pa+.pa+.pa+.pa+.pa+.pa{left:72%;top:53%}
 #footer .f_area .pa+.pa+.pa+.pa+.pa+.pa+.pa{left:78%;top:78%}
 #footer .f_fx{text-align:center;padding:2% 5%;width:37%;float:right}
 #footer .f_fx img{margin-right:3%}
 #footer .f_fx a{position:relative}
 #footer .f_fx a img.hide{bottom:30px;left:-16px;position:absolute;padding-bottom:20px}
 #footer .f_fx a:hover img.hide{display:inline-block !important}
 .m_show,.m_show_b,.m_show_ib,.m_show_i{display:none}
 #footer .f_nav_b{overflow:hidden;position:relative;padding:19px 0 2% 3%;width:99%;border-top:1px solid #ccc}
 #footer .f_nav_b li{float:left;margin:0 2% 0 0;font-size:1em}
 #footer .f_nav_b li a{color:#666}
 #footer .f_nav_b li.m_bq{width:43%;text-align:right}
 .hide{display:none}
 .back_top{cursor:pointer}
 .sharebox{position:relative}
 .erweiCode{position:absolute;display:none}
 .popup{background:rgba(0,0,0,0.6) none repeat scroll 0 0;display:none;height:100%;left:0;overflow:hidden;position:fixed;text-align:center;top:0;width:100%;z-index:999}
 .videoPop .popWrap{background:#000 none repeat scroll 0 0;margin:0 auto;max-width:1000px;position:relative;top:10%;width:100%}
 .close{cursor:pointer;position:absolute;right:15px;top:15px;z-index:999}
 #win{position:absolute;background:#000;width:100%;z-index:111;left:0;top:0;display:none}
 .country{width:590px;height:299px;position:absolute;top:50%;margin-left:-295px;margin-top:-150px;left:50%;background:url(base/css/clientlib-common/css/styleImg/bg13.jpg);z-index:112;display:none}
 .country h2{line-height:31px;width:580px;float:left;padding-left:10px;font-family:Arial,Helvetica,sans-serif}
 .country h2:hover{color:#333}
 .close{width:31px;height:31px;display:block}
 .country div{position:relative;padding:30px;padding-right:0;overflow:hidden;float:left;width:531px}
 .country a.a1{margin-left:140px;display:inline-block}
 .country a.a2{margin-left:50px;display:inline-block}
 .country div img{float:left;margin-right:7px;margin-top:2px}
 .country div ul{width:600px;float:left;padding-top:40px}
 .country div ul li{float:left;width:185px;margin-bottom:22px}
 .country div ul li a,.country a.a1,.country a.a2{color:#0062be;white-space:nowrap}
 .country div ul li a:hover,.country a.a1:hover,.country a.a2:hover{color:#ff7800}
 @media only screen and (max-width:1024px){.mbHeadWarp{padding:40px 40px 37px;min-width:460px}
 .mbHeadWarp .mblogo{width:201px;display:inline-block}
 .mbHeadWarp .split{background-color:#999;display:inline-block;width:2px;height:25px;margin:0 13px}
 .mbHeadWarp .headTxt{display:inline-block;color:#8f8f8f;font-size:20px;line-height:30px;position:relative;top:-4px}
 .mbHeadWarp .rightIcons{display:inline-block;float:right}
 .mbHeadWarp .rightIcons{display:inline-block;float:right}
 .mbHeadWarp .rightIcons img{height:38px;margin-top:6px}
 .mbHeadWarp .rightIcons .mbSearchBtn{margin-right:10px}
 .mbSearchBox{padding:40px 0;display:none !important;z-index:200;width:100%;left:1024px;top:0;background:#e1e1e1}
 .mbSearchBox .mbSuggestList{display:none}
 .mbSearchBox.active{opacity:1;display:block !important}
 .mbSearchBox .searchInputWarp{position:relative;padding-left:60px;padding-right:60px;height:51px}
 .mbSearchBox .searchInputWarp .searchIcon{height:100%;width:26px;position:absolute;right:100px;top:0;background:url(base/css/clientlib-common/css/styleImg/top_serach_btn.png) no-repeat scroll left center;cursor:pointer}
 .mbSearchBox .searchInputWarp .closeIcon{display:inline-block;height:100%;width:24px;position:absolute;right:60px;top:0;background:url(base/css/clientlib-common/css/styleImg/mb_close_search.png) no-repeat scroll right center;cursor:pointer}
 .mbSearchBox .searchInput{border:0;border-bottom:0 solid #808282;outline:0 none;display:inline-block;width:100%;height:100%;color:#666;font-size:24px;background:0}
 .mbSearchBox .mbSuggestList{margin-right:40px;padding:20px 0}
 .mbSearchBox .mbSuggestList h3{color:#008fd5;font-size:14px;padding-left:25px}
 .mbSearchBox .mbSuggestList .nosuggest{padding-left:25px;color:#666;display:none}
 .mbSearchBox .mbSuggestList ul{font-size:36px;max-height:600px;overflow-y:auto}
 .mbSearchBox .mbSuggestList ul li{border-bottom:2px solid #808282;margin-left:100px;margin-right:20px;padding:15px 0}
 .mbSearchBox .mbSuggestList ul li a{color:#58595b;font-size:100%}
 .mbNavPanel{overflow-y:auto;height:100%;width:100%;opacity:0;z-index:200;position:fixed;height:100%;width:100%;left:1024px;top:0;background-color:#fff;background-color:rgba(255,255,255,0.97)}
 .mbNavPanel .mbNavPanelCont{padding-bottom:40px;padding-top:40px}
 .mbNavPanel .mbNavPanelCont .homelink{margin-left:120px;font-size:36px;color:#148fce}
 .mbNavPanel.active{display:block !important}
 .mbNavPanel .mbNavPanelCont>ul{font-size:36px}
 .mbNavPanel .mbNavPanelCont>ul>li{position:relative;margin:0 120px}
 .mbNavPanel .mbNavPanelCont>ul li>a{padding:12px 0;display:inline-block;width:100%;box-sizing:border-box;border-bottom:1px solid #808282}
 .mbNavPanel ul li em{background:url(base/css/clientlib-common/css/styleImg/menu_nav.png) no-repeat scroll right center;width:19px;height:32px;display:inline-block;position:absolute;top:25px;right:0;cursor:pointer}
 .mbNavPanel ul li.more em{background:url(base/css/clientlib-common/css/styleImg/menu_expand2.png) no-repeat scroll right center;width:36px;height:35px;display:inline-block;position:absolute;top:25px;right:-15px;cursor:pointer}
 .mbNavPanel ul li.active em{background:url(base/css/clientlib-common/css/styleImg/menu_colspan2.png) no-repeat scroll right center;right:-15px}
 .mbNavPanel ul li a{color:#58595b;font-size:100%}
 .mbNavPanel ul li.more ul.subMenu{background-color:#d7d7d7;background-color:rgba(215,215,215,0.7);display:none}
 .mbNavPanel ul li.more ul.subMenu li:hover{background-color:#a0a0a0}
 .mbNavPanel ul li.more ul.subMenu li a{border-bottom:1px solid #666;color:#008fd5;padding:12px 0;display:inline-block;width:100%;box-sizing:border-box;font-size:24px}
 .mbNavPanel ul li.more ul.subMenu li:hover a{color:#fff}
 .mbNavPanel .navCloseIcon{background:url(base/css/clientlib-common/css/styleImg/navCloseIcon.png) no-repeat scroll center center;cursor:pointer;display:inline-block;height:38px;position:absolute;right:30px;top:45px;width:82px;z-index:10}
 }
 @media only screen and (max-width:1100px){#footer{font-size:11px}
 }
 @media only screen and (max-width:940px){#footer{font-size:10px}
 }
 @media only screen and (max-width:940px){#footer{font-size:9px}
 }
 @media only screen and (max-width:768px){.column_template_T{display:none !important}
 .flexslider.banner{margin-bottom:3px;width:100%;z-index:1}
 .flexslider.banner ul li img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .flexslider.banner .flex-control-nav{bottom:5%}
 .flexslider.banner>ul>li>div{position:relative}
 .flexslider.banner .flex-direction-nav a{top:auto;height:24px;width:12px;margin:0;opacity:0}
 .flexslider.banner .flex-control-paging li{padding:0 10px}
 .flexslider.banner .flex-control-paging li a{background:url(base/css/clientlib-common/styleImg/mb_flex_nav_icon.png) no-repeat center center;height:33px;width:34px;box-shadow:none;border-radius:0}
 .flexslider.banner .flex-control-paging li a:hover{background:url(base/css/clientlib-common/styleImg/mb_flex_nav_icon.png) no-repeat center center}
 .flexslider.banner .flex-control-paging li a.flex-active{background:url(base/css/clientlib-common/styleImg/mb_flex_nav_icon_active.png) no-repeat}
 .flexslider.banner>ul>li>div .caption_mob{position:absolute;left:40px;top:40px}
 #footer{font-size:12px;border-top:1px solid #ccc;background:#f8f8f8}
 .m_show_b{display:block}
 .m_show_ib,.m_show{display:inline-block}
 .m_show_i{display:inline}
 .m_hide{display:none}
 #footer{padding-top:0}
 #footer .f_nav li{float:none;padding:1% 5%;width:90%;border-bottom:1px solid #ccc}
 #footer .f_nav li p label{font-size:2em;line-height:1.8em;display:inline-block;overflow:inherit}
 #footer .f_nav li img{width:15%;vertical-align:middle}
 #footer .f_nav li p label{display:none;margin:1% 1%;text-align:left;width:94%;color:#969696;padding:1% 2%}
 #footer .f_nav li.click_add_show_m p label{display:block}
 #footer .f_nav li p label.title{display:block}
 #footer .f_nav li p label.title a,#footer .f_nav li p label.title img{vertical-align:middle}
 #footer .f_fx{text-align:center;padding:5%;border-bottom:1px solid #c2c2c1;float:none;width:90%}
 #footer .f_fx img{margin-right:3%;width:11%}
 #footer .f_nav_b{padding:2.5% 5% 5%;width:100%;box-sizing:border-box}
 #footer .f_nav_b li{color:#000;margin:0 1%;text-align:center;font-size:1.6em}
 #footer .f_nav_b li a{color:#000}
 #footer .f_nav_b li.m_bq{margin:5% 0 0;text-align:center;width:100%;color:#000}
 #footer .f_nav_b li.m_bq label{color:#09c}
 #footer .f_nav li img.img_f_add_active{display:none}
 #footer .f_nav li.click_add_show_m img.m_show{display:none}
 #footer .f_nav li.click_add_show_m img.img_f_add_active{display:block}
 .click_add_show_m .title,.click_add_show_m .end{border-bottom:0 solid #c2c2c1}
 .pagination .prev,.pagination .next{color:#000;border:0 none;display:inline-block;font-size:24px}
 .pagination a,.pagination span{display:none}
 .pagination input{display:none}
 }
 .back_top{position:fixed;right:0;bottom:20%;z-index:9999}
 .img_play.pa{left:50%;top:50%;margin:-30px 0 0 -30px;cursor:pointer}
 .flexslider{background-position:center center;background-repeat:no-repeat;min-height:60px;background-size:60px 60px}
 .r_fl_title{display:inline-block;width:100% !important;padding-right:10px}
 .need_ist_style ul,.need_ist_style ol{list-style:unset;padding-left:14px}
 .text_oh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .praise{opacity:.4}
 .praise_active{opacity:1}
 .bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{float:none !important;padding-left:0 !important;line-height:22px !important;height:22px !important;background-repeat:no-repeat;cursor:pointer}
 .m_show a,.m_show .bds_more{line-height:55px !important;height:55px !important}
 .m_show .r_fl_title a{height:auto !important;line-height:1 !important}
 .m_show .submit{padding:2px 55px 4px !important}
 .newwonvideo .comments .share a{width:22px;height:22px;display:inline-block;margin:0 4px;cursor:pointer;vertical-align:middle;margin-bottom:3px}
 .newwonvideo .comments .share .en_b{background-position:-150px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments .share .en_f{background-position:-192px 0;background-image:url(base/css/images/group/share.png)}
 .crumbs{font-size:16px}
 .title{font-size:16px}
 .project_all .title a{color:#333}
 .project_all .title a.c008,.project_all .title a:hover{color:#008fd4}
 .news-detail-page .zte-news-detail .detail-title{font-weight:400}
 .zte-news-detail.zte-aem-news-detail{padding-bottom:0}
 .h2-underline-text{padding:20px 0 !important;box-sizing:border-box !important;font-weight:bold !important;border-bottom:4px solid rgba(0,142,211,1) !important;font-size:26px !important;color:rgba(0,142,211,1) !important;margin:0 auto;max-width:1280px;box-sizing:border-box;z-index:1;position:relative;display:inline-block}
 .zte-wrap .communications-h1-text{padding:30px 0;font-weight:normal;font-size:.3rem;line-height:.4rem;color:#222}
 .zte-wrap .zte-h5{font-size:16px;color:rgba(102,102,102,1)}
 .richtext ol{padding-left:28px;list-style:decimal}
 .richtext ul{padding-left:16px;list-style:inside}
 .zte-communication-detail{border-bottom:1px solid #e6e6e6;padding-bottom:80px;font-size:14px;line-height:30px}
 .zte-communication-detail .detail-title{text-align:center;font-size:28px;color:#333;line-height:34px;font-weight:400}
 .zte-communication-detail .detail-info{text-align:center;font-size:14px;padding:20px 0;color:#999}
 @media(max-width:768px){.zte-wrap .zte-h5{font-size:.22rem;line-height:.4rem}
 .zte-communication-detail{font-size:.28rem;line-height:1.8}
 .zte-communication-detail .detail-info{font-size:.2rem;padding:.2rem}
 }
 .product-detail-richtext .richtext{font-size:.16rem;line-height:.3rem}
 .zte-communication-detail .richtext img{width:auto}
 
.anchor-title-component .anchor-title-wrap { padding-bottom:.3rem; padding-top:1rem;}
.anchor-title-component .anchor-title-wrap .anchor-title.zte-page-title {
  padding: 0;
  margin: 0;
}
 .anchor-title-wrap .anchor-title{margin-bottom:0;line-height:1.5;padding:30px 0}
 .maincontent-cards-wrap .zte-page-title{margin-bottom:0;padding:30px 0;font-size:24px;font-weight:bold;line-height:1.5}
 @media only screen and (min-width:768px) and (max-width:1440px){.anchor-title-wrap .anchor-title{padding:20px 0}
 .maincontent-cards-wrap .zte-page-title{padding:20px 0}
 }
 @media only screen and (max-width:768px){
    .anchor-title-component .anchor-title-wrap { padding-bottom:.3rem; padding-top:.64rem;}
    .anchor-title-wrap .anchor-title{padding:.3rem 0 !important}
    .maincontent-cards-wrap .zte-page-title{padding:.3rem 0 !important}
 }
 .zte-communication-detail .richtext .content{display:block}
 @font-face{font-family:"iconfont";src:url('../../../../etc/designs/zte-site/clientlib-common/fonts/iconfont.woff2') format('woff2'),url('../../../../etc/designs/zte-site/clientlib-common/fonts/iconfont.woff') format('woff'),url('../../../../etc/designs/zte-site/clientlib-common/fonts/iconfont.ttf') format('truetype')}
 .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 .icon-icon-rightarrow:before{content:"\e68a"}
 @media only screen and (max-width:991.98px){.richtext ol{padding-left:.36rem}
 .richtext ul{padding-left:.16rem}
 }
 .container-warp{position:relative}
 .container-warp .container-box{display:flex;max-width:13.14rem;margin:0 auto;margin-bottom:1.6rem}
 .container-warp .zte-wrap{padding:0}
 .container-warp .magazine-tit{max-width:13.14rem;margin:0 auto}
 .container-warp .magazine-tit .detail-title{text-align:left;font-size:.3rem;padding:1rem 2rem .4rem 0;color:#222}
 .container-warp .magazine-tit .detail-info span{color:#444;font-size:.18rem;padding-right:.1rem}
 .container-warp .container-box .zte-wrap .image{text-align:center}
 .container-warp .container-box .zte-wrap .image img{width:auto}
 .container-warp .container-box .zte-wrap .richtext{margin-right:1.8rem;font-size:.18rem;text-align:justify;color:#666;border-top:1px solid #ddd;margin-top:.2rem;padding-top:.4rem}
 .container-warp .container-box .zte-wrap .richtext p{margin-bottom:.15rem;font-size:.18rem;line-height:1.6}
 .container-warp .container-box .zte-wrap .richtext p img{width:auto !important;margin:0 auto !important}
 .container-warp .container-box .common-list div{padding-bottom:.1rem}
 .container-warp .container-box .common-list div a{font-size:.18rem;line-height:.3rem;color:#000}
 .container-warp .container-box .common-list div a:hover{color:#008ed3}
 .richtext .zte-wrap p {font-size: .18rem;line-height: 1.5;color: #666;}
 .richtext .zte-wrap p:first-child {margin-top: .62rem;}
 .richtext .zte-wrap img {margin-top: .51rem;}
 @media screen and (max-width:768px){.container-warp .container-box{flex-direction:column;padding:0 .4rem;margin-bottom:.8rem}
 .container-warp .magazine-tit{padding:0 .4rem}
 .container-warp .magazine-tit .detail-title{padding:1rem 0 .4rem 0}
 .container-warp .container-box .zte-wrap .richtext{margin-right:0}
 .richtext .zte-wrap p {font-size: .22rem;}
 .richtext .zte-wrap p:first-child {margin-top: .57rem;}
 .richtext .zte-wrap img {margin-top: .65rem;}
 }
 .magazine-titleAndDesc .gray-bg{background-color:#f3f5f8}
 .magazine-titleAndDesc .white-bg{background-color:#fff}
 .magazine-titleAndDesc .zte-container{max-width:100%}
 .magazine-titleAndDesc .zte-container.top-line{border-top:1px solid #ccc}
 .magazine-titleAndDesc .zte-container.bottom-line{border-bottom:1px solid #ccc}
 .magazine-titleAndDesc .zte-container.two-line{border-top:1px solid #ccc;border-bottom:1px solid #ccc}
 .magazine-titleAndDesc .zte-row-wp{max-width:13.14rem;margin:auto;border-radius:.3rem}
 .magazine-titleAndDesc .zte-container.paddingBottom00{padding-bottom:0}
 .magazine-titleAndDesc .zte-container.paddingBottom40{padding-bottom:.4rem}
 .magazine-titleAndDesc .zte-container.paddingBottom60{padding-bottom:.6rem}
 .magazine-titleAndDesc .zte-container .zte-tit-wp{width:auto;margin:.25rem .3rem;display:flex;justify-content:space-between}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-firtit{font-weight:normal;width:4rem;font-size:.3rem;line-height:.4rem;color:#222}
 .magazine-titleAndDesc .zte-container .zte-subtit{width:auto;color:#999;margin:0 .3rem;padding:.35rem 0 .1rem 0;border-bottom:1px solid #ddd}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc{flex:1;padding-left:.6rem}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .txt{font-size:.16rem;text-align:justify;line-height:.24rem;padding-bottom:.2rem;color:#666}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .a-box{display:flex;align-items:center;justify-content:left}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .learn-more{display:inline-block;width:max-content;height:.36rem;background:#f3f5f8;border-radius:.18rem;border:1px solid #999;font-size:.16rem;color:#222;text-align:center;line-height:.36rem;padding:0 .2rem;margin-right:.2rem}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .learn-more:hover{background:#008ed3;color:#fff}
 @media only screen and (max-width:991px){.magazine-titleAndDesc .zte-container{padding:0}
 .magazine-titleAndDesc .zte-container .zte-subtit{margin:0 .4rem;font-size:.28rem;display:none}
 .magazine-titleAndDesc .zte-container .zte-row-wp{display:block;width:auto;margin:0}
 .magazine-titleAndDesc .zte-container .zte-row-wp .zte-tit-wp{padding-bottom:.3rem;margin:0 .4rem;display:block}
 .magazine-titleAndDesc .zte-container .zte-tit-wp h3{width:auto;padding:.4rem 0 .2rem}
 .magazine-titleAndDesc .zte-container .zte-row-wp .zte-tit-wp .zte-tit{font-size:.3rem;line-height:.36rem}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc{padding:0}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .txt{font-size:.22rem;line-height:.32rem;color:#666;margin-top:.16rem}
 .magazine-titleAndDesc .zte-container .zte-tit-wp .zte-desc .learn-more{font-size:.24rem;width:max-content;height:.5rem;line-height:.5rem;border-radius:.25rem}
 }
 .info_titles{font-size:200%;line-height:60px}
 .border_b_1{border-bottom:1px solid #999;padding-bottom:4%;margin-top:4%}
 .more_info.border_b_1{padding-bottom:0}
 .Investor_newGongGao.border_b_1,.AboutUs_Index_BrandAndCulture.border_b_1{margin-top:0}
 .info_hide{display:none;margin:2% 0}
 .zhankai{cursor:pointer}
 .title_hide{visibility:hidden}
 .project_all{margin:0 auto;max-width:1280px;width:100%;padding:50px 0;box-sizing:border-box;// overflow:hidden;z-index:99;position:relative}
 .project_all:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
 .project_all .title{color:#333;padding-bottom:30px}
 .project_all .title a{color:#333}
 .project_all .title a.c008,.project_all .title a:hover{color:#008fd4}
 .project_all .title .fr{font-size:88.88%}
 .project_all .title .fr input{background-color:#f1f0ee;border:1px solid #939395;border-radius:40px;padding:0 2em 0 1em;color:#666}
 .project_all>.left{width:100%}
 .project_all>.right{display:none}
 .project_all .title .fr .pa{left:auto;right:.4em;top:5px;width:1.2em;cursor:pointer}
 .floor_1 .fl_title{color:#000}
 .floor_2 .fl_title{color:#06a668}
 .floor_3 .fl_title{color:#faa604}
 .floor_4 .fl_title{color:#f66eb8}
 .floor{padding-bottom:30px;overflow:hidden}
 .floor .fl_title{border-bottom:1px solid #999;font-size:200%;padding:0 0 10px 0;line-height:1}
 .floor .fl_title img{margin-right:.4em}
 .fl_info .info_img{width:30%;height:150px;padding-top:10px}
 .fl_info img+.txt_info{width:69%;padding-top:10px;float:right}
 .fl_info .txt_info{width:100%;padding-top:10px;float:right}
 .fl_info img+.txt_info p.fwb{font-weight:bold}
 .fl_info .txt_info p.fwb{font-weight:100}
 .fl_info .txt_info li.first{width:100%;font-size:120%;padding-bottom:30px}
 .fl_info .txt_info li{margin-right:4%;font-size:150%;float:left;line-height:1.8}
 .fl_info .txt_info li.end{width:100%;font-size:120%}
 .fl_info .txt_info li.end label{margin-left:1em}
 .add_name{font-size:233%;margin-left:20px;vertical-align:text-bottom;color:#5c5d5e;letter-spacing:6px}
 .r_floor{margin-top:20px}
 .r_floor_1{margin-top:0}
 .r_fl_title{color:#fff;background-color:#008fd5;text-indent:18px;font-size:150%;line-height:1;padding:9px 0;width:100% !important;height:41px;box-sizing:border-box}
 .r_fl_title label{margin-right:1em}
 .r_floor_1 .r_fl_info label{font-size:130%;display:inline-block;font-weight:bold;margin-right:.5em;cursor:pointer}
 .titleall{height:60px;line-height:60px;font-size:24px}
 .r_floor_1 .r_fl_info label.fwb{font-size:200%;font-weight:100}
 .r_floor_2 .r_fl_info label.c008,.r_floor_3 .r_fl_info label.c008{display:inline-block;width:6%;float:left}
 .r_floor_2 .r_fl_info span,.r_floor_3 .r_fl_info span{display:inline-block;width:94%;float:left;font-size:117%}
 .r_floor_2 .r_fl_info span a,.r_floor_3 .r_fl_info span a{color:#000}
 .r_floor_2 .r_fl_info span a:hover,.r_floor_3 .r_fl_info span a:hover{color:#008fd5}
 .r_floor_2 .r_fl_info li,.r_floor_3 .r_fl_info li{padding:20px 0 10px;overflow:hidden}
 .r_floor_2 .r_fl_info li+li,.r_floor_3 .r_fl_info li+li{padding:0 0 10px 0}
 .r_floor_2 .r_fl_info li.end,.r_floor_3 .r_fl_info li.end{text-align:right}
 .r_floor_2 .r_fl_info li.end label,.r_floor_3 .r_fl_info li.end label{margin-left:1em}
 .r_floor_4 .r_fl_info li{text-align:center;list-style:none;padding:20px 0}
 .r_floor_4 .r_fl_info img{width:100%}
 .r_floor_4 .r_fl_info{margin-left:10%;width:80%}
 .r_floor_4 .r_fl_info .flexslider{padding:20px 0}
 .r_floor_4 .r_fl_info li{padding:0}
 .r_floor_4 .r_fl_info li p{padding-top:6%}
 .flex-direction-nav .flex-nav-prev a{background-image:url(base/css/images/group/project/img_m_index_l.png);height:95px;width:15px;left:-25px;opacity:1}
 .flex-direction-nav .flex-nav-next a{background-image:url(base/css/images/group/project/img_m_index_r.png);height:95px;width:15px;right:-25px;opacity:1;background-position:right center}
 .l_left{width:20%}
 .l_right{width:78%}
 .nohave_l_left{width:100%}
 .m_show_title{font-size:300%;padding-bottom:4%}
 html[lang=en] .m_show_title{font-size:200%}
 .area_market a{background-color:#fff;color:#008fd4;position:absolute;left:0;top:0;display:inline-block;font-size:160%;line-height:1.4;padding:0 1.5%}
 .area_market a:hover{text-decoration:underline}
 .area_market .area_1{left:20%;top:26%}
 .area_market .area_2{left:30%;top:58.5%}
 .area_market .area_3{left:51.5%;top:28%}
 .area_market .area_4{left:51.5%;top:47%}
 .area_market .area_5{left:66%;top:16.5%}
 .area_market .area_6{left:73%;top:35%}
 .area_market .area_7{left:80.5%;top:65.5%}
 .project_all ul.nav_p_info li{border-bottom:1px solid #9d9d9e;border-top:1px solid #9d9d9e}
 .project_all ul.nav_p_info li+li{border-top:0 solid #9d9d9e}
 .project_all ul.nav_p_info li a{color:#000;font-size:150%;line-height:1.8}
 .project_all ul.nav_p_info li.c008 a{color:#008fd4}
 .l_right .info_title{font-size:200%;line-height:2.8}
 .l_right .info_title+.info{font-size:120%}
 .l_right .info_title+.info a.txtde{text-decoration:underline;color:#000;display:block;font-size:120%;line-height:1.8}
 .info_minute{padding:20px 0 35px;font-size:120%}
 .info_minute_name{padding:35px 0 0}
 .l_right{font-size:120%;color:#000}
 .l_right .info{margin-bottom:10px}
 .more_info{margin-top:4%}
 .more_info_mt0{margin-top:0}
 .more_info li{border-top:1px solid #999;padding:2% 0 4%}
 .more_info li img.fl{width:32%;max-height:149px}
 .more_info li div.fr{width:61%;padding-right:2%}
 .more_info li div.w50{width:50%;padding-right:0}
 .more_info li div.fr p{font-size:115%}
 .more_info li div.fr p.info{line-height:1.6;padding:5px 0;color:#000;font-size:95%}
 .more_info li div.fr p.more_infos_btn{font-size:85%;position:relative}
 .more_info span.more_info_date{color:#666;position:absolute;right:0}
 .aboutus_main_info{border-bottom:1px solid #999;padding-bottom:4%;font-size:83.3%}
 .aboutus_main_info.index_dutys{padding-bottom:0}
 .aboutus_main_info .title{font-size:200%}
 .aboutus_main_info .info{font-size:120%;line-height:1.6}
 .aboutus_main_info .info p{padding-bottom:1em}
 .aboutus_main_info>img{width:80%;margin-top:40px}
 .AboutUs_Index_BrandAndCulture .info{padding:6% 0 3%;border-bottom:1px solid #999;margin-bottom:3%}
 .index_dutys+ul{margin-top:4%;line-height:1.8}
 .investor_more_news{font-size:107%}
 .investor_more_news li{padding:3% 2% 2%;background-color:#fff;margin-top:4%;line-height:1.6;border-top:1px solid #d4d4d4}
 .investor_more_news li .more{padding:3% 2% 1%;cursor:pointer}
 .Investor_newGongGao ul li{padding:3px 0;position:relative;overflow:hidden}
 .vat{vertical-align:top}
 .vat_area{margin-left:5px}
 .Investor_newGongGao ul li span{width:81%;display:inline-block}
 .fengye{padding:4% 0 0;text-align:center;color:#000}
 .fengye a{color:#000;margin:0 3px}
 .market{width:80%;margin:auto}
 .area_market{border-bottom:1px solid #999;position:relative}
 .img_area_market{width:90%;margin:4% 5% 2%}
 .shaixuan p{font-size:120%}
 .shaixuan p a{color:#000;margin-left:1%}
 .shaixuan p a:hover,.shaixuan p a.active{position:relative;background:#008fd5;color:#fff}
 .shaixuan p a:hover:after,.shaixuan p a.active:after{position:absolute;display:inline-block;content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid #008fd5;bottom:-5px;left:-1px}
 .shaixuan .title_a_z{color:#008fd4;font-size:150%}
 .area_FunHover{border-bottom:1px solid #999;margin-bottom:3%;padding-bottom:3%;position:relative}
 .area_FunHover:last-child{border-bottom:0 solid #999}
 .shaixuan div label{width:auto;margin-right:20px;display:inline-block;cursor:pointer}
 .shaixuan div label.active{color:#008fd4}
 .shaixuan div label span{display:none;padding:14px 0}
 .shaixuan div label.active span{color:#000;display:inline-block;left:0;position:absolute;top:22px;width:720px;z-index:11}
 .shaixuan div label.active em.jt{background-image:url(base/css/clientlib-common/styleImg/gp/aboutus/ico_FunHover_iantou.png);background-repeat:no-repeat;display:inline-block;height:14px;width:15px;position:absolute;left:0;top:0}
 .shaixuan div label span a{display:inline-block;background-color:#fff;padding:2%;width:96%}
 .shaixuan_header{padding:2% 0}
 .title_v_4{color:#148acb;font-size:35px}
 .newwonvideo .l_right_m_change .more_info{margin-top:0}
 .newwonvideo .l_right_m_change .more_info .oh .fr a{color:#008fd4}
 .newwonvideo .video{background-color:transparent;position:relative;float:left;width:32%}
 .newwonvideo .video .video_pic{width:100%}
 .newwonvideo .video .player{left:38%;position:absolute;top:32%;transition:all .5s ease 0;width:25% !important;cursor:pointer}
 .newwonvideo .video .player:hover{transform:scale(1.1,1.1)}
 .newwonvideo .Investor_newGongGao{margin-top:-8px}
 .newwonvideo .Investor_newGongGao .vat{display:inline-block;float:left;font-size:12px;width:6%}
 .newwonvideo .Investor_newGongGao ul li a:hover,.newwonvideo .Investor_newGongGao ul li span a:hover,.newwonvideo .Investor_newGongGao ul li .fr a:hover{color:#008fd5}
 .newwonvideo .aboutus_main_info{border-bottom:0}
 .newwonvideo .title{color:#000}
 .newwonvideo .topl{margin-top:30px;font-size:24px}
 .newwonvideo .info{font-size:15px;color:#333;margin-bottom:20px}
 .newwonvideo .aboutus_main_info .w_a{width:80%;display:inline-block}
 .newwonvideo .aboutus_main_info .w_banner{width:100%;max-height:345px;margin-bottom:36px}
 .newwonvideo .comments{width:80%;display:inline-block}
 .newwonvideo .comments .submit{padding:2px 50px 4px;background:#008fd5;float:right;font-size:21px;display:inline-block;color:#fff;border-radius:8px}
 .newwonvideo .comments .share{display:inline-block;text-align:right;width:100%;margin-top:16px;font-size:14px;margin-bottom:1em}
 .newwonvideo .comments .share a{width:22px;height:22px;display:inline-block;margin:0 4px;cursor:pointer;vertical-align:middle;margin-bottom:3px}
 .newwonvideo .comments .share .praise{background:url(base/css/images/group/share.png);opacity:1;background-position:0 -22px}
 .newwonvideo .comments .share .praise.praise_active{background-position:0 0}
 .newwonvideo .comments .share .sina{background-position:-38px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments .share .wechat{background-position:-75px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments .share .in{background-position:-112px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments .share .en_b{background-position:-150px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments .share .en_f{background-position:-192px 0;background-image:url(base/css/images/group/share.png)}
 .newwonvideo .comments textarea{padding:1%;resize:none;overflow:auto;width:98%;margin-bottom:12px;font-size:14px}
 .newwonvideo .comments .m_show{display:none}
 .newwonvideo .video_exi{max-width:735px;height:350px;margin-bottom:15px}
 .newwonvideo .video_exi .video{width:100%}
 .newwonvideo .video_exi .video .video_pic{max-height:330px}
 .newwonvideo .video_exi .video .player{top:40%;left:46%;width:auto !important}
 .newwonvideo .flex-control-nav{bottom:-20px;text-align:right;right:35px;font-size:0;text-indent:-9999em}
 .newwonvideo .flex-direction-nav{display:none}
 .magazine .flex-direction-nav{display:block}
 .company_mag_list{margin-top:20px}
 .company_mag_list li{position:relative;border-top:1px solid #999;padding:10px 0 10px 0;overflow:hidden}
 .company_mag_list li:after{content:'';display:inline-block;clear:both}
 .cm_img{width:26%;float:left}
 .cm_img.tac{text-align:center}
 .cm_txt{font-size:15px;width:74%;box-sizing:border-box;float:right;padding-left:2%}
 .cm_txt .title{color:#008fd5;padding-bottom:10px;font-size:15px}
 .cm_txt p{padding-bottom:1em;line-height:1.5}
 .cm_txt a{color:#008fd5}
 .cm_mag_list_filter{border-top:1px solid #999;font-size:18px;color:#008fd5;margin-top:20px;padding:20px 0}
 .cm_mag_list_filter span{float:left;margin-right:40px}
 .cm_mag_list_filter .selectionBox{float:left;width:150px;margin:0}
 .cm_mag_list_filter .selectionBox .selectArea{width:100%}
 .cm_mag_list{margin:0 -5px;overflow:hidden}
 .cm_mag_list li{display:inline-block;width:18%;margin:0 1% 20px;height:260px;text-align:center;float:left}
 .cm_mag_list li img{width:100%;height:210px;max-width:150px;margin-bottom:10px}
 .cm_mag_list a{color:#008fd5;font-size:14px;line-height:2}
 .mag_show{margin:10px 0;border-bottom:1px solid #999;padding-bottom:15px}
 .mag_show .pcOnly{font-size:15px}
 .mag_show .pcOnly .mag_img{width:150px;height:210px;float:left;margin:0 20px 0 5%}
 .mag_show .blue,.mag_show a{color:#008fd5}
 .mag_title{font-size:18px;margin:10px 0;padding-right:163px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mag_no{margin:0 0 20px 0}
 .mag_more{position:absolute;right:70px;top:40px}
 .mag_txt{position:relative}
 p.mag_more_title,ul.mag_more_list{font-size:15px}
 p.mag_more_title.blue,ul.mag_more_list.blue a,ul.mag_more_list em{color:#008fd5}
 ul.mag_more_list{margin:0 0 30px 0}
 ul.mag_more_list a{color:#000;display:inline-block;height:20px;overflow:hidden;width:68%;line-height:1.2}
 ul.mag_more_list li{position:relative;padding:2px 0;overflow:hidden}
 ul.mag_more_list li .gray{float:right;width:30%;color:#999}
 .mag_list{margin-left:5%}
 .Law_Acknowledge{width:88%;float:none}
 .Law_Acknowledge p{font-size:15px;padding-bottom:20px;line-height:1.8}
 .Law_Acknowledge p.other{padding-bottom:0}
 .contact_us>.info{width:75%;max-width:970px;margin:auto;font-size:18px}
 .contact_us .change_p{font-size:14px}
 .change_btn li{width:24%;float:left;text-align:center;background-color:#fff;border-top:1px solid #999;line-height:48px;margin:16px 5px 0;cursor:pointer;height:48px;overflow:hidden}
 .change_btn li+li+li+li{margin-right:0}
 .change_btn li+li+li+li+li{margin-left:0;margin-right:5px}
 .change_btn li+li+li+li+li+li{margin-left:5px;margin-right:5px}
 .change_btn li+li+li+li+li+li+li+li{margin-right:0}
 .change_btn li+li+li+li+li+li+li+li+li{margin-left:0;margin-right:5px}
 .change_btn li+li+li+li+li+li+li+li+li+li{margin-left:5px;margin-right:5px}
 .change_btn li.active{border-top-color:#008fd4;color:#008fd4}
 .change_btn li.start{margin-left:0}
 .change_btn li.end{margin-right:0}
 .change_btn{clear:both;overflow:hidden;position:relative}
 .change_info{clear:both;margin-top:30px}
 .change_info li{display:none;border-top:1px solid #008fd4;background-color:#fff;padding:2% 4%}
 .change_info li.active{display:block}
 .chazhaofenzhi{font-size:24px;margin-top:50px;margin-bottom:30px}
 .chazhao_city{position:relative}
 .shaixuan{font-size:12px;clear:both;display:}
 .chazhao_city li{width:50%;float:left}
 .chazhao_city li>div{height:36px;background-color:#fff;position:relative;width:96%;margin-top:12px}
 .icon_input_right{width:12px;height:21px;display:inline-block;position:absolute;right:20px;top:15px;background-image:url(base/css/clientlib-common/styleImg/gp/aboutus/icon_input_right.jpg)}
 .Feedback ul{position:relative;margin-top:20px}
 .Feedback ul li{width:100%;position:relative;margin:8px 0;clear:both;height:40px}
 .Feedback .selectionBox .selectVal{height:30px;line-height:30px}
 .Feedback .selectionBox .selectNav{top:6px}
 .Feedback ul li label.red{margin-left:.5%}
 .Feedback ul li div.left{width:100px;float:left;height:50px;line-height:18px}
 .Feedback ul li div.right{float:left;width:60%;margin:auto}
 .Feedback ul li.first div.right input{padding:0 0 0 2%;width:30%;box-sizing:border-box}
 .Feedback .ico_down{background-image:url("base/css/clientlib-common/css/images/ico_down.png");display:inline-block;height:30px;left:30%;margin-left:-30px;position:absolute;top:0;width:30px}
 .right_info_select{border:0 none;display:inline-block;height:30px;left:0;margin:0;opacity:0;padding:0 0 0 2%;position:absolute;top:0;width:30%}
 .Feedback ul li div.right input{width:66%;height:30px;line-height:30px;padding:0 10px}
 .Feedback ul li div.right textarea{overflow-x:hidden min-width:100%;max-width:100%;width:100%;min-height:123px;max-height:123px;resize:none}
 .Feedback ul li div.right input.btn_Feedback{background-color:#008fd5;color:#fff;width:auto;float:right;border-radius:10px;height:40px;padding:0 55px;cursor:pointer;font-size:1.1rem;margin-top:20px}
 .web_area_info.left{margin-right:1%;margin-left:0}
 .web_area_info{width:49%;float:left;margin-bottom:20px;margin-left:1%;margin-right:0}
 .web_area_info.info_more ul.info{height:574px}
 .web_area_info p.titles{font-size:18px;color:#09c;text-indent:12px}
 .web_area_info ul{background-color:#fff;border-top:1px solid #999;font-size:14px;height:263px}
 .web_area_info ul li{margin-bottom:20px;position:relative;padding-left:10px;font-size:14px}
 .web_area_info ul li span{position:relative;display:inline-block;padding-left:55px;padding-top:20px;width:100%;box-sizing:border-box}
 .web_area_info ul li span label{position:absolute;top:0;left:3px}
 .web_area_info ul li span a{margin-left:1%;margin-right:3%;color:#000}
 .ico_web_area_right{width:7px;height:7px;display:inline-block;background-image:url(base/css/clientlib-common/styleImg/gp/aboutus/ico_web_area_right.png);vertical-align:middle;position:absolute;left:5px;top:8px}
 @media only screen and (max-width:1280px){.web_area_info ul li span a{margin-right:1%}
 .web_area_info ul{font-size:13px}
 }
 @media only screen and (max-width:1100px){.web_area_info ul{font-size:12px}
 }
 @media only screen and (max-width:940px){.web_area_info ul li span a{margin-left:1px;margin-right:1px}
 .web_area_info ul{font-size:11px}
 }
 @media only screen and (max-width:768px){.area_market a{font-size:200%}
 .shaixuan div label span a{font-size:140%}
 .l_right_m_change p.info_minute_name{font-size:250%}
 .newwonvideo .Investor_newGongGao .vat{font-size:27.6px}
 .l_right_m_change p{color:#464646}
 .project_all{margin:auto;overflow:hidden;padding:50px 4%;width:92%}
 .floor .fl_title{font-size:320%}
 .floor .fl_title img{width:10%}
 .project_all>.left{float:none;margin-right:0;width:100%}
 .fl_info .info_img{height:314px;padding-top:10px;width:100%}
 .fl_info img+.txt_info{width:100%;padding-top:10px;float:right}
 .fl_info .txt_info{float:none;padding-top:10px;width:100%}
 .fl_info .txt_info ul{overflow:hidden;position:relative}
 .fl_info .txt_info li.first{font-size:265%;line-height:1.2;width:100%;padding:0 0 30px 0}
 .fl_info .txt_info li.first p.c008{font-size:110%}
 .fl_info .txt_info li{font-size:230%;width:auto;padding:0 2%}
 .fl_info .txt_info li.end{display:none}
 .project_all>.right{float:none;width:100%;max-width:100%}
 .r_floor .r_fl_info{font-size:230%}
 .r_floor_2 .r_fl_info span,.r_floor_3 .r_fl_info span{display:inline-block;float:left}
 .r_fl_title{width:100% !important;font-size:291%;height:auto}
 .r_fl_title .m_show{line-height:1.2}
 .r_floor_4 .r_fl_info{margin-left:25%;width:50%}
 .r_floor_4 .r_fl_info .flexslider{padding:20px 0}
 .r_floor_4 .r_fl_info li{padding:0}
 .r_floor_4 .r_fl_info li p{padding-top:6%}
 .flex-direction-nav .flex-nav-prev a{background-image:url(base/css/images/group/project/img_m_index_l.png);height:95px;width:38px;left:-35%}
 .flex-direction-nav .flex-nav-next a{background-image:url(base/css/images/group/project/img_m_index_r.png);height:95px;width:38px;right:-35%}
 .project_all>.right{margin-top:60px}
 .l_right.fr{width:100%;float:none}
 .l_right .info_title{font-size:26.6%}
 .more_info li{border-top:0 solid #999;font-size:250%}
 .l_right_m_change p.c008{color:#488bc8}
 .more_info li div.fr p.info{font-size:76%;color:#4c4746}
 .aboutus_main_info .title{color:#008fd4;font-size:300%}
 .aboutus_main_info .info{color:#464646}
 .aboutus_main_info>img{width:100%}
 .more_info li div.w50{width:100%;margin-bottom:2%;padding-bottom:4%}
 .more_info li div.w50+div.w50{padding-bottom:0;margin-bottom:0}
 .more_info li div.fr p{font-size:85%;line-height:1.2;color:#488bc8;max-height:74px;overflow:hidden}
 .more_info li div.fr p.info{font-size:70%;color:#4c4746}
 .more_info li div.fr p.info .m_show{max-height:121px;overflow:hidden}
 .Index_Duty_nav{clear:both;overflow:hidden;position:relative}
 .Index_Duty_nav li{float:left;padding:0 4% 0 0;font-size:180%}
 .AboutUs_Index_BrandAndCulture .info{font-size:222%;color:#464646}
 .AboutUs_Index_BrandAndCulture ul{padding-bottom:4%}
 .AboutUs_Index_BrandAndCulture ul li{width:33.333%;float:left;text-align:center;font-size:194%}
 .Investor .m_show_title+p{font-size:222%}
 .Investor .xianxi_btn{text-align:right;font-size:243%;padding:3% 4% 1%}
 .Investor p{font-size:207%}
 .Investor p.more{text-align:right;font-size:226%;padding:0 2% 0}
 .Investor p.news_title{font-size:227%}
 .Investor p .m_show{color:#008ed7;margin-right:2%;font-size:18px;vertical-align:middle}
 .investor_more_news li{background-color:#f1f0ee;border-top:0 solid #d4d4d4}
 .Investor_newGongGao ul li label.vat{vertical-align:super}
 .Investor_newGongGao ul li label.fr{display:none}
 .Investor_newGongGao ul li span{display:inline-block;float:left;font-size:188%;width:94%}
 .Investor_newGongGao ul li span a{color:#464646}
 .Investor_newGongGao .titleall{font-size:291%;color:#008fd4;margin-bottom:2%}
 .Investor_newGongGao ul{margin-bottom:6%;width:100%}
 .Investor_newGongGao ul li.more{text-align:right;font-size:243%}
 .border_b_1{border-bottom:0 solid}
 .newwonvideo .video{width:100%}
 .newwonvideo .more_info li div.fr{float:none;padding-top:10px;width:100% !important}
 .newwonvideo .more_info li div.fr p{font-size:35px;width:100%}
 .newwonvideo .more_info li div.fr p .m_show{font-size:30px;width:100%}
 .newwonvideo .Investor_newGongGao{margin-top:-8px}
 .newwonvideo .comments .share a{width:60px;height:55px;display:inline-block;margin:0 4px;cursor:pointer;vertical-align:middle;margin-bottom:3px;font-size:30px;line-height:55px}
 .newwonvideo .comments .share a.submit{padding:0 20px !important;min-width:100px;text-align:center}
 .newwonvideo .comments .share .praise{background:url(base/css/images/group/mshare.png) 190px 0;opacity:.4}
 .newwonvideo .comments .share .praise.praise_active{background-position:190px 0;opacity:1}
 .newwonvideo .comments .share .sina{background:url(base/css/images/group/mshare.png) 3px 0}
 .newwonvideo .comments .share .wechat{background:url(base/css/images/group/mshare.png)-63px 0}
 .newwonvideo .comments .share .in{background:url(base/css/images/group/mshare.png) -127px 0}
 .newwonvideo .comments .share .fR{display:inline-block;width:56%}
 .newwonvideo .aboutus_main_info .w_a{margin-top:20px;width:100%;display:inline-block}
 .newwonvideo .comments{width:100%;display:inline-block}
 .newwonvideo .comments .fz28px{font-size:28px}
 .newwonvideo .comments .m_show{display:block}
 .newwonvideo .comments .p_show{display:none}
 .newwonvideo .comments .share{margin-bottom:95px}
 .newwonvideo .comments .submit{padding:2px 55px 4px}
 .newwonvideo .comments textarea{height:92px}
 .newwonvideo .comments .share .en_b{background:url(base/css/images/group/mshare.png)-250px 0}
 .newwonvideo .comments .share .en_f{background:url(base/css/images/group/mshare.png) -316px 0}
 .comments textarea{font-size:24px !important}
 .newwonvideo .video_exi{width:100%;height:342px}
 .newwonvideo .video_exi .video{width:100%}
 .newwonvideo .video_exi .video .video_pic{max-height:330px}
 .newwonvideo .video_exi .video .player{top:40%;left:45%}
 .newwonvideo .flex-control-nav{display:none}
 .newwonvideo .flex-direction-nav{display:block}
 .newwonvideo .videosSlider .flex-prev{display:block}
 .newwonvideo .flex-direction-nav .flex-nav-prev a{left:-20%;text-indent:-9999em}
 .newwonvideo .flex-direction-nav .flex-nav-next a{right:-20%;text-indent:-9999em;font-size:0}
 .newwonvideo .flex-direction-nav .flex-prev{opacity:1;left:10px}
 .newwonvideo .flex-direction-nav .flex-prev{left:-50px}
 .newwonvideo .flex-direction-nav a{top:42%}
 .company_mag_list{max-height:none;overflow-y:auto;margin-top:20px}
 .company_mag_list li{position:relative;border-top:0 solid #999;padding:10px 0 30px 0}
 .company_mag_list li:after{content:'';display:inline-block;clear:both}
 .cm_img{width:100%;margin-bottom:20px;float:none}
 .cm_img img{width:100%}
 .cm_txt{font-size:24px;float:none;width:100%;padding-left:0}
 .cm_txt .title{color:#008fd5;padding-bottom:10px;font-size:24px}
 .cm_txt p{padding-bottom:1em;line-height:1.5}
 .cm_txt a{color:#008fd5;float:right;font-size:24px}
 .cm_mag_list_filter{border-top:1px solid #999;font-size:30px;color:#008fd5;margin-top:20px;padding:20px 0}
 .cm_mag_list_filter span{float:left;margin-right:40px}
 .cm_mag_list_filter .selectionBox .selectVal{font-size:20px}
 .cm_mag_list_filter .selectionBox{float:right;width:230px;margin:0}
 .cm_mag_list_filter .selectionBox .selectArea{width:100%}
 .cm_mag_list{margin:0 -15px;max-height:2450px;overflow:hidden}
 .cm_mag_list li{display:inline-block;width:240px;height:390px;text-align:center;margin:0 15px 20px}
 .cm_mag_list li:nth-child(2n){float:right}
 .cm_mag_list li:nth-child(2n+1){float:left}
 .cm_mag_list li img{width:100%;height:335px;max-width:100%;margin-bottom:10px}
 .cm_mag_list a{color:#008fd5;font-size:22px;line-height:2}
 .mag_show{border-bottom:0}
 .magSlider{width:270px;float:left;background:transparent}
 .magSlider div{padding:0 30px}
 .mag_title{font-size:26px;margin:10px 0}
 .mag_no{margin:0}
 .mag_more{position:relative;right:auto;top:0}
 .mag_txt{position:relative;font-size:26px}
 .mag_txt p,.mag_link,.mag_more{height:39px;overflow:hidden;padding-right:0}
 p.mag_more_title,ul.mag_more_list{font-size:26px}
 .title.mob_blue{color:#008fd4 !important;font-size:300% !important}
 .market{width:100%}
 .area_market{border-bottom:1px solid #999;margin-left:-6%;width:112%}
 .img_area_market{margin:3% 8% 3%;width:84%}
 .area_market label{font-size:130%;line-height:1.4;padding:0 1.5%}
 .area_market .area_1{left:22%;top:26%}
 .area_market .area_2{left:32%;top:58.5%}
 .area_market .area_3{left:51.5%;top:28%}
 .area_market .area_4{left:51.5%;top:47%}
 .area_market .area_5{left:65%;top:16.5%}
 .area_market .area_6{left:71.5%;top:35%}
 .area_market .area_7{left:79%;top:65.5%}
 .shaixuan p{font-size:21px}
 .shaixuan .title_a_z{font-size:32px}
 .fz150.area_FunHover{font-size:32px}
 .shaixuan div label.active span{font-size:18px}
 .shaixuan div label{margin-right:8%;height:48px}
 .footer_title_change .titleall{font-size:32px;color:#008acf;height:80px;line-height:60px}
 .Law_Acknowledge p{font-size:32px;line-height:1.3 !important}
 .Feedback{font-size:32px;word-break:break-all}
 .Feedback ul li div.left{float:none;font-size:32px;color:#008acf;width:100%;height:40px;line-height:40px}
 .Feedback ul li div.left label{display:inline-block;float:right;line-height:.6;margin-top:20px}
 .Feedback ul li div.right{float:none;font-size:32px;width:100%;min-height:76px;height:auto}
 .Feedback ul li{height:auto}
 .selectionBox .selectArea{margin:12px 0;height:52px;line-height:52px}
 .Feedback .selectionBox .selectVal{height:52px;line-height:52px}
 .Feedback .selectionBox .selectNav{top:18px}
 .Feedback ul li.first div.right input{width:96%}
 .Feedback ul li div.right input{width:96%;height:52px;line-height:52px;margin:2% 0}
 .Feedback ul li div.right textarea{margin:2% 0}
 .Feedback ul li:last-child div.left{display:none}
 .Feedback ul li div.right input.btn_Feedback{margin:0;line-height:2.5;height:auto;background-image:none;-webkit-appearance:none}
 .contact_us .titleall{font-size:35px;color:#008acf;height:80px;line-height:60px}
 .contact_us .change_p{font-size:32px;color:#008acf}
 .contact_us>.info{font-size:32px;margin:auto;width:100%}
 .change_btn li.m_show{border:0 none;border-top:1px solid #008fd4;display:block}
 .change_btn li.m_show+li{border-top:1px solid #999}
 .change_btn li{font-size:36px;background-color:#fff;border:0 solid #999;border-top:0 none;cursor:pointer;float:left;line-height:87px;margin:0;height:87px;text-align:center;width:48% !important;border-top:1px solid #999;margin-top:10px;margin-bottom:10px}
 .change_btn li:nth-child(odd){margin-right:2%}
 .change_btn li:nth-child(even){margin-left:2%}
 .change_info li{font-size:24px}
 .change_btn li.active{border-top-color:#008fd4;border-top:1px solid #008fd4}
 .chazhaofenzhi{font-size:32px}
 .chazhao_city li{width:100%}
 .chazhao_city li div{margin-bottom:12px}
 .chazhao_city{margin-bottom:20px}
 .web_area_info{width:100%;margin:0}
 .web_area_info.left{margin:0}
 .web_area .titleall{font-size:35px;padding-bottom:30px}
 .web_area_info p.titles{font-size:32px;text-indent:0;color:#008fd4}
 .ico_web_area_right{width:16px;height:16px;background-size:100%;top:10px}
 .web_area_info ul li span label{left:10px;font-size:24px}
 .web_area_info ul{font-size:32px;height:auto}
 .web_area_info ul li span a{font-size:24px;margin-right:3%;margin-left:26px;display:inline-block}
 .web_area_info.info_more ul.info{height:auto}
 .magSlider.flexslider .flex-direction-nav .flex-nav-prev a.flex-prev{left:0}
 .magSlider.flexslider .flex-direction-nav .flex-nav-next a.flex-next{right:0}
 .floor .fl_title.ed_fl_title{color:#008fd5;display:block !important;border-bottom:0 none;padding-bottom:6px}
 .web_area_info ul li span label{top:0;left:15px}
 .ico_web_area_right{top:10px}
 }
 .cm_txt a{margin-right:5px}
 .cm_mag_list a{line-height:1;display:block}
 .cm_mag_list a label{display:inline-block;max-height:28px;width:100%;overflow:hidden;position:relative}
 @media only screen and (max-width:769px){ul.mag_more_list a{height:35px;width:100%}
 .cm_mag_list a label{max-height:22px}
 .newwonvideo .video .player{left:45%;position:absolute;top:40%;transition:all .5s ease 0;width:10% !important;cursor:pointer}
 }
 .selectionBox{margin:0}
 .selectionBox .selectVal{height:30px;line-height:30px}
 .selectionBox .selectNav{top:6px}
 @media only screen and (max-width:769px){.Feedback ul li{height:auto}
 .selectionBox .selectArea{height:52px;line-height:52px;margin:0}
 .selectionBox .selectVal{height:52px;line-height:52px}
 .selectionBox .selectNav{top:18px}
 }
 .chazhao_city .selectArea{height:100%;width:100%}
 .chazhao_city .selectionBox .selectVal{height:36px;line-height:36px}
 .chazhao_city .selectionBox .selectNav{top:9px}
 .fixed_Feedback{font-size:125%;color:#000}
 #form1 .info img{width:auto}
 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
 :root{--swiper-theme-color:#007aff}
 .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
 .swiper-vertical>.swiper-wrapper{flex-direction:column}
 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
 .swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
 .swiper-pointer-events{touch-action:pan-y}
 .swiper-pointer-events.swiper-vertical{touch-action:pan-x}
 .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
 .swiper-slide-invisible-blank{visibility:hidden}
 .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
 .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
 .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
 .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
 .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
 .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
 .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
 .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
 .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
 .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
 .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
 .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
 .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
 .swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
 .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
 .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
 .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
 .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
 .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
 .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
 .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
 .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
 :root{--swiper-navigation-size:44px}
 .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
 .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
 .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
 .swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}
 .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
 .swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}
 .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
 .swiper-button-lock{display:none}
 .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
 .swiper-pagination.swiper-pagination-hidden{opacity:0}
 .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
 .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
 .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}
 button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
 .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
 .swiper-pagination-bullet:only-child{display:none !important}
 .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
 .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
 .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
 .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
 .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
 .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
 .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
 .swiper-pagination-lock{display:none}
 .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
 .swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
 .swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
 .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
 .swiper-scrollbar-cursor-drag{cursor:move}
 .swiper-scrollbar-lock{display:none}
 .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
 .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
 .swiper-slide-zoomed{cursor:move}
 .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
 .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
 .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
 @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
 }
 .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
 .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
 .swiper-grid>.swiper-wrapper{flex-wrap:wrap}
 .swiper-grid-column>.swiper-wrapper{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
 .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
 .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
 .swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
 .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
 .swiper-cube{overflow:visible}
 .swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
 .swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
 .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
 .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
 .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
 .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
 .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}
 .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
 .swiper-flip{overflow:visible}
 .swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
 .swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
 .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
 .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
 .swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
 .swiper-cards{overflow:visible}
 .swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
 ul{margin:0;padding:0}
 .pagination{display:flex;justify-content:center;margin:0;padding:.4rem 0}
 .m-pagination{margin:10px 0;height:38px}
 .m-pagination-page,.m-pagination-info,.m-pagination-size,.m-pagination-jump{float:left;margin-top:2px;padding-right:10px}
 .m-pagination-page>li>a,.m-pagination-size>select,.m-pagination-group>input,.m-pagination-group>button,.m-pagination-info{font-size:16px;font-family:'Microsoft YaHei';color:#888}
 .m-pagination-page>li>a,.m-pagination-size>select,.m-pagination-group>input,.m-pagination-group>button{outline:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none}
 .m-pagination-page>li>a,.m-pagination-group>button{cursor:pointer}
 .m-pagination-page>li:hover>a,.m-pagination-group>button:hover{background-color:#eee;border-color:#ddd}
 .m-pagination-page>li{list-style:none;float:left}
 .m-pagination-page>li>a{text-decoration:none;box-sizing:content-box;float:left;display:inline-block;cursor:pointer !important;color:#333;line-height:.34rem;margin-right:.1rem;min-width:.34rem;height:.34rem;font-size:.16rem;box-sizing:border-box}
 .m-pagination-page>li.active>a{color:white;background-color:#28a0da;border-radius:50%}
 .m-pagination-size>select{cursor:pointer;height:36px;padding:0 8px;border-radius:4px}
 .m-pagination-group>input,.m-pagination-group>button{float:left}
 .m-pagination-group>input{border-top-left-radius:4px;border-bottom-left-radius:4px;width:50px;height:34px;padding:0;text-align:center;box-sizing:content-box}
 .m-pagination-group>button{border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;height:36px;padding:0 12px}
 .m-pagination-jump .m-pagination-group>button{display:inline-block;color:#28a0da;margin:0 3px;line-height:.36rem;font-size:.14rem;height:.34rem;border-radius:0}
 .m-pagination-jump .m-pagination-group>input{width:.4rem;border:1px solid #cbdbe4;line-height:20px;text-align:center;color:#222;margin:0 3px;background-color:white;border-radius:0;font-size:.12rem;height:.34rem}
 .m-pagination-jump .m-pagination-group>span{float:left;line-height:.36rem}
 .m-pagination-info{font-size:.14rem;color:#222;margin:0 .03rem;line-height:.36rem}
 .zte-event-bg .zte-banner{background:#f3f5f8;position:relative;overflow:hidden}
 .zte-event-bg i{font-style:normal}
 .zte-event-bg .zte-banner-swiper .swiper-slide{overflow:hidden;position:relative}
 .zte-event-bg .zte-banner-swiper .swiper-slide img{width:100%;object-position:center bottom;margin:0 auto;object-fit:cover}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont{height:530px;padding-bottom:0;position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:2}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{display:flex;align-items:center;height:100%;width:40%}
 @media only screen and (min-width:1440px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{display:flex;align-items:center;height:100%;width:40%}
 }
 @media only screen and (max-width:1440px) and (min-width:1225px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{display:flex;align-items:center;height:100%;width:42%}
 }
 @media only screen and (max-width:1225px) and (min-width:990px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{display:flex;align-items:center;height:100%;width:43%}
 }
 .zte-event-bg .zte-banner-swiper .swiper-slide .zte-banner-info{text-align:left}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t{font-family:FZLANTY_JW--GB1-0;font-size:.56rem;font-weight:bold;color:#333}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t1{font-family:FZLANTY_JW--GB1-0;font-size:.16rem;line-height:.36rem;color:#666;margin-top:.48rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .desc{font-size:.16rem;color:#22c0d6;margin-top:.48rem}
 .zte-event-bg .zte-my-wrap-video{width:100%;min-height:530px;position:absolute;left:50%;top:0;padding-bottom:0;z-index:10;transform:translate(-50%,0);-webkit-transform:translate(-50%,0)}
 .zte-event-bg .zte-banner .head{position:absolute;right:0;top:20%;z-index:10;width:55%;height:80%;padding-bottom:0}
 .zte-event-bg .zte-banner .head .head-cont{position:relative;width:100%}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .info .tit{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:.24rem;overflow:hidden}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .tit .hot{width:40px;height:20px;margin-right:9px;background:url(base/css/clientlib-common/images/innovationDay/icon-hot.png) no-repeat;background-size:100% 100%;color:#fff;text-align:center;line-height:20px;font-size:13px;display:inline-block;vertical-align:middle;position:relative;top:-3px}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .pic{height:100%}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .swiper-slide{display:none}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .swiper-slide:first-child{display:block}
 .video-js{width:100%;height:100%}
 .vjs-poster{background-size:cover !important;background-position:center !important}
 .zte-event-bg .video-js .vjs-big-play-button{border-radius:100%;height:2em;width:2em;margin-left:-1em;margin-top:-1em;line-height:2em;display:none}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info{background:linear-gradient(180deg,#eff2f7,#fefefe);padding:20px;border:1px solid #fff;border-radius:0 0 0 8px}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .pointer:hover{color:#008ed3}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .img{width:57px;height:57px;margin-right:12px;border-radius:100%;overflow:hidden}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .icon{width:18px;height:auto;margin-right:5px}
 .zte-event-bg .zte-banner .zte-banner-pagination{position:absolute;left:0;bottom:0;z-index:10}
 .zte-event-bg .zte-banner .zte-banner-pagination span{margin-right:8px;width:24px;height:3px;background:#666;opacity:.5;border-radius:4px;box-sizing:border-box}
 .zte-event-bg .zte-banner .zte-banner-pagination span.swiper-pagination-bullet-active{width:40px;height:3px;background:#13b8cf;border-radius:4px;opacity:1}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .desc{bottom:0}
 .mShow .zte-contList-mobile .zte-role-head img{border-radius:100%}
 .video-js video{width:100%;height:100%;object-fit:cover}
 .zte-event-bg .zte-banner-swiper .swiper-slide{text-align:center}
 .zte-event-bg .zte-banner-swiper .swiper-slide img{max-width:1920px}
 .zte-event-bg .zte-banner .first-entry{width:10%}
 .zte-contList-item01 .time-1{width:125px}
 .zte-contList-item01 .zte-contList-tit{padding-left:0}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont>a[href="javascript:;"]{cursor:auto !important}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry a.flex{width:100%}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .Coming{cursor:auto !important}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .Coming .tit{color:#333}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .Coming .img img{transform:scale(1);-webkit-transform:scale(1)}
 .video-js .vjs-modal-dialog{display:none}
 .zte-page-title{font-size:32px;font-weight:bold;padding:0;line-height:32px;margin-bottom:30px}
 .zte-event-bg .zte-tit-wrap{position:relative;margin-bottom:10px;padding:0}
 .zte-tit-wrap h4{position:relative;padding:15px 0 0;color:#333;font-size:26px;font-weight:bold}
 .zte-tit-wrap .time{position:absolute;bottom:0;right:30px;width:56px;height:26px;line-height:26px;background:linear-gradient(0,#f5f8fc,#eaeef2);border-radius:12px;text-align:center;box-shadow:-3px -5px 16px 0 #feffff,0 5px 7px 0 rgba(231,236,243,0.7)}
 .zte-tit-info{display:inline-block;vertical-align:middle;padding-left:20px;color:#333;font-size:16px}
 .head .head-cont .swiper-container{height:100%}
 .zte-event-bg .zte-banner .head .head-cont{border:border !important}
 @media only screen and (max-width:1440px){.zte-my-wrap{max-width:100%;padding-left:100px;padding-right:100px}
 }
 .video-live{position:absolute;top:5px;left:5px;color:#fff;z-index:10;padding-left:20px}
 .video-live::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;background:url(base/css/clientlib-common/images/serviceforum/icon-live.png) no-repeat;background-size:contain}
 .wrap-forum .info-wp{border-top:4px solid;border-image:linear-gradient(to right,#38e2ec,#fff) 1;background-color:#f9fbfc}
 .wrap-forum .info-wp-in{background:url(base/css/clientlib-common/images/serviceforum/bg-corner.png) right top no-repeat;background-size:190px 65px;border:#fff solid 1px;border-top:0;padding:45px 65px}
 .info-wp p{color:#666;font-size:16px;line-height:30px}
 .zte-my-wrap{padding-bottom:60px}
 .zte-my-wrap .zte-cont-tit{margin-bottom:20px;font-size:18px;font-weight:bold}
 .zte-cont-wrap{position:relative;margin-bottom:40px}
 .zte-cont-wrap::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:4px;background:linear-gradient(to right,#38e2ec,#fff)}
 .zte-cont-wrap:last-child{margin-bottom:0}
 .zte-cont-wrap .btn-play{cursor:pointer !important;position:absolute;right:0;top:-48px;width:116px;height:36px;background:url(base/css/clientlib-common/images/serviceforum/btn-play.png) no-repeat;background-size:contain}
 .zte-cont-wrap .btn-play:hover{opacity:.8}
 .zte-cont-wrap .btn-playback1{background:url(base/css/clientlib-common/images/serviceforum/btn-playback.png) no-repeat;background-size:contain}
 .zte-cont-wrap .btn-waiting{background:url(base/css/clientlib-common/images/serviceforum/btn-waiting.png) no-repeat;background-size:contain;cursor:default !important}
 .zte-cont-box{display:inline-flex;width:100%;border:#fff solid 1px;border-top:0;box-sizing:border-box;background-color:#fff;background-color:rgba(255,255,255,0.65)}
 .zte-cont-list{width:50%;padding:50px 0}
 .zte-cont-list li{border-left:#ccc dashed 1px;padding:0 70px 20px 25px;margin-left:50px;position:relative}
 .zte-cont-list li .link{color:#000;cursor:default !important}
 .zte-cont-list li .txt-wrap{width:80%}
 .zte-cont-list li span{display:block;line-height:24px}
 .zte-cont-list li strong{display:block;font-size:16px;line-height:26px;font-weight:bold;padding:12px 0}
 .zte-cont-list li span.time{line-height:14px;color:#666}
 .zte-cont-list li span.txt{font-size:14px;line-height:18px;margin-bottom:10px}
 .zte-cont-list li .img-head{position:absolute;top:50%;right:5%;width:80px;height:80px;margin-top:-40px}
 .zte-cont-list li::before{content:"";position:absolute;left:-8px;top:0;width:16px;height:16px;background:url(base/css/clientlib-common/images/serviceforum/dot.png) no-repeat;background-size:cover}
 .zte-cont-list li:last-child{padding-bottom:0}
 #goToTop{z-index:11}
 .mShow .zte-cont-box{display:block;background-image:url(base/css/clientlib-common/images/serviceforum/bg1-m.png);background-color:#fafbfd;background-repeat:no-repeat;background-position:center bottom;background-size:contain}
 .mShow .zte-cont-list{width:100%;padding:.48rem 0}
 .mShow .zte-cont-list li{padding:0 .3rem .47rem;margin:0 .3rem}
 .mShow .zte-cont-list li:last-child{padding-bottom:0}
 .mShow .zte-cont-list li .img-head{width:.89rem;height:.89rem;right:-0.1rem}
 .zte-contList-box .link-wrap.Coming{cursor:auto !important}
 .zte-contList-box .link-wrap.Coming .zte-btn{background:#fff;border:#fff solid 1px;color:#333;background:linear-gradient(0,#fff,#edf1f8)}
 .zte-contList-box .link-wrap.Coming .zte-contList-tit{color:#333}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .zte-first-swiper{border-radius:.05rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .pic img{object-position:center}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .Coming .info .pointer{display:none}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .Coming .info .userinfo{height:.28rem}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .Coming .time{display:none}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .h3-s{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
 .zte-event-bg .zte-banner>.mShow{position:relative;z-index:2}
 .zte-contList-box .Offline .zte-btn-mobile:after{display:none}
 .zte-event-bg .zte-banner .head .right-list .list-entry .entry .flex{width:100%}
 .zte-event-bg .g-news .swiper-wrapper{display:flex;flex-wrap:wrap}
 .zte-event-bg .g-news .swiper-wrapper .item{flex:1;margin-right:20px}
 .zte-event-bg .g-news .swiper-wrapper .item:last-child{margin-right:0}
 .zte-event-bg .g-news .swiper-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
 .zte-event-bg .g-news .swiper-container{overflow:visible}
 .zte-event-bg .g-news .swiper-container .item{width:33%;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;position:relative}
 .zte-event-bg .g-news .swiper-container .item:hover{z-index:2;box-shadow:5px 6px 32px 0 rgba(78,90,122,0.1)}
 .zte-event-bg .g-news .swiper-container .item .tit{color:#333;line-height:24px;margin-bottom:20px}
 .zte-event-bg .g-news .swiper-container .item .h3-s{color:#999;line-height:14px;position:absolute;left:20ox;bottom:20px}
 .zte-event-bg .g-news .swiper-container .item .info{padding:22px 20px 30px}
 @media only screen and (max-width:1440px) and (min-width:768px){.zte-event-bg .zte-my-wrap-video{padding:0 100px}
 .zte-event-bg .zte-banner .zte-banner-pagination{left:100px}
 .zte-event-bg .zte-banner .head{width:47%;height:70%;top:15%;right:100px}
 .zte-annualReport .g-news .swiper-container .item{width:33.33%}
 .video-js video{object-fit:cover}
 }
 @media only screen and (min-width:768px) and (max-width:1366px){.zte-event-bg .zte-banner .zte-banner-pagination{bottom:10%}
 .zte-event-bg .zte-banner .head{right:100px;top:12%;width:43%}
 }
 @media only screen and (min-width:768px) and (max-width:1024px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont{height:450px}
 .zte-event-bg .zte-my-wrap-video{min-height:450px}
 .zte-event-bg .zte-banner .zte-banner-pagination{bottom:5%}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t{font-size:.46rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t1{margin-top:.2rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .desc{margin-top:.2rem}
 }
 @media only screen and (min-width:1024px) and (max-width:1150px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{width:100%}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .zte-banner-info{width:44%}
 .zte-event-bg .zte-banner .head{width:45%}
 .zte-event-bg .zte-banner-swiper .swiper-slide img{height:52vw}
 .wrap-forum{margin-top:-1rem;padding-top:.5rem}
 .zte-my-wrap-outer{margin-top:0}
 }.news-recommend-component .home-newrecommend-swiper {margin: auto;}
 @media only screen and (max-width:768px){.zte-event-bg .zte-banner-swiper .swiper-slide .cont>a{display:block;width:100%}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .zte-banner-info{padding-top:.8rem;text-align:center}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .swiper-slide{display:block}
 .zte-event-bg .video-js .vjs-big-play-button{transform:scale(0.7);-webkit-transform:scale(0.7)}
 .zte-event-bg .zte-tit-wrap{margin-bottom:.2rem;padding-top:.3rem}
 div.zte-contList-wrap{margin-top:0}
 /* div.zte-index-title{padding:.2rem 0;margin-top:.2rem} */
 .zte-event-bg .zte-banner .head .head-cont .first-entry .pic{height:3.9rem;border-radius:.05rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide img{height:10rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t{font-size:.52rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .t1{font-size:.24rem;line-height:.36rem;margin-top:.3rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont .desc{font-size:.24rem;margin-top:.6rem}
 .zte-event-bg .zte-banner-swiper .swiper-slide .cont{padding:0 .6rem;height:4rem}
 .zte-event-bg .zte-my-wrap-video{top:auto}
 .zte-event-bg .zte-banner .head{position:relative;left:auto;right:auto;top:-5.9rem;width:100%;transform:none;-webkit-transform:none}
 .zte-page-title{margin-bottom:.32rem;padding-bottom:0 !important}
 .zte-event-bg .zte-banner .head .right-list{display:none}
 div.zte-index-title{font-size:.36rem;padding:0;margin: 0;font-weight: normal;}
 .zte-event-bg .zte-banner .zte-banner-pagination{width:92%;display:flex;top:-1.3rem;left:auto;justify-content:center}
 .zte-event-bg .zte-banner .zte-banner-pagination span{width:.08rem;height:.08rem;border-radius:.04rem;background:#fff;opacity:1;box-sizing:border-box}
 .zte-event-bg .zte-banner .zte-banner-pagination span.swiper-pagination-bullet-active{width:.4rem;height:.08rem;border-radius:.04rem;opacity:1}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .tit{font-size:.28rem;padding:0 .2rem;height:.7rem;border-radius:.16rem .16rem 0 0;line-height:.7rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .tit .hot{width:.52rem;height:.26rem;font-size:.15rem;line-height:.28rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .swiper-slide{border-radius:.16rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info{padding:.24rem;border-radius:0 0 .16rem .16rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .img{width:.8rem;height:.8rem;margin-right:.2rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .h3-m{font-size:.24rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .h3-s{font-size:.22rem}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .pointer{font-size:0;background-position:center !important;background-size:.28rem .28rem !important;height:.28rem;width:.28rem;position:relative;top:-0.23rem;padding:0}
 .zte-event-bg .zte-banner .head .head-cont .first-entry .info .icon{width:.26rem;position:relative;top:-0.2rem}
 .zte-event-bg .zte-banner .head .head-cont{border-radius:0;overflow:visible;width:100%;box-shadow:none}
 .first-entry{flex:auto;width:100%}
 .zte-event-bg{width:100%;overflow:hidden}
 .zte-event-bg .zte-banner .head .head-cont .zte-first-swiper{overflow:visible}
 .zte-first-pagination{display:flex;justify-content:center}
 .zte-first-pagination span{width:.08rem;height:.08rem;border-radius:.04rem;margin:0 .04rem;border:1px solid #fff;box-sizing:border-box;background:linear-gradient(0,#eff2f7,#dee1ea);opacity:1}
 .zte-first-pagination span.swiper-pagination-bullet-active{width:.4rem;background:linear-gradient(90deg,#66c1e7,#2b71bb)}
 .zte-my-wrap-outer{position:relative;z-index:3}
 .wrap-forum{margin:0}
 .wrap-forum .info-wp{position:relative;border:0}
 .zte-cont-wrap .btn-play{width:1.58rem;height:.48rem;top:-.7rem;background-size:contain}
 .btn-more{text-align:center;width:100%;height:2rem;position:absolute;bottom:0;left:0;right:0}
 .btn-more::before{content:"";display:block;height:.8rem;position:absolute;bottom:.5rem;left:0;right:0;width:100%;background:url(base/css/clientlib-common/images/serviceforum/bg-t.png) repeat-x left bottom}
 .btn-more::after{content:"";display:block;height:.9rem;position:absolute;bottom:0;left:0;right:0;width:100%;background:#fdfefe}
 .btn-more span{position:absolute;bottom:.4rem;left:0;right:0;width:100%;font-size:.24rem;color:#999;z-index:2}
 .btn-more span::after{content:"";display:inline-block;margin-left:.1rem;width:.27rem;height:.27rem;vertical-align:-3px;background:url(base/css/clientlib-common/images/serviceforum/icon-down.png) no-repeat;background-size:cover}
 .btn-more span.up::after{background:url(base/css/clientlib-common/images/serviceforum/icon-up.png) no-repeat;background-size:cover}
 .zte-my-wrap .zte-cont-tit{font-size:.24rem}
 .zte-cont-wrap::before{height:2px}
 .zte-cont-list li span.time{line-height:.2rem;color:#999;font-size:.24rem;padding-top:.05rem}
 .zte-cont-list li strong{font-size:.26rem;line-height:.32rem;padding:.16rem 0}
 .zte-cont-list li span.txt{font-size:.22rem;line-height:.3rem;color:#666;margin-bottom:.1rem}
 .zte-cont-list li i.color1{color:#333}
 .zte-cont-wrap .btn-playback{font-size:.22rem}
 .zte-cont-wrap .btn-playback::before{width:.25rem;height:.25rem;vertical-align:-.04rem}
 .zte-tab-contList .swiper-container{overflow:visible}
 .zte-tab-contList-pagination span{width:.08rem;height:.08rem;border-radius:.04rem;margin:0 .04rem;border:1px solid #fff;background:linear-gradient(0,#eff2f7,#dee1ea);opacity:1;box-sizing:border-box}
 .zte-tab-contList-pagination span.swiper-pagination-bullet-active{width:.24rem;background:linear-gradient(90deg,#66c1e7,#2b71bb)}
 .zte-event-bg .zte-my-wrap{padding:0 .3rem .36rem}
 .zte-event-bg .wrap-forum{margin-top:-1rem;overflow:hidden}
 .zte-event-bg .wrap-forum .info-wp{background:url(base/css/clientlib-common/images/serviceforum/bg-info.png) repeat-x left bottom;height:1.92rem;padding-bottom:1rem;border-top:0;overflow:hidden;background-color:#fff}
 .zte-event-bg .wrap-forum .info-wp-in{padding:.6rem .51rem .18rem;background-size:2.5rem .8rem}
 .zte-event-bg .wrap-forum .info-wp p{font-size:.22rem;line-height:.4rem;letter-spacing:.005rem;color:#666}
 .zte-tit-wrap{padding-top:.5rem}
 .zte-tit-wrap .zte-page-title{font-size:.36rem;padding:0}
 .zte-tit-wrap .zte-tit-info{padding-left:.16rem;font-size:.24rem;color:#666}
 .zte-event-bg .g-news .swiper-container .item:hover{box-shadow:none}
 .zte-event-bg .g-news .swiper-container .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;height:auto}
 .zte-event-bg .g-news .swiper-container .item{padding:0;width:100%;margin-bottom:.32rem;margin-right:0}
 .zte-event-bg .g-news .swiper-container .item a{padding:.3rem}
 .zte-event-bg .g-news .swiper-container .item:last-child{margin-bottom:0}
 .zte-event-bg .g-news .swiper-container .item a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
 .zte-event-bg .g-news .swiper-container .item .img{width:2rem;margin:0;height:1.4rem;margin-right:.24rem;overflow:hidden}
 .zte-event-bg .g-news .swiper-container .item .img img{object-fit:cover}
 .zte-event-bg .g-news .swiper-container .item .tit{font-size:.26rem;line-height:.4rem;-webkit-line-clamp:2;min-height:auto;font-weight:bold}
 .zte-event-bg .g-news .swiper-container .item .info{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-orient:vertical;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;min-height:auto}
 .zte-event-bg .g-news .swiper-container .item .info{padding:0}
 .zte-event-bg .g-news .swiper-container .item .info .gray{font-size:.26rem;line-height:.2rem;position:static;left:auto;bottom:auto}
 .zte-event-bg .g-news .swiper-container .item .tit{height:.7rem;min-height:auto;margin-bottom:.4rem;line-height:.36rem}
 }
 @media only screen and (max-width:768px){.zte-event-bg{background-image:none}
 .zte-event-bg .zte-banner .head .head-cont{height:3.9rem}
 .zte-event-bg .zte-page-title{font-size:.36rem}
 .zte-first-pagination span,.zte-tab-contList-pagination span{width:.1rem;height:.1rem;border-radius:.05rem;border:0;background:#ccc}
 .zte-first-pagination span.swiper-pagination-bullet-active,.zte-tab-contList-pagination span.swiper-pagination-bullet-active{width:.4rem}
 }
 .ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .index-banner .img{width:1920px;position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}
 .index-banner a:hover .img{transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1)}
 .index-banner .img img{display:block;margin:0 auto;max-height:370px;width:100%;object-fit:cover}
 .index-banner .img img.m{display:none}
 .index-banner .swiper-slide{overflow:hidden}
 .index-banner .banner-white .tit{color:#fff;font-size:60px}
 .index-banner .banner-white .btn{border:1px solid #fff;border-radius:3px;font-size:18px;padding:12px 30px;color:#fff;margin-top:30px;display:inline-block}
 .swiper-pagination{position:absolute;bottom:15px;left:0;z-index:2;left:0;width:100%}
 .swiper-pagination span{margin:0 5px}
 .index-banner .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;width:20px;border-radius:8px}
 .page-index-newsList .item{width:403px;margin-right:36px}
 .page-index-newsList .item .img{position:relative;height:229px}
 .page-index-newsList .item .img .time{border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;left:0;bottom:0;width:95px;text-align:center;padding:12px 0;z-index:2;height:40px;color:#fff;box-sizing:border-box;overflow:hidden;border-radius:0 20px 0 0}
 .page-index-newsList .item .img .time span{position:relative;z-index:2}
 .page-index-newsList .item .img .time img{position:absolute;left:0;bottom:0;filter:blur(5px);max-width:auto}
 .page-index-newsList .item .info{padding:20px 0 10px 0}
 .page-index-video .item video{width:100%;object-fit:cover;object-position:center;height:554px}
 .page-index-video .item .pc{width:100%;object-fit:cover;object-position:center;height:554px}
 .page-index-video .item .gif{display:none}
 .page-index-video .swiper-slide{overflow:hidden;font-size:0}
 .page-index-video .item .btn{margin-top:80px;cursor:pointer}
 .page-index-videoList{margin-top:20px}
 .page-index-videoList .swiper-slide{flex:1;position:relative}
 .page-index-videoList .swiper-slide .item .img{height:143px}
 .page-index-videoList .focus .item:after{content:' ';width:100%;height:5px;background:rgba(255,255,255,0.5);position:absolute;z-index:1;left:0;bottom:0}
 .page-index-videoList .focus .item:before{width:0;background:#00a7ff;content:' ';position:absolute;z-index:3;left:0;bottom:0;height:5px;animation:videoProgress 5s ease forwards;-webkit-animation:videoProgress 5s ease forwards}
 @-webkit-keyframes videoProgress{0{width:0}
 100%{width:100%}
 }
 @keyframes videoProgress{0{width:0}
 100%{width:100%}
 }
 .page-index-videoList .swiper-slide .item .tit{position:absolute;left:0;top:0;bottom:0;color:#fff;font-size:20px;right:0;cursor:pointer;background:rgba(0,0,0,0.3);z-index:3;text-align:center}
 .page-index-videoList .swiper-slide.focus .item .tit{background:rgba(0,0,0,0)}
 .page-index-activityList .item{position:relative;float:left}
 .page-index-activityList .item .info{position:absolute;left:0;right:0;bottom:0;top:0;padding-top:40px;padding-left:25px;padding-right:20px}
 .page-index-activityList .item .more-view{line-height:1;position:absolute;left:25px;bottom:36px;color:#333}
 .page-index-activityList .item .tit{color:#333}
 .page-index-activityList .item .st{color:#999}
 .page-index-activityList .item .more-view:after{content:' ';width:7px;height:12px;display:inline-block;background:url(base/css/images/top/icon/icon-right-black.png) no-repeat;background-size:100% auto;margin-left:5px}
 .page-index-activityList .item1{width:630px;margin-right:20px}
 .page-index-activityList .item2 .tit,.page-index-activityList .item3 .tit,.page-index-activityList .item2 .st,.page-index-activityList .item3 .st,.page-index-activityList .item2 .more-view,.page-index-activityList .item3 .more-view{color:#fff}
 .page-index-activityList .item2 .more-view:after,.page-index-activityList .item3 .more-view:after{background:url(base/css/images/top/icon/icon-right.png) no-repeat;background-size:100% auto}
 .page-index-activityList .item3{margin-right:20px}
 .page-index-activityList .item .info .tit{font-weight:bold}
 .page-index-activityList .item1 .img{height:442px}
 .page-index-activityList .item2 .img{height:220px}
 .page-index-activityList .item3 .img{height:222px;width:305px}
 .page-index-activityList .item4 .img{height:222px;width:305px}
 .page-index-activityList .item .more{margin:0 auto;width:80px;color:#333;position:relative;z-index:2}
 .page-index-activityList .item .more:after{background:url(base/css/images/top/icon/icon-more-bg.png) no-repeat;background-size:100% 100%;width:44px;height:44px;position:absolute;left:-20px;top:50%;margin-top:-24px;z-index:-1;content:' '}
 .page-index-activityList .item5{margin-top:20px;display:flex}
 .page-index-activityList .item5 .img{width:50%;height:422px}
 .page-index-activityList .item5 .info{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:50%;background:url(base/css/images/top/icon/bg-1.jpg) no-repeat;background-size:100% 100%;padding:65px 75px 0 60px}
 .page-index-activityList .item5 .info .tit{font-size:28px}
 .page-index-activityList .item5 .info .txt{color:#666;margin-top:30px}
 .page-index-activityList .item5 .info .more-view{left:60px;bottom:85px}
 .page-index-activityList .item5 .info .tit,.page-index-activityList .item5 .info .txt{position:relative;z-index:1}
 .page-index-activityList .item1 .info .tit,.page-index-activityList .item2 .info .tit,.page-index-activityList .item3 .info .tit,.page-index-activityList .item1 .info .st,.page-index-activityList .item2 .info .st,.page-index-activityList .item3 .info .st{transition:all .3s ease;-webkit-transition:all .3s ease}
 .page-index-activityList .item1:hover .info .tit,.page-index-activityList .item2:hover .info .tit,.page-index-activityList .item3:hover .info .tit,.page-index-activityList .item1:hover .info .st,.page-index-activityList .item2:hover .info .st,.page-index-activityList .item3:hover .info .st{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
 .page-index-activityList .info{position:relative;overflow:hidden}
 .page-index-activityList .info .icon-round{position:absolute;z-index:0}
 .page-index-activityList .info .round-1{width:53px;height:53px;left:33px;top:56px}
 .page-index-activityList .info .round-2{width:295px;height:306px;left:343px;top:147px}
 .page-index-activityList .info .round-3{width:47px;height:47px;left:217px;top:274px}
 .page-index-activityList .info .round-4{width:37px;height:37px;left:488px;top:318px}
 .page-index-activityList .info .round-5{width:37px;height:37px;left:425px;top:80px}
 @media only screen and (max-width:1440px){.index-banner .img img{height:300px;width:auto}
 .page-index-newsList .item{width:32%;margin-right:2%}
 .page-index-newsList .item .img{height:200px}
 .page-index-activityList .item5 .info .tit{font-size:24px}
 .page-index-newsList .item .info{padding:10px 0}
 .page-index-video .item video{height:420px}
 .page-index-video .item .pc{height:420px}
 .page-index-video .item .tit{transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:left top;-webkit-transform-origin:left top}
 .page-index-video .item .btn{margin-top:40px;width:60px}
 .page-index-video .item .btn img{width:100%}
 .page-index-videoList .swiper-slide .item .img{height:120px}
 .page-index-videoList .swiper-slide .item .tit{font-size:16px}
 .index-banner .banner-white .tit{font-size:50px}
 .index-banner .banner-white .btn{font-size:16px;padding:8px 20px;margin-top:20px}
 .page-index-activityList .item1{width:48.5%;margin-right:1.5%}
 .page-index-activityList .item2{width:50%}
 .page-index-activityList .item3{width:24.24%;margin-right:1.5%}
 .page-index-activityList .item4{width:24.24%}
 .page-index-activityList .item .img{width:100%}
 .page-index-activityList .item1 .img{height:400px}
 .page-index-activityList .item2 .img,.page-index-activityList .item3 .img,.page-index-activityList .item4 .img{height:200px}
 .page-index-activityList .item5 .img{width:50%;height:380px}
 }
 .index-banner .img img.m{display:none}
 .page-index-videoList{margin-top:20px}
 .page-index-activityList .item2{margin-bottom:20px}
 .page-index-videoList .swiper-slide:nth-child(2){margin:0 20px}
 .page-index-activityList .item4 .img,.page-index-activityList .item3 .img{height:202px}
 @media only screen and (max-width:1440px){.page-index-activityList .item4 .img,.page-index-activityList .item3 .img{height:182px}
 }
 @media only screen and (max-width:768px){.page-index-activityList .item2{margin-bottom:.22rem}
 .page-index-videoList{margin-top:0}
 .page-index-videoList .swiper-slide:nth-child(2){margin:0;margin-right:.2rem}
 .page-index-activityList .item4 .img,.page-index-activityList .item3 .img{height:2.4rem}
 }
 .page-index-activityList .item2{width:calc(50% - 10px)}
 @media only screen and (max-width:1440px){.page-index-activityList .item2{width:50%}
 }
 @media only screen and (max-width:768px){.page-index-activityList .item2{width:100%}
 }
 @media only screen and (max-width:768px){.index-banner .img img{display:none}
 .index-banner .img img.m{display:block}
 }
 @media only screen and (max-width:1440px){.t-banner .conn{max-width:100%;padding-left:100px;padding-right:100px}
 }
 @media only screen and (max-width:768px){.t-banner .conn{max-width:100%;padding-left:.24rem;padding-right:.24rem}
 }
 @media only screen and (max-width:768px){.index-banner .img img{display:none;height:auto;width:100%}
 .index-banner .img img.m{display:block}
 .page-index-newsList .item .img .time{padding:4px 0;height:30px;border-radius:0 15px 0 0}
 .page-index-activityList .item5 div.info{padding-top:.4rem}
 .page-index-activityList .item5 .info .more-view{margin-top:.8rem}
 .page-index-activityList .item3 .more-view{display:none}
 .page-index-video{padding-left:.24rem;padding-right:.24rem;margin-bottom:.2rem}
 .page-index-videoList .swiper-slide .item .tit{font-size:14px;padding:.3rem;text-align:center}
 html[lang=en] .page-index-videoList .swiper-slide .item .tit{text-align:center}
 .En .page-index-videoList .swiper-slide .item .tit{text-align:center}
 .page-index-videoList .swiper-slide:nth-child(2){margin-right:.2rem}
 .page-index-video .item .btn{position:relative;z-index:2;width:1rem;padding:.2rem}
 .index-banner .img{width:100%}
 .index-banner .img img{height:5rem;display:none;height:auto;width:100%}
 .index-banner .banner-white .tit{font-size:.4rem}
 .index-banner .banner-white .btn{padding:4px 10px;font-size:.18rem;transform:scale(1);-webkit-transform:scale(1)}
 .page-index-newsList{margin-right:-.24rem}
 .page-index-newsList .item{width:4.8rem;margin-right:.45rem}
 .page-index-newsList .item .img{height:2.7rem}
 .index-banner .swiper-pagination span{border:1px solid #fff;background:0}
 .index-banner .swiper-pagination span.swiper-pagination-bullet-active{width:8px;border:1px solid #fff}
 .page-index-activityList .item .info{padding-left:.3rem;padding-top:.4rem}
 .page-index-activityList .item5{flex-wrap:wrap}
 .page-index-activityList .item5 .img{width:100%;height:4.6rem}
 .page-index-activityList .item5 .info{width:100%;padding:.2rem;padding-bottom:.4rem}
 .page-index-activityList .item5 .info .tit{font-size:.3rem}
 .page-index-activityList .item5 .info .more-view{position:relative;left:auto;bottom:auto;font-size:.2rem;margin-top:1rem}
 .page-index-activityList .item5 .info .txt{margin-top:0}
 .page-index-activityList .info .icon-round{transform:scale(0.5);-webkit-transform:scale(0.5)}
 .page-index-activityList .info .round-2{left:35%;top:25%}
 .page-index-activityList .info .round-1{left:0;top:0}
 .page-index-activityList .info .round-3{left:30%;top:40%}
 .page-index-activityList .info .round-4{top:30%;left:40%}
 .page-index-video .item video{height:3.7rem}
 .page-index-video .item .pc{height:3.7rem}
 .page-index-video .item .tit{display:none}
 .page-index-video .item .btn{margin:0 auto}
 .page-index-video .item .item-wrap{justify-content:center}
 .page-index-videoList .swiper-slide:first-child{display:none}
 .page-index-videoList .swiper-slide .item .img{height:1.6rem}
 .page-index-video .item video{display:none}
 .page-index-video .item .pc{display:none}
 .page-index-video .item .gif{display:block;width:100%}
 .page-index-activityList .item1{width:100%;margin-right:0;margin-bottom:.22rem}
 .page-index-activityList .item1 .img{height:5rem}
 .page-index-activityList .item .more-view:after{width:.08rem;height:.14rem}
 .page-index-activityList .item2{width:100%;margin-bottom:.22rem}
 .page-index-activityList .item2 .img{height:3rem}
 .page-index-activityList .item3,.page-index-activityList .item4{width:48.5%}
 .page-index-activityList .item3{margin-right:3%}
 .page-index-activityList .item .more{width:50px;margin-top:.2rem}
 .page-index-activityList .item4 .img,.page-index-activityList .item3 .img{height:2.4rem}
 }
 .page-index-video .item .btn{cursor:pointer;position:absolute;width:1920px;height:100%;top:0;left:50%;margin:0 0 0 -960px;background:transparent}
 .page-index-video .item .btn img{display:none}
 .auto-link{color:#008ed3 !important}
 @media(max-width:414px){body{background-color:#f8f8f8}
 #footer{display:none}
 header>div{display:none}
 .main-container{font-family:Helvetica}
 .main-container .row{background-color:#f8f8f8}
 #loading{font-size:14px;color:#636262;text-align:center}
 #loading img{height:25px;width:25px}
 .main-container .paddingRight-phone{padding-right:0}
 .main-container .padding-img-phone:nth-child(odd){padding-right:7px}
 .main-container .padding-img-phone:nth-child(even){padding-left:7px}
 .main-container .thumbnail{border-style:none;height:140px;overflow-y:hidden;padding:0;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12)}
 .main-container .thumbnail>img{height:90px;width:100%}
 .main-container .content-container{margin-top:120px}
 .main-container .head-container{float:left;position:fixed;top:0;left:0;clear:both;z-index:999;background-color:#fff}
 .main-container .search-container{position:fixed;width:100%;height:auto;float:left;top:115px;z-index:999;background-color:#fff;color:#000;display:none}
 .main-container .search-container>div{padding-left:15px;padding-right:15px;padding-bottom:5px;padding-top:5px}
 .main-container .search-container>.active-row{display:none}
 .main-container .search-container>.active-row>.active-item{width:auto;float:left;margin-right:5px}
 .main-container .search-container>.active-row>.active-item>p{padding-left:12px;padding-right:12px;background:#e6e6e6;border-radius:4px;color:#313b40;width:auto;line-height:35px;text-align:center;white-space:nowrap;font-size:14px}
 .main-container .search-container>.product-service-row{display:none;padding:0}
 .main-container .search-container .productItem{padding:5px}
 .main-container .search-container .productItem>div{width:100%;padding:5px;border-top:1px solid #e6e6e6;padding-left:10px}
 .main-container .active-row-pc{display:none}
 .main-container .search-drop{width:100%;background-color:#f8f8f8}
 .main-container .search-drop>button{border-width:0;color:#7c868d;width:100%;background-color:#f8f8f8}
 .main-container .product-service-row-pc{display:none;cursor:pointer}
 .main-container .filter-row{display:none}
 .main-container .submit-btn-parent{padding:0}
 .main-container .submit-btn-parent>button{width:100%;border-style:none}
 .main-container .reset-btn-parent{padding:0;padding-right:5px}
 .main-container .reset-btn-parent>button{width:100%;border-style:none}
 #videoMaskContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:888;background-color:#555;opacity:.6;display:none}
 #videoPlayContainer{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:black;z-index:999;display:none}
 #videoPlayContainer>div:nth-child(1){color:white;float:right;padding-right:15px;padding-top:5px;cursor:pointer}
 #videoPlayContainer>div:nth-child(2){padding-left:15px;padding-right:15px}
 #videoPlayContainer video{width:100%;height:50%}
 #videoPlayContainer>div:nth-child(3)>div:nth-child(1){color:white;padding-left:15px;padding-right:15px;font-size:14px;padding-top:5px}
 #videoPlayContainer>div:nth-child(3)>div:nth-child(2){color:white;padding-left:15px;padding-right:15px;line-height:22px;font-size:12px;padding-top:10px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical}
 .main-container .video-item{cursor:pointer}
 .main-container .video-item .video-date{color:#fff;background-color:rgba(38,38,38,0.60);width:100%;position:relative;top:-20px;float:left;height:20px;text-align:right;padding-right:5px;font-size:14px}
 .main-container .video-item .video-title{color:#2e373c;font-size:14px;float:left;clear:both;position:relative;margin-bottom:4px;top:-15px;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
 .main-container .video-item .video-content{font-size:12px;color:#bababa;padding-bottom:5px;float:left;clear:both;position:relative;top:-15px}
 .main-container .form-control::-webkit-input-placeholder{color:#b4bbbf;vertical-align:middle}
 .main-container .form-control:-moz-placeholder{color:#b4bbbf;vertical-align:middle}
 .main-container .form-control::-moz-placeholder{color:#b4bbbf;vertical-align:middle}
 .form-control:-ms-input-placeholder{color:#b4bbbf;vertical-align:middle}
 }
 @media(min-width:768px){.main-container{font-family:"Microsoft Yahei"}
 .main-container .thumbnail{border-style:none;height:200px;overflow-y:hidden;padding:0;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12)}
 .main-container .thumbnail>img{height:145px;width:100%}
 .main-container .content-container{margin-top:0}
 .main-container .search-container{display:none}
 .main-container .active-row-pc{display:none;float:left;position:absolute;top:0;left:0;z-index:888;background-color:white;cursor:pointer}
 .main-container .active-row-pc>div{color:#313b40;width:100%;line-height:25px;text-align:center;padding:5px}
 .main-container .search-drop{width:100%}
 .main-container .search-drop>button{color:#7c868d;width:100%;text-align:justify}
 .main-container .search-drop>button:focus{outline:0}
 .main-container .product-service-row-pc{display:none;float:left;position:absolute;top:0;left:0;z-index:888;background-color:white;cursor:pointer}
 .main-container .product-service-row-pc>.productItem>div{width:100%;line-height:25px;text-align:center;padding:5px}
 .main-container .product-service-row-pc>.productItem>div>div{width:100%;line-height:25px;text-align:center;padding:5px}
 .main-container .filter-row{display:none}
 .main-container .filter-row span{color:#7c868d}
 .main-container .filter-row button{color:#7c868d;margin-right:5px}
 #videoMaskContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:888;background-color:#555;opacity:.6;display:none}
 #videoPlayContainer{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;width:60%;height:580px;background-color:black;z-index:999;display:none}
 #videoPlayContainer>div:nth-child(1){color:white;float:right;padding-right:15px;padding-top:5px;cursor:pointer}
 #videoPlayContainer>div:nth-child(2){padding-left:30px;padding-right:30px;padding-top:30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%}
 #videoPlayContainer video{width:100%;height:460px}
 #videoPlayContainer>div:nth-child(3)>div:nth-child(1){color:white;padding-left:30px;padding-right:30px;font-size:22px}
 #videoPlayContainer>div:nth-child(3)>div:nth-child(2){color:white;padding-left:30px;padding-right:30px;line-height:22px;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
 .main-container .video-item{cursor:pointer}
 .main-container .video-item .video-date{color:#fff;background-color:rgba(38,38,38,0.60);width:100%;position:relative;top:-20px;float:left;height:20px;text-align:right;padding-right:5px;font-size:14px}
 .main-container .video-item .video-title{color:#2e373c;float:left;clear:both;position:relative;margin-bottom:4px;top:-15px;font-size:15px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
 .main-container .video-item .video-content{font-size:12px;color:#bababa;padding-bottom:5px;float:left;clear:both;position:relative;top:-15px}
 .main-container .form-control::-webkit-input-placeholder{color:#b4bbbf;padding-left:5px}
 .main-container .form-control:-moz-placeholder{color:#b4bbbf;padding-left:5px}
 .main-container .form-control::-moz-placeholder{color:#b4bbbf;padding-left:5px}
 .form-control:-ms-input-placeholder{color:#b4bbbf;padding-left:5px}
 }
 .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-bottom:3px}
 .main-container .glyphicon{line-height:unset}
 .main-container .title-phone{font-family:inherit;font-size:16px;color:#13161a;line-height:35px;text-align:center}
 .main-container .title-pc{font-family:inherit;font-size:22px;color:#2e373c;line-height:35px}
 .main-container .screen-width{width:100%}
 .main-container .mask-container{position:fixed;background-color:rgba(38,38,38,0.80);width:100%;height:100%;float:left;top:0;z-index:888;display:none}
 .main-container .blue{color:#0092ff !important}
 .main-container .black{color:#000 !important}
 .main-container .gl{height:12px;position:absolute;border-left:1px solid #999;border-bottom:1px solid #999;-webkit-transform:translate(0,-50%) rotate(-135deg);transform:translate(0,-50%) rotate(-135deg)}
 .main-container .search-input{background-image:url(base/css/clientlib-common/images/search.png);background-repeat:no-repeat;background-position-x:15px;background-position-y:center;background-size:18px 18px;width:100%;border-radius:34px;padding-left:35px}
 .main-container .sub-item{background-color:#f8f8f8;display:none}
 #btnSearch{color:#7c868d;border-left-style:none;height:34px;font-size:12px}
 #btnSearch:focus{outline:0}
 #btnRemoveInput{float:right;position:fixed;top:49px;left:85%;display:none;cursor:pointer;font-size:12px}
 #btnSubmit{color:white}
 video:focus{outline:0}
 .zte2021-news-view>.flex{border:1px solid #dcdcdc;background:#fff;margin-left:10px}
 .zte2021-news-view>.flex .view-item{width:40px;height:40px;justify-content:center;align-items:center;opacity:.5;border-right:1px solid #dcdcdc}
 .zte2021-news-view>.flex .view-item:last-child{border-right:0}
 .zte2021-news-view>.flex .view-item img{width:auto}
 .zte2021-news-view>.flex .view-item.active{opacity:1;background:#f5f5f5}
 .mainContent .ts-center .ts-news-list{background:0}
 .mainContent .ts-center .ts-news-list .pagination{width:100%}
 .mainContent .ts-center .ts-news-list .row .time{position:relative;font-size:16px;color:#333;padding:15px 0 15px 20px;background:#efefef}
 .mainContent .ts-center .ts-news-list .row img{display:block;transition:all .3s;-webkit-transition:all .3s;width:100%}
 .mainContent .ts-center .ts-news-list .row span{position:absolute;border-radius:5px;display:inline-block;padding:3px 12px;color:#fff;font-size:13px;right:20px;top:14px}
 .mainContent .ts-center .ts-news-list .tit{position:relative;font-size:16px;color:#333;padding:0 20px 0 20px;line-height:30px;height:60px}
 .mainContent .ts-center .ts-news-list .item{background:#efefef;padding-bottom:20px;display:block;margin-bottom:20px}
 .mainContent .ts-center .ts-news-list .img{overflow:hidden;height:230px}
 .mainContent .ts-center .ts-news-list .img img{width:100%;height:100%;object-fit:cover;object-position:top}
 .mainContent .ts-center .ts-news-list a:hover .tit{color:rgba(0,143,213,1)}
 .mainContent .ts-center .ts-news-list a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
 @media only screen and (max-width:768px){.mainContent .ts-center .ts-news-list .row .time{font-size:.24rem}
 .mainContent .ts-center .ts-news-list .tit,.ts-news-list2 .list-item .info .tit{font-size:.24rem}
 .ts-news-list2 .list-item .info .tit{max-height:initial;line-height:1.6}
 .ts-news-list2 .list-item .info .desc,.ts-news-list2 .list-item .time2{font-size:.24rem}
 .mainContent .ts-center .ts-news-list.project_all{padding-left:15px;padding-right:15px;width:100%}
 }
 ul.simple-pagination{list-style:none}
 .simple-pagination{display:block;overflow:hidden;padding:0 5px 5px 0;margin:0}
 .simple-pagination ul{list-style:none;padding:0;margin:0}
 .simple-pagination li{list-style:none;padding:0;margin:0;float:left}
 .compact-theme a,.compact-theme span{float:left;color:#333;font-size:14px;line-height:24px;font-weight:normal;text-align:center;border:1px solid #AAA;border-right:0;min-width:14px;padding:0 7px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background:#efefef;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(top,#fff 0,#efefef 100%)}
 .compact-theme a:hover{text-decoration:none;background:#efefef;background:-moz-linear-gradient(top,#efefef 0,#bbb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#efefef 0,#bbb 100%);background:-o-linear-gradient(top,#efefef 0,#bbb 100%);background:-ms-linear-gradient(top,#efefef 0,#bbb 100%);background:linear-gradient(top,#efefef 0,#bbb 100%)}
 .compact-theme .prev{border-radius:3px 0 0 3px}
 .compact-theme .next{border-right:1px solid #AAA;border-radius:0 3px 3px 0}
 .compact-theme .current{background:#bbb;background:-moz-linear-gradient(top,#bbb 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#bbb),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#bbb 0,#efefef 100%);background:-o-linear-gradient(top,#bbb 0,#efefef 100%);background:-ms-linear-gradient(top,#bbb 0,#efefef 100%);background:linear-gradient(top,#bbb 0,#efefef 100%);cursor:default}
 .compact-theme .ellipse{background:#eaeaea;padding:0 10px;cursor:default}
 .light-theme a,.light-theme span{float:left;color:#666;font-size:14px;line-height:24px;font-weight:normal;text-align:center;border:1px solid #BBB;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#efefef;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(top,#fff 0,#efefef 100%)}
 .light-theme a:hover{text-decoration:none;background:#fcfcfc}
 .light-theme .current{background:#666;color:#FFF;border-color:#444;box-shadow:0 1px 0 rgba(255,255,255,1),0 0 2px rgba(0,0,0,0.3) inset;cursor:default}
 .light-theme .ellipse{background:0;border:0;border-radius:0;box-shadow:none;font-weight:bold;cursor:default}
 .dark-theme a,.dark-theme span{float:left;color:#CCC;font-size:14px;line-height:24px;font-weight:normal;text-align:center;border:1px solid #222;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#555;background:-moz-linear-gradient(top,#555 0,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(100%,#333));background:-webkit-linear-gradient(top,#555 0,#333 100%);background:-o-linear-gradient(top,#555 0,#333 100%);background:-ms-linear-gradient(top,#555 0,#333 100%);background:linear-gradient(top,#555 0,#333 100%)}
 .dark-theme a:hover{text-decoration:none;background:#444}
 .dark-theme .current{background:#222;color:#FFF;border-color:#000;box-shadow:0 1px 0 rgba(255,255,255,0.2),0 0 1px 1px rgba(0,0,0,0.1) inset;cursor:default}
 .dark-theme .ellipse{background:0;border:0;border-radius:0;box-shadow:none;font-weight:bold;cursor:default}


html.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* Safari 和 Chrome */
  -moz-filter: grayscale(100%);    /* Firefox */
  -ms-filter: grayscale(100%);     /* IE */
  -o-filter: grayscale(100%);      /* Opera */
}

.cq-placeholder {
    height: 0.5rem !important;
}

.cq-Overlay {
    line-height: 0.5rem !important;
}

a.no-href {
    cursor: default !important;
}

.new {
    display: none;
}

.aem-AuthorLayer-Edit .new {
    display: block;
}

.auto-link {
    color: #008ed3 !important
}

.main-nav {
    overflow-x: hidden;
}

.zte-wrap,
.dt-wrap {
    margin: auto;
    max-width: 14.4rem;
}

@font-face {
    font-family: "LovelyFont";
    src: url("../../../../content/dam/xydt/fonts/FZLANTYJW_3.TTF") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LovelyFont";
    src: url("../../../../content/dam/xydt/fonts/FZLANTYJW_3.TTF") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LovelyFont";
    src: url("../../../../content/dam/xydt/fonts/FZLANTYJW_ZHONGCU_0.TTF") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "LovelyFont";
    font-weight: 500;
}

.img-transition {
    overflow: hidden;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    width: 100%;
    height: 100%;
}

.img-transition:hover {
    transform: scale(1.1);
}

.dt-service {
    position: fixed;
    right: .08rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1999;
    width: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: pulse 2s infinite;
    height: 1.1rem;
    background: #0077ff;
    cursor: pointer;
    border-radius: .25rem;
}

.dt-service .ai {
    writing-mode: initial;
}

.dt-service>div {
    font-size: .14rem;
    color: #ffffff;
    line-height: .2rem;
    writing-mode: vertical-rl;
    white-space: nowrap;
    padding-top: .02rem;

}

.dt-service .service-2 {
    padding-top: .02rem;
}

.dt-service-container {
    position: fixed;
    top: .72rem;
    width: 6.2rem;
    height: 7.4rem;
    right: 0;
    z-index: 2000;
    display: none;
}

.dt-service-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: .5rem;
    background-color: #fff;
    background: url(../../../../content/dam/xydt/common/chat-header-bg.png) no-repeat;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
}

.dt-service-header .title {
    font-size: .16rem;
    font-weight: 700;
    line-height: .24rem;
    color: #333;
    margin-left: .16rem;
}

.dt-service-header .subtitle {
    margin-left: .04rem;
    font-size: .12rem;
    font-weight: 400;
    line-height: .18rem;
    color: #737373;
}

.dt-service-header .right {
    width: .18rem;
    line-height: .24rem;
    color: #737373;
    cursor: pointer;
}

.dt-service-container>iframe {
    width: 100%;
    height: 7rem;
    border: none;
}


.dt-to-top {
    position: fixed;
    bottom: .4rem;
    right: .08rem;
    z-index: 2000;
    width: .4rem;
    height: .4rem;
    background-color: #fff;
    box-shadow: 0 0 .15rem 0 rgba(4, 0, 0, .08);
    border-radius: 100%;
    background-size: cover;
    cursor: pointer;
}

.dt-to-top .icon {
    height: 100%;
    width: 100%;
    opacity: 0.5;
}

.dt-to-top .icon img {
    height: 100%;
    width: 100%;
}

.dt-to-top .icon:hover {
    opacity: 1;
}

.mobile-app {
    display: none;
}

.web-app {
    display: block;
}

@media screen and (max-width: 1000px) {
    .web-app {
        display: block;
    }

    .mobile-app {
        display: none;
    }
}

.pagination-container {
    display: flex;
    flex-direction: row;
    gap: .24rem;
    height: .28rem;
    flex-wrap: nowrap;
    justify-content: center;
}

.pagination-total {
    font-size: .12rem;
    color: #4d4d4d;
    line-height: .28rem;
    font-weight: 400;
}

.pagination-content {
    display: flex;
    gap: 0.08rem;
}

.pager-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .08rem;
}

.pagination-border {
    background: #ffffff;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 2px;
    font-size: .12rem;
    color: #4d4d4d;
    height: .28rem;
    width: .28rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

.pagination-border:hover {
    color: #1993ff;
    border: 1px solid rgba(25, 147, 255, 1);
}

.pagination-item {
    line-height: .28rem;
}

.page-sizes {
    text-align: left;
    width: auto;
}

.pager-container .active {
    color: #1993ff;
    background: #e6f5ff;
    border: 1px solid rgba(25, 147, 255, 1);
}

.pagination-content button:disabled {
    color: #bfbfbf;
    border: #e5e5e5;
    background-color: #f5f5f5;
    cursor: not-allowed;
}
/**PC**/
.page-privacy-title-component .privacy-center{max-width: 100%;margin: 80px 0 40px 0;}
.page-privacy-title-component .gray-bg{background-color: #f3f5f8;}
.page-privacy-title-component .white-bg{background-color: #fff;}


.page-privacy-title-component .privacy-center .pri-tit-wp{text-align: center;}
.page-privacy-title-component .privacy-center .pri-tit-wp h2{text-align: center; font-weight: normal;}
.page-privacy-title-component .privacy-center .pri-tit-wp h3{text-align: center; font-weight: normal;}
.page-privacy-title-component .privacy-center .pri-tit-wp strong{text-align: left;}
.page-privacy-title-component .privacy-center .pri-tit-wp h2.pri-tit{
    font-size:.4rem;
    color: #333333;
    font-weight: 700;
    line-height: .55rem;
    height:.55rem;
 }

.page-privacy-title-component .privacy-center .pri-tit-wp h3.pri-tit{font-size: .3rem;line-height: .3rem; color:#008de3;}
.page-privacy-title-component .privacy-center .pri-tit-wp strong.pri-tit{font-size: .3rem;line-height: .3rem;}

/**mobile**/
@media only screen and (max-width: 991px) {
  .page-privacy-title-component .privacy-center .pri-row-wp{padding-top: .6rem; }
  .page-privacy-title-component .privacy-center .pri-row-wp .pri-tit-wp{padding-bottom: .3rem;}
  .page-privacy-title-component .privacy-center .pri-row-wp .pri-tit-wp .pri-tit{font-size: .36rem; line-height: .36rem;}
  .page-privacy-title-component .privacy-center .pri-tit-wp strong{padding-left: .4rem;}
}
.page-privacy-cardFour-component .white-bg {
    background-color: #fff;
    padding-bottom: .8rem;
}

.page-privacy-cardFour-component .privacy-center .pri-list {
    display: flex;
    justify-content: flex-start;
    gap: .24rem;
    flex-wrap: nowrap;
}


.page-privacy-cardFour-component .privacy-center .pri-list a.list-item-p-1 {
    height: 100%;
    display: block;
    color: #fff;
    position: relative;
    cursor: pointer !important;
    overflow: hidden;
    border-radius: .16rem;
    width: 7.08rem;
    height: 4rem;
}


.page-privacy-cardFour-component .privacy-center .pri-list .pri-cont-info {
    position: absolute;
    left: .3rem;
    bottom: -.6rem;
    z-index: 2;
    height: 1rem;
    text-align: left;
    transition: all .25s ease-in;
     width: 6.6rem;
}

.page-privacy-cardFour-component .privacy-center .pri-list .pri-cont-info .tit {
    font-size: .24rem;
    line-height: .24rem;
    display: block;
    margin-bottom: .16rem;
    color: #fff;
    font-weight: 700;
}

.page-privacy-cardFour-component .privacy-center .pri-list .pri-cont-info .txt {
   font-size: .16rem;
    line-height: .16rem;
    margin-bottom: .16rem;
    color: #fff;
}


.page-privacy-cardFour-component .privacy-center .pri-list .pri-cont-info>img {
    height: .11rem;
    width: .16rem;
}



.page-privacy-cardFour-component .privacy-center .more-txt-1 {
    color: #fff;
    cursor: pointer !important;
    font-size: .16rem;
    margin-right: .08rem;
}


.page-privacy-cardFour-component .privacy-center img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
}

.page-privacy-cardFour-component .privacy-center .pri-list .cont-img {
    position: relative;
    z-index: 1;
}

.page-privacy-cardFour-component .privacy-center .pri-list a.list-item-p-1:hover .pri-cont-info {
    bottom: .12rem;
    height: auto;
}

.page-privacy-cardFour-component .overlay {
    position: absolute;
    bottom: 0;
    height: 2rem;
    background-image: linear-gradient(180deg, rgba(0, 5, 24, 0.00) 0%, rgba(0, 10, 46, 0.60) 100%);
    border-radius: 0px 0px .16rem .16rem;
    z-index: 1;
    width: 100%;
}


.page-card-switch-component .green-lowCarbon .mob-hide {
    display: block;
}

.page-card-switch-component .green-lowCarbon .background {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.page-card-switch-component .green-lowCarbon .background>img {
    width: 100%;
    height: 100%;
}


.page-card-switch-component .green-lowCarbon {
    position: relative;
    min-height: 7.73rem;
}

.page-card-switch-component .green-lowCarbon .green-slide {
    display: flex;
    justify-content: space-between;
    padding: .4rem 0 .6rem 0;
    height: .48rem;
    max-width: 2.16rem;
    margin: auto;
}

.page-card-switch-component .green-lowCarbon .green-slide>img {
    width: .48rem;
    cursor: pointer;
    opacity: 1;
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .img-txt {
    padding: .16rem .24rem .24rem .24rem;
    display: flex;
    gap: .16rem;
    flex-direction: column;
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .img-tit {
    font-size: .24rem;
    color: #333;
    font-weight: 700;
    line-height: .33rem;
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .desc-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .desc-icon>img {
    height: .11rem;
    width: .16rem;
    padding-left: .2rem;
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .desc {
    color: #333;
    display: block;
    font-size: .16rem;
    line-height: .22rem;
}


.page-card-switch-component .green-lowCarbon .green-news {
    overflow: hidden;
}

.page-card-switch-component .green-lowCarbon .green-news-wp {
    display: flex;
    flex-wrap: nowrap
}


.page-card-switch-component .green-lowCarbon .green-news-wp .news-box-wp {
    display: flex;
    gap: 0.24rem
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box {
    background: #fff;
    border-radius: .16rem;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    opacity: 1;
}


.page-card-switch-component .green-lowCarbon .green-news-wp .news-box.opacity {
    opacity: 0.5;
}

.page-card-switch-component .green-lowCarbon .green-news-wp .news-box .img-item {
    width: 4.64rem;
    height: 3.48rem;
    overflow: hidden;
    border-top-left-radius: 0.16rem;
    border-top-right-radius: 0.16rem;
}

.page-card-switch-component .green-lowCarbon .green-lowCarbon-title {
    text-align: center;
    font-size: .4rem;
    line-height: .55rem;
    height: .55rem;
    color: #333;
    font-weight: 700;
    position: relative;
    margin: .8rem 0 .4rem 0;
}

.page-card-switch-component .green-lowCarbon .green-slide .default{
    opacity: 0.5;
    cursor: default;
}

.page-card-switch-component .green-lowCarbon .img-transition {
    object-fit: cover;
}

/* <!-- web-top-banners --> */
.top-banner-component {
  margin-top: .7rem;
}

.top-banner-component .web-top-banners {
  overflow: hidden;
  width: 100%;
  height: 5.5rem;
  max-width: 100%;
  margin: 0 auto;
    min-height: 100px;
  /* max-height: 550px; */
}

.top-banner-component .web-top-banners .banner-mob-img {
  display: none;
}

.top-banner-component .web-top-banners .swiper-slide {
  max-width: 19.2rem;
  height: 5.5rem;
  border-radius: .3rem;
  position: relative;
  overflow: hidden;
}

.top-banner-component .web-top-banners .swiper-slide-btn {
  width: 2rem;
  height: 100%;
  background: rgb(255 255 255 / 0%);
  position: absolute;
  z-index: 20;
  transition: 0.15s linear;
  cursor: pointer;
}

.top-banner-component .web-top-banners .swiper-slide-btn .circle {
  display: none;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  box-shadow: 0 0 30px 3px rgb(170 170 170 / 10%);
  pointer-events: none;
  transition: transform 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}

.top-banner-component .web-top-banners .swiper-slide-btn-prev {
  left: 4.3rem;
}

.top-banner-component .web-top-banners .swiper-slide-btn-prev .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_left.png) no-repeat center;
  background-size: 100% 100%;
}

.top-banner-component .web-top-banners .swiper-slide-btn-next {
  right: 4.3rem;
}

.top-banner-component .web-top-banners .swiper-slide-btn-next .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_right.png) no-repeat center;
  background-size: 100% 100%;
}

.top-banner-component .web-top-banners .img img {
  width: 100%;
  height: 5.5rem;
  object-fit: cover;
  transition: transform .6s ease;
  -webkit-transition: transform .6s ease;
}

.top-banner-component .web-top-banners .web-top-banners-content {
  color: #FEFEFE;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 1.62rem;
}

.top-banner-component .web-top-banners .web-top-banners-content-title {
  font-size: .54rem;
  margin-bottom: .31rem;
  display: none;
  text-align: center;
  line-height: 1.2;
}

.top-banner-component .web-top-banners .web-top-banners-content-title>div {
  width: 100%;
  height: 0.648rem;
  overflow: hidden;
}

.top-banner-component .web-top-banners .web-top-banners-content-desc {
  display: none;
  font-size: .28rem;
  margin-bottom: .69rem;
}

.top-banner-component .web-top-banners .letter-spacing-wrap {
  display: flex;
}

.top-banner-component .web-top-banners .web-top-banners-content-none {
  display: none;
}

.top-banner-component .web-top-banners .web-top-banners-content-btn {
  width: auto;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .2rem;
  border: .01rem solid #DDDDDD;
  border-radius: .27rem;
  font-size: .2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-banner-component .web-top-banners .web-top-banners-content-btn:hover {
  background-color: #FFFFFF;
  border: .01rem solid #FFFFFF;
  color: #008ED3;
  transition: all .5s;
}

.top-banner-component .web-top-banners .right-arrow {
  margin-left: .16rem;
  font-size: .2rem;
}

.top-banner-component .web-top-banners .topBannerSwiper {
  position: relative;
}

.top-banner-component .web-top-banners .swiper-pagination-bullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  padding-bottom: .2rem;
}

.top-banner-component .web-top-banners .swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1 !important;
  margin: 0 .05rem !important;
  border-radius: .04rem;
}

.top-banner-component .web-top-banners .custom-pagination {
  width: .64rem;
  position: relative;
  background: #FFFFFD;
}

.top-banner-component .web-top-banners .custom-pagination::after {
  content: "";
  display: block;
  height: .08rem;
  border-radius: .4rem;
}

.top-banner-component .web-top-banners .custom-pagination:after {
  background-color: #008ed3;
  animation-duration: 4.85s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-name: progress;
}

@keyframes progress {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.top-banner-component .web-top-banners .no-show {
  visibility: hidden;
  height: 1.296rem;
}

@media only screen and (max-width: 1930px) and (min-width: 992px) {

  .top-banner-component .web-top-banners .swiper-slide-btn-prev {
    left: 1.05rem;
  }

  .top-banner-component .web-top-banners .swiper-slide-btn-next {
    right: 1.05rem;
  }

  .top-banner-component .web-top-banners{
    height: auto;

  }
  .top-banner-component .web-top-banners .swiper-slide {
    height: 4.8rem;
  }

  .top-banner-component .web-top-banners .img img {
    height: 4.8rem;
  }
}

@media only screen and (max-width: 992px) {

  .top-banner-component {
    margin-top: .0;
  }


  .top-banner-component .web-top-banners {
    height: 100vw;
    max-height: 100vw;
  }

  .top-banner-component .web-top-banners .swiper-slide {
    max-width: 100%;
    height: 100vw;
    border-radius: 0;
  }

  .top-banner-component .web-top-banners .banner-pc-img {
    display: none;
  }

  .top-banner-component .web-top-banners .banner-mob-img {
    display: block;
  }

  .top-banner-component .web-top-banners .img img {
    width: 100%;
    height: 100vw;
    max-height: 100vw;
    border-radius: 0;
    object-fit: fill;
    /* object-fit: cover; */
  }

  .top-banner-component .web-top-banners .web-top-banners-content-title {
    font-size: 0.48rem;
    margin-bottom: .3rem;
    display: block !important;
  }

  .top-banner-component .web-top-banners .web-top-banners-content-desc {
    display: block !important;
    font-size: 0.24rem;
    margin-bottom: 0.51rem;
  }

  .top-banner-component .web-top-banners .web-top-banners-content-none {
    display: block !important;
  }

  .top-banner-component .web-top-banners .web-top-banners-content-btn {
    height: .55rem;
    padding: 0 .25rem;
    border: .01rem solid #FFFFFF;
    border-radius: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    line-height: .55rem;
  }

  .top-banner-component .web-top-banners .web-top-banners-content-btn:hover {
    background-color: inherit;
    border: 0.01rem solid #FFFFFF;
    transition: none;
    color: inherit;
  }

  .top-banner-component .web-top-banners .right-arrow {
    margin-left: .08rem;
    font-size: .21rem;
  }

  .top-banner-component .web-top-banners .swiper-pagination-bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .26rem !important;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }

  .top-banner-component .web-top-banners .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1 !important;
    margin: 0 .04rem;
    border-radius: .04rem;
  }

  .top-banner-component .web-top-banners .custom-pagination {
    width: .08rem;
    position: relative;
    background: #FFFFFD;
  }

  .top-banner-component .web-top-banners .custom-pagination::after {
    content: "";
    display: none;
    height: 0;
    border-radius: 0;
  }

  .top-banner-component .web-top-banners .custom-pagination:after {
    background-color: rgba(255, 255, 255, 0.4);
    animation: none;
  }
}

/* <!-- web-top-banners --> */
/* <!-- web-top-banners --> */

.top-full-screen-banner-component .web-top-banners {
  width: 100%;
  height: 8rem;
  max-width: 100%;
}

.top-full-screen-banner-component .web-top-banners .topBannerSwiper {
  position: relative;
  width: auto;
  margin: 0 .24rem;
  border-radius: 0;
}

.top-full-screen-banner-component .web-top-banners .banner-mob-img {
  display: none;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide {
  height: 8rem;
  position: relative;
  overflow: hidden;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide .img img {
  width: 100%;
  height: 8rem;
  object-fit: cover;
  transition: transform .6s ease;
  -webkit-transition: transform .6s ease;
}

.top-full-screen-banner-component .web-top-banners a:hover .img img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn {
  width: 2rem;
  height: 100%;
  background: rgb(255 255 255 / 0%);
  position: absolute;
  z-index: 20;
  transition: 0.15s linear;
  cursor: pointer;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn .circle {
  display: none;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  box-shadow: 0 0 .30rem .03rem rgb(170 170 170 / 10%);
  pointer-events: none;
  transition: transform 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn-prev {
  left: 0;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn-prev .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_left.png) no-repeat center;
  background-size: 100% 100%;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn-next {
  right: 0;
}

.top-full-screen-banner-component .web-top-banners .swiper-slide-btn-next .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_right.png) no-repeat center;
  background-size: 100% 100%;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content {
  color: #FEFEFE;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 1.6rem 2.4rem 0 2.4rem;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content-title {
  font-size: .5rem;
  margin-bottom: .24rem;
  display: none;
  line-height: 1.38;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content-title>div {
  width: 100%;
  height: 0.648rem;
  overflow: hidden;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content-desc {
  font-size: .24rem;
  margin-bottom: .24rem;
}

.top-full-screen-banner-component .web-top-banners .letter-spacing-wrap {
  display: flex;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content-btn {
  width: auto;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .2rem;
  border: .02rem solid #DDDDDD;
  border-radius: .04rem;
  font-size: .16rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-full-screen-banner-component .web-top-banners .web-top-banners-content-btn:hover {
  background-color: #FFFFFF;
  border: .01rem solid #FFFFFF;
  color: #008ED3;
  transition: all .5s;
}

.top-full-screen-banner-component .web-top-banners .right-arrow {
  margin-left: .16rem;
  font-size: .2rem;
}

.top-full-screen-banner-component .web-top-banners .swiper-pagination-bullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  padding-bottom: .2rem;
}

.top-full-screen-banner-component .web-top-banners .swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1 !important;
  margin: 0 .05rem !important;
  border-radius: .04rem;
}

.top-full-screen-banner-component .web-top-banners .custom-pagination {
  width: .64rem;
  position: relative;
  background: #FFFFFD;
}

.top-full-screen-banner-component .web-top-banners .custom-pagination::after {
  content: "";
  display: block;
  height: .08rem;
  border-radius: .4rem;
}

.top-full-screen-banner-component .web-top-banners .custom-pagination:after {
  background-color: #008ed3;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-name: progress;
}

@keyframes progress {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.top-full-screen-banner-component .web-top-banners .no-show {
  visibility: hidden;
  height: 1.296rem;
}

@media only screen and (max-width: 1921px) and (min-width: 992px) {

  .top-full-screen-banner-component .web-top-banners .topBannerSwiper {
    margin: 0 .24rem;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-slide-btn-prev {
    left: 1.05rem;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-slide-btn-next {
    right: 1.05rem;
  }

  .top-full-screen-banner-component .web-top-banners {
    height: auto;

  }

  .top-full-screen-banner-component .web-top-banners .swiper-slide {
    height: 5.5rem;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-slide .img img {
    height: 5.5rem;
  }
}

@media only screen and (max-width: 992px) {

  .top-full-screen-banner-component {
    margin-top: .0;
  }


  .top-full-screen-banner-component .web-top-banners {
    height: 100vw;
    max-height: 100vw;
  }

  .top-full-screen-banner-component .web-top-banners .topBannerSwiper {
    margin: 0;
    border-radius: 0;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-slide {
    max-width: 100%;
    height: 100vw;
    border-radius: 0;
  }

  .top-full-screen-banner-component .web-top-banners .banner-pc-img {
    display: none;
  }

  .top-full-screen-banner-component .web-top-banners .banner-mob-img {
    display: block;
  }

  .top-full-screen-banner-component .web-top-banners .img img {
    width: 100%;
    height: 100vw;
    max-height: 100vw;
    border-radius: 0;
    object-fit: fill;
    /* object-fit: cover; */
  }

  .top-full-screen-banner-component .web-top-banners .web-top-banners-content-title {
    font-size: 0.48rem;
    margin-bottom: .3rem;
    display: block !important;
  }

  .top-full-screen-banner-component .web-top-banners .web-top-banners-content-desc {
    display: block !important;
    font-size: 0.24rem;
    margin-bottom: 0.51rem;
  }

  .top-full-screen-banner-component .web-top-banners .web-top-banners-content-none {
    display: block !important;
  }

  .top-full-screen-banner-component .web-top-banners .web-top-banners-content-btn {
    height: .55rem;
    padding: 0 .25rem;
    border: .01rem solid #FFFFFF;
    border-radius: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    line-height: .55rem;
  }

  .top-full-screen-banner-component .web-top-banners .web-top-banners-content-btn:hover {
    background-color: inherit;
    border: 0.01rem solid #FFFFFF;
    transition: none;
    color: inherit;
  }

  .top-full-screen-banner-component .web-top-banners .right-arrow {
    margin-left: .08rem;
    font-size: .21rem;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-pagination-bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .26rem !important;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }

  .top-full-screen-banner-component .web-top-banners .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1 !important;
    margin: 0 .04rem;
    border-radius: .04rem;
  }

  .top-full-screen-banner-component .web-top-banners .custom-pagination {
    width: .08rem;
    position: relative;
    background: #FFFFFD;
  }

  .top-full-screen-banner-component .web-top-banners .custom-pagination::after {
    content: "";
    display: none;
    height: 0;
    border-radius: 0;
  }

  .top-full-screen-banner-component .web-top-banners .custom-pagination:after {
    background-color: rgba(255, 255, 255, 0.4);
    animation: none;
  }
}

/* <!-- web-top-banners --> */
/* <!-- new-dynamic --> */
.home-news-events-component .new-dynamic {
    padding-bottom: .16rem;
    width: 100%;
}


.home-news-events-component .new-dynamic .new-dynamic-content {
    max-width: 14.40rem;
    margin: 0 auto;
}

.home-news-events-component .new-dynamic .new-dynamic-grid {
    display: flex;
    margin-bottom: .18rem;
    gap: .24rem;
}

.home-news-events-component .new-dynamic .new-dynamic-grid:last-child {
    margin-bottom: 0;
}

.home-news-events-component .new-dynamic .new-dynamic-img {
    position: relative;
}

.home-news-events-component .new-dynamic .new-dynamic-mobile {
    display: none !important;
}

.home-news-events-component .new-dynamic .new-dynamic-text {
    color: #222222;
    position: absolute;
    padding: 0 .28rem;
    transition: all ease-in-out .5s;
    bottom: 0;
    height: 0.64rem;
}

.home-news-events-component .new-dynamic .new-dynamic-text-title {
    font-size: .24rem;
    color: #FFFFFF;
    line-height: 1.2;
}

.home-news-events-component .new-dynamic .new-dynamic-text-date {
    font-size: .14rem;
    color: #DDDDDD;
    margin-bottom: .15rem;
}

.home-news-events-component .new-dynamic .ellipsis-one {
    display: flex;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.home-news-events-component .new-dynamic .new-dynamic-text-title sup {
    font-size: .16rem;
    vertical-align: super;
}

.home-news-events-component .new-dynamic .ellipsis-two {
    display: flex;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.home-news-events-component .new-dynamic .new-dynamic-text-desc {
    font-size: .18rem;
    color: #DDDDDD;
    margin-top: .15rem;
}

.home-news-events-component .new-dynamic .new-dynamic-content .new-dynamic-img img {
    display: block;
    margin: 0 auto;
    height: 3.74rem;
    width: 100%;
    object-fit: cover;
    z-index: -2;
}

.home-news-events-component .new-dynamic .new-dynamic-img {
    overflow: hidden;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    border-radius: .16rem;
    z-index: -1;
}

.home-news-events-component .new-dynamic a:hover img {
    transform: none;
}

.home-news-events-component .new-dynamic .new-dynamic-item:hover .new-dynamic-img img {
    transform: scale(1.1);
    cursor: pointer;
}

.home-news-events-component .new-dynamic .dynamic-item-big {
    width: 9.64rem;
}

.home-news-events-component .new-dynamic .dynamic-item-small {
    width: 4.52rem;
}

.home-news-events-component .new-dynamic .new-dynamic-item {
    position: relative;
    overflow: hidden;
}

.home-news-events-component .new-dynamic .new-dynamic-item>a {
    cursor: pointer;
}

.home-news-events-component .new-dynamic .new-dynamic-item:hover a {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.home-news-events-component .new-dynamic .new-dynamic-item:hover .img {
    transform: scale(1.1);
}

.home-news-events-component .new-dynamic .btn-wrap {
    display: inline-block;
}

.home-news-events-component .new-dynamic .new-dynamic-btn {
    margin-top: .12rem;
    font-size: .18rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-news-events-component .new-dynamic .new-dynamic-btn:hover {
    background-color: transparent !important;
}


.home-news-events-component .new-dynamic .new-dynamic-item:hover .new-dynamic-hr {
    display: none;
}

.home-news-events-component .new-dynamic .new-dynamic-hr {
    height: .08rem;
}

.home-news-events-component .new-dynamic .right-arrow-small {
    margin-left: .16rem;
    font-size: .2rem;
}

.home-news-events-component .new-dynamic .more-link {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
    line-height: 40px;
    margin-top: 32px;
}


.home-news-events-component .new-dynamic .more-link .link-button {
    width: 1.6rem;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid rgba(26, 26, 26, 1);
    border-radius: .04rem;
    font-size: .16rem;
    color: #1A1A1A;
    text-align: center;
    font-weight: 500;
    gap:0.085rem;
    cursor: pointer;
}

.home-news-events-component .new-dynamic .more-link .link-button>div {
    line-height: 22px
}

.home-news-events-component .new-dynamic .more-link .link-button>img {
    height:11px;
    width:.16rem;

}

.home-news-events-component .new-dynamic .more-link .link-button .arrow-hover {
    display: none;
}


.home-news-events-component .new-dynamic .more-link .link-button:hover {
    background-color: #0077ff;
    border: .01rem solid #0077ff;
    color: #fff;
    transition: all .5s;
}

.home-news-events-component .new-dynamic .more-link .link-button:hover .arrow {
    display: none;
}

.home-news-events-component .new-dynamic .more-link .link-button:hover .arrow-hover {
    display: block;
}


.home-news-events-component .overlay {
    position: absolute;
    bottom: 0;
    height: 2rem;
    background-image: linear-gradient(180deg, rgba(0, 5, 24, 0.00) 0%, rgba(0, 10, 46, 0.60) 100%);
    border-radius: 0px 0px .16rem .16rem;
    z-index: -1;
    width: 100%;
}





@media only screen and (max-width: 991.98px) {

    .home-news-events-component .new-dynamic {
        padding-bottom: .64rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-pc {
        display: none !important;
    }

    .home-news-events-component .new-dynamic .new-dynamic-mobile {
        display: block !important;
    }

    .home-news-events-component .new-dynamic .new-dynamic-text-date {
        font-size: 0.18rem;
        margin-bottom: 0.19rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-title {
        font-size: 0.36rem;
        margin-bottom: .29rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-content {
        display: flex;
        flex-direction: column;
        padding: 0 0.5rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-grid {
        flex-direction: column;
    }

    .home-news-events-component .new-dynamic .dynamic-item-small,
    .home-news-events-component .new-dynamic .dynamic-item-big {
        width: 100%;
    }

    .home-news-events-component .new-dynamic .new-dynamic-grid,
    .home-news-events-component .new-dynamic .new-dynamic-item:first-child {
        margin-bottom: 0.19rem;
    }

    .home-news-events-component .new-dynamic .dynamic-item-right {
        margin-right: 0;
    }

    .home-news-events-component .new-dynamic .new-dynamic-content .new-dynamic-img img {
        height: calc((100% - .5rem) * 0.5370);
        border-radius: 0.4rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-btn {
        display: none;
    }

    .home-news-events-component .new-dynamic .new-dynamic-item:hover .new-dynamic-img img {
        transform: none;
        cursor: auto;
    }

    .home-news-events-component .new-dynamic .new-dynamic-item:hover {
        cursor: auto;
        border-radius: 0;
        background-image: none;
    }

    .home-news-events-component .new-dynamic .new-dynamic-hr {
        display: none;
    }

    .home-news-events-component .new-dynamic .new-dynamic-item:hover .new-dynamic-text {
        bottom: 0.1rem;
        transition: none;
    }

    .home-news-events-component .new-dynamic .new-dynamic-text {
        bottom: 0.1rem;
        padding: 0 0.32rem;
        transition: none;
    }

    .home-news-events-component .new-dynamic .new-dynamic-text-title {
        font-size: 0.28rem;
    }

    .home-news-events-component .new-dynamic .new-dynamic-text-desc {
        font-size: 0.22rem;
        margin-top: 0.15rem;
        line-height: 1.5;
    }
}

/* <!-- new-dynamic --> */
.page-privacy-banner-component {background-color:#f3f5f8;}
.page-privacy-banner-component .gray-bg{ background-color: #f3f5f8;}
.page-privacy-banner-component .white-bg{background-color: #fff;}
.page-privacy-banner-component .privacy-center { max-width: 100%; margin: auto;}
.page-privacy-banner-component .main-banner{width:100%;overflow: hidden; position: relative; margin:0 auto;}
.page-privacy-banner-component .privacy-center .home-banner{ height:4.8rem;}
.page-privacy-banner-component .privacy-center .home-banner .banner-img img{ height:4.8rem; object-fit: cover; }
.page-privacy-banner-component .privacy-center .page-banner{ height:4.2rem;}
.page-privacy-banner-component .privacy-center .page-banner .banner-img img{ height: 4.2rem; object-fit: cover;transition:none; }
.page-privacy-banner-component .privacy-center .banner-info{ width:14.4rem; position: absolute;   top: 50%;   left: 50%;text-align: center; transform: translate(-50%, -50%); z-index: 2;}
.page-privacy-banner-component .privacy-center .banner-info .ban-info-img{ width: 1.88rem; height: .66rem; margin-bottom: .57rem;}
.page-privacy-banner-component .privacy-center .banner-info .ban-tit{ 
    line-height: .55rem;
    font-size: .4rem;
    color: #333333;
    font-weight: 700;
}
.page-privacy-banner-component .privacy-center.white-bg .banner-info .ban-tit{ 
    color: #fff;
}
.page-privacy-banner-component .privacy-center.white-bg .banner-info.fc-black .ban-tit{ 
    color: #333;
}
.page-privacy-banner-component .privacy-center .banner-info .ban-txt{ font-size: .18rem; color:#666; line-height: .36rem; margin-top: .32rem;}
.page-privacy-banner-component .privacy-center .page-banner .banner-info .ban-txt{ line-height: .36rem;}
.page-privacy-banner-component .privacy-center .banner-info.fc-white .ban-txt{ color: #fff;}
.page-privacy-banner-component .privacy-center .banner-info.fc-black .ban-txt{ color: #333;}
.page-privacy-banner-component .privacy-center .banner-info.align-left{text-align: left;}
.page-privacy-banner-component .privacy-center .banner-info .btn-click{margin-top: .2rem;height: 0.4rem;font-size: .16rem;line-height: .4rem;border: 1px solid #3292FF;text-align: center;color: #fff;display: inline-block;padding:0 .1rem;background-color:#3292FF;width:1.8rem;}
.page-privacy-banner-component .privacy-center #industry-customers .banner-img {max-width:1440px; margin:auto; }
.page-privacy-banner-component .privacy-center #industry-customers .banner-img img{height:4.8rem;object-fit: contain;}
.page-privacy-banner-component .privacy-center #xydigit-banner {height:6.68rem}
.page-privacy-banner-component .privacy-center #xydigit-banner .banner-img img{height:6.68rem}
.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info {
    font-size: .4rem; 
    color: #FFFFFF;
    text-align: center;
}
.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info .ban-txt {
    margin-top: .12rem;
    font-size: .4rem;
    color: #FFFFFF;
    text-align: center;
}


.page-privacy-banner-component .privacy-center #infrastructure-banner .banner-info .ban-tit,
.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info .ban-tit,
.page-privacy-banner-component .privacy-center #dt-office .banner-info .ban-tit {
    color: #FFFFFF;
}

.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info .btn-click {
    margin-top: 1.16rem;
    height: .4rem;
    font-size: .16rem;
    line-height: .4rem;
    border: 1px solid #0077ff;
    text-align: center;
    color: #fff;
    display: flex;
    padding: 0;
    background-color: #0077ff;
    width: 1.6rem;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    gap: 0.045rem;
}

.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info .btn-click>span {
  line-height:.22rem;
  display: inline-block;
  padding-right:0.045rem;
  cursor: pointer;
}
.page-privacy-banner-component .privacy-center #xydigit-banner .banner-info .btn-click .arrow-hover {
  height:.11rem;
  width: .16rem;
  cursor: pointer;
}


.page-privacy-banner-component .mob-hide{ display: block;}
.page-privacy-banner-component .mob-show{ display: none;}
.page-privacy-banner-component .zte-certification { max-width: 100%; margin: auto;}
.page-privacy-banner-component .zte-certification img{ width: 100%; vertical-align: middle;}
.page-privacy-banner-component .zte-certification .home-banner{ height:4.2rem;}
.page-privacy-banner-component .zte-certification .home-banner .banner-img img{ height: 4.2rem; object-fit: cover; }
.page-privacy-banner-component .zte-certification .page-banner{ height:3.2rem;}
.page-privacy-banner-component .zte-certification .page-banner .banner-img img{ height: 3.2rem; object-fit: cover;transition:none; }
.page-privacy-banner-component .zte-certification .main-banner .banner-img img:hover{ transform: none;}
.page-privacy-banner-component .zte-certification .banner-info{ width:13.14rem; position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); text-align: center; color: #222;}
.page-privacy-banner-component .zte-certification .banner-info .ban-info-img{ width: 1.88rem; height: .66rem; margin-bottom: .57rem;}
.page-privacy-banner-component .zte-certification .banner-info .ban-tit{ font-size: .4rem; color:#000; font-weight: normal;}
.page-privacy-banner-component .zte-certification .banner-info .ban-txt{ font-size: .18rem; color:#666; margin-bottom: .2rem; line-height: .36rem;}
.page-privacy-banner-component .zte-certification .banner-info .btn-click{margin-top: .2rem;height: 0.4rem;font-size: .16rem;line-height: .4rem;border: 1px solid #fff;border-radius: .3rem;text-align: center;color: #fff;display: inline-block;padding:0 .1rem;}
.page-privacy-banner-component .zte-certification .banner-info .btn-click.cn-width{min-width: 2rem;}
.page-privacy-banner-component .zte-certification .banner-info .btn-click.en-width{min-width: 3rem;}
.page-privacy-banner-component .zte-certification .banner-info.fc-white .ban-tit{ color: #fff;}
.page-privacy-banner-component .zte-certification .banner-info.fc-white .ban-txt{ color: #fff;}
.page-privacy-banner-component .zte-certification .banner-info.align-left{text-align: left;}
.page-privacy-banner-component .zte-certification .page-banner .banner-info p{ line-height: .36rem;}





@media only screen and (max-width: 991px) {
    .page-privacy-banner-component .mob-hide{display: none!important;}
    .page-privacy-banner-component .mob-show{display: block!important;}
    .page-privacy-banner-component .privacy-center .main-banner {height: 7.5rem;}
    .page-privacy-banner-component .privacy-center .main-banner .banner-info{width: 100%; left: 50%; top: .6rem; transform: translate(-50%, 0); text-align: center; padding: 0 .88rem; box-sizing: border-box;}
    .page-privacy-banner-component .privacy-center .main-banner .banner-info .ban-info-img{margin: 0 auto .5rem;}
    .page-privacy-banner-component .privacy-center .main-banner .banner-info .ban-tit{margin-bottom: .43rem; font-size: .56rem; height: .56rem; line-height: .54rem;}
    .page-privacy-banner-component .privacy-center .main-banner .banner-info .ban-txt{font-size: .22rem; line-height: .4rem; color: #666;}
    .page-privacy-banner-component .privacy-center .main-banner .banner-img,.page-privacy-banner-component .privacy-center .main-banner .banner-img img{height: 7.5rem;}

    .page-privacy-banner-component .zte-certification .main-banner {height: 4.2rem; margin-bottom: 0;}
    .page-privacy-banner-component .zte-certification .main-banner .banner-img,.zte-certification .main-banner .banner-img img{height: 4.2rem;}
    .page-privacy-banner-component .zte-certification .main-banner .banner-info{width: 100%; padding: 0 .4rem; box-sizing: border-box; text-align: left;}

    .page-privacy-banner-component .zte-certification .page-banner .banner-img img{height:100%;}

}
/* <!-- web-top-banners --> */

.dt-full-screen-banner-component .web-top-banners {
    width: 100%;
    height: 8rem;
    max-width: 100%;
}

.dt-full-screen-banner-component .web-top-banners .topBannerSwiper {
    position: relative;
    width: auto;
    border-radius: 0;
    height: 100%;
}

.dt-full-screen-banner-component .centerTitle {
    color: #fefefe;
    position: absolute;
    top: 11%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.6rem 2.4rem 0 2.4rem;
}

.dt-full-screen-banner-component .web-top-banners .banner-mob-img {
    display: none;
}

.dt-full-screen-banner-component .web-top-banners .swiper-slide {
    position: relative;
    overflow: hidden;
}

.dt-full-screen-banner-component .web-top-banners .swiper-slide .img {
    height: 100%;
}

.dt-full-screen-banner-component .web-top-banners .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content {
    color: #fefefe;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    bottom: 0;
    justify-content: center;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-title {
    font-size: 0.5rem;
    margin-bottom: 0.24rem;
    color: #333;
    font-weight: 500;
    height: 0.69rem;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-white-content-title {
    font-size: 0.4rem;
    color: #ffffff;
    text-shadow: 0 0 0.28rem rgba(0, 27, 59, 0.05);
    font-weight: 700;
}

.dt-full-screen-banner-component .web-top-banners .whiteCenterTitle {
    position: absolute;
    top: 27%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.6rem 2.4rem 0 2.4rem;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-title>div {
    width: 100%;
    height: 0.648rem;
    overflow: hidden;
}

.dt-full-screen-banner-component .web-top-banners.height-auto .web-top-banners-content-title>div {
    height: auto;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-desc {
    font-size: 0.24rem;
    margin-bottom: 0.24rem;
}

.dt-full-screen-banner-component .web-top-banners .letter-spacing-wrap {
    display: flex;
    align-items: center;
}

.dt-full-screen-banner-component .web-top-banners .letter-spacing-wrap .letter-spacing {
    font-size: 0.24rem;
    color: #1a1a1a;
    line-height: 0.4rem;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn {
    width: 1.6rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(26, 26, 26, 1);
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: #1a1a1a;
    text-align: center;
    font-weight: 500;
    gap: 0.085rem;
    cursor: pointer;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn>label {
    line-height: 0.22rem;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn .arrow-hover {
    display: none;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn:hover {
    background-color: #0077ff;
    border: 0.01rem solid #0077ff;
    color: #fff;
    transition: all 0.25s;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn:hover .arrow {
    display: none;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn:hover .arrow-hover {
    display: block;
}

.dt-full-screen-banner-component .web-top-banners .web-top-banners-content-btn>img {
    height: 0.11rem;
    width: 0.16rem;
}

.dt-full-screen-banner-component .web-top-banners a:hover img {
    transform: none;
}

.dt-full-screen-banner-component .web-top-banners .no-show {
    visibility: hidden;
    height: 1.296rem;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth {
    height: 4.56rem;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-title {
    font-size: 0.28rem;
    color: #1a1a1a;
    line-height: 0.42rem;
    font-weight: 700;
    margin-bottom: 0.28rem;
    height: 0.42rem;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-title>div {
    height: auto;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .letter-spacing-wrap .letter-spacing {
    font-size: 0.16rem;
    color: #1a1a1a;
    text-align: justify;
    line-height: 0.32rem;
    width: 8rem;
    margin-bottom: 0.2rem;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-desc {
    margin-bottom: 0;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-btn {
    height: 0.5rem;
    width: 1.48rem;
    background: #0077ff;
    color: #fff;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-btn .arrow {
    display: none;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-btn .arrow-hover {
    display: block;
}

.dt-full-screen-banner-component .web-top-banners.new-start-auth .web-top-banners-content-btn {
    border: none;
}

.dt-full-screen-banner-component .web-top-banners.home .web-top-banners-content-title {
    color: #1a1a1a;
    font-weight: 700;
}
.page-titleAndDesc-component .white-bg{background-color: #fff;}
.page-titleAndDesc-component .privacy-center { max-width: 100%;}
.page-titleAndDesc-component .privacy-center.top-line{border-top:1px solid #ccc;}
.page-titleAndDesc-component .privacy-center.bottom-line{border-bottom:1px solid #ccc;}
.page-titleAndDesc-component .pri-row-wp{max-width: 19.2rem;margin: auto; padding-top: .8rem;}

.page-titleAndDesc-component .privacy-center .pri-tit-wp{ padding-bottom: .4rem;display: flex;flex-wrap: wrap;justify-content: center;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp.paddingBottom00{padding-bottom: 0;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp.paddingBottom40{padding-bottom: .4rem;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp.paddingBottom60{padding-bottom: .6rem;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp .pri-tit{ width: 100%;text-align: center; font-weight: 700;font-size: .40rem;color: #333333}
.page-titleAndDesc-component .privacy-center .pri-tit-wp .pri-subTitle{width: 100%;font-size: .24rem;color: #333333;text-align: center;font-weight: 500;margin-top: .4rem;margin-bottom: .16rem;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp .txt{ font-size:.18rem; margin-top:.24rem; text-align:center;text-shadow: 0 0 .28rem rgba(0,27,59,0.05);color: #1A1A1A;font-weight: 500;line-height: 0.32rem;}
.page-titleAndDesc-component .privacy-center .pri-tit-wp .contentTxt {width: 10rem;font-size:.18rem;font-weight: 500; margin-top:.24rem; text-align:center; color: #1A1A1A;line-height: .32rem}
.page-titleAndDesc-component .privacy-center .pri-tit-wp .contentTxtLong {font-size:.18rem;font-weight: 500; margin-top:.24rem; text-align:center; color: #1A1A1A;line-height: .32rem}

.page-titleAndDesc-component .pri-image{
    margin-top: .4rem;
    width: 10rem;
    height: 3.57rem;
    overflow: hidden;

}
.page-titleAndDesc-component .pri-image .pri-image-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.page-titleAndDesc-component .pri-image .pri-image-img:hover{
    transform: scale(1.1);           
}

.page-titleAndDesc-component .pri-secImage{
    margin-top: .8rem;
    width: 10rem;
    height: 6.47rem;
    overflow: hidden;
}
.page-titleAndDesc-component .pri-secImage .pri-secImage-img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.6s ease-in-out;
      -webkit-transition: all 0.6s ease-in-out;

}

.page-titleAndDesc-component .pri-secImage .pri-secImage-img:hover{
    transform: scale(1.1);           
}
.page-titleAndDesc-component .items-list{
  display: flex;
  padding-bottom: 0.8rem
}

    .page-titleAndDesc-component .items-sec-list{
          display: grid;
          grid-template-columns: repeat(3, 4.8rem);
          gap: 0.24rem;
          grid-auto-rows: 3rem;
          justify-content: start;
          grid-auto-rows: minmax(3rem, auto);
          grid-auto-flow: row dense;
          margin-bottom: .4rem
    }
    .page-titleAndDesc-component .sec-page-item-content{
      text-align: center
    }
    .page-titleAndDesc-component .item-sec-icon{
      width: .88rem;
      height: .88rem;
      object-fit: cover;
      margin-top: .32rem

    }
    .page-titleAndDesc-component .item-sec-title{
        font-size: .32rem;
        color: #1A1A1A;
        text-align: center;
        font-weight: 700;
        margin: .24rem 0

    }
    .page-titleAndDesc-component .item-sec-desc{
         font-size: .16rem;
         color: #1A1A1A;
         line-height: .24rem;
         text-align: left;
         margin-bottom: .4rem
    }

.page-titleAndDesc-component .items-list-item{
    flex: 1;
    width: 3.6rem;
    height: 3.56rem;
    background: rgba(255,255,255,0.00);
    text-align: center;
}
    .page-titleAndDesc-component .items-list-item .item-icon{
      width: .88rem;
      height: .88rem;
      object-fit: cover;
      margin-top: .32rem
    }
    .page-titleAndDesc-component .items-list-item .item-content{
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .page-titleAndDesc-component .items-list-item .item-title{
      font-size: .32rem;
      color: #333333;
      text-align: center;
      margin: .4rem 0
    }
    .page-titleAndDesc-component .items-list-item .item-desc{
      width: 3.12rem;
      font-size: .16rem;
      color: #1A1A1A;
      line-height: .32rem;
      text-align: left
    }


.industry-solutions-container {
    background-color: #f3f5f8;
    padding: .79rem 0 1rem;
    font-weight: 400;
}

.industry-solutions-container img {
    width: 100%;
    height: 100%;
}

.industry-solutions-title {
    color: #222222;
    font-size: .36rem;
    text-align: center;
    max-width: 13.14rem;
    margin: 0 auto;
}

.industry-solutions-content {
    display: flex;
    margin-top: .36rem;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 5.05rem;
    max-width: 13.14rem;
    margin: .36rem auto 0;
}

.industry-solutions-img {
    position: absolute;
}

.industry-solutions-item-title {
    color: #FFFFFF;
    font-size: .24rem;
    width: 1em;
    line-height: 1.5;
    word-wrap: break-word;
}

.industry-solutions-item-desc {
    display: none;
    color: #DDDDDD;
    line-height: .26rem;
    font-size: .16rem;
    margin-top: .18rem;
    margin-bottom: .24rem;
    width: 4.1rem;
    box-sizing: border-box;
}

.industry-solutions-item-icon {
    align-items: center;
    color: #FFFFFF;
    font-size: .16rem;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 0.2rem;
    padding-top: -2rem;
    position: relative;
    top: 2rem;
    width: 1em;
    line-height: 1.5;
    word-wrap: break-word;
}

.industry-solutions-item-icon i {
    font-size: .08rem;
    padding-left: .08rem;
    margin-top: .01rem;
    transition: padding-left .5s;
}

.industry-solutions-item-icon:hover div {
    text-underline-offset: 2px;
    text-decoration: underline;
}

.industry-solutions-item-icon:hover i {
    padding-left: .12rem;
}

.industry-solutions-item-more {
    padding-left: .16rem;

}

.industry-solutions-item-more-select {
    padding-left: .36rem;
    margin-bottom: 2rem
}

.industry-solutions-item {
    width: 1.62rem;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .1);
    z-index: 10;
    padding-bottom: .24rem;
    display: flex;
    flex-direction: column-reverse;
    cursor: pointer !important;
    overflow: hidden;
}

.industry-solutions-item-big {
    width: 5.04rem;
}

.industry-solutions-item-select {
    background-color: rgba(255, 255, 255, 0);
}

.industry-solutions-item:not(:last-of-type) {
    border-right: 1px solid rgba(255, 255, 255, .5);
}

.industry-solutions-container .ellipsis-one {
    display: flex !important;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.industry-solutions-container .for-pc {
    display:block !important;
}

.industry-solutions-container .for-mobile {
    display:none !important;
}

.industry-solutions-container .industry-no-sliding {
    margin: .36rem auto 0;
}

.industry-solutions-container .industry-no-sliding .industry-solutions-item-big {
    width: 100%;
}

.industry-solutions-container .industry-no-sliding .industry-solutions-item-more {
    width: 5.04rem;
}

.industry-solutions-container .industry-solutions-item-more-select .industry-solutions-item-desc {
    display: block;
}

.industry-solutions-container .industry-solutions-item-more-select .industry-solutions-item-icon {
    display: flex;
}

.industry-solutions-container .beyond-hiding {
    display: none!important;
}

@media only screen and (max-width:991.98px) {
    .industry-solutions-container {
        padding: .66rem .4rem .84rem .4rem;
    }

    .industry-solutions-container .for-pc{
        display:none !important;
    }

    .industry-solutions-container .for-mobile {
        display:block !important;
    }

    .industry-solutions-content {
        width: 100%;
        height: 100%;
        flex-direction: column;
        margin-top: .24rem;
    }

    .industry-solutions-item {
        flex-direction: row;
        width: 100%;
        padding-bottom: 0;
    }

    .industry-solutions-item:not(:last-child) {
        border-right: none;
    }

    .industry-solutions-item:not(:last-of-type) {
        margin-bottom: .2rem;
    }

    .industry-solutions-item-mobile-img {
        flex: 0 0 2.4rem;
        height: 2.4rem;
        border-radius: .3rem 0 0 .3rem;
    }

    .industry-solutions-item:hover .industry-solutions-item-mobile-img img {
        transform: none;
    }

    .industry-solutions-item-more,
    .industry-solutions-item-more-select {
        padding-left: .22rem;
        background-color: #FFFFFF;
        border-radius: 0 .3rem .3rem 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: .4rem;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .industry-solutions-item-title {
        font-size: .3rem;
        color: #222222;
    }

    .industry-solutions-item-desc {
        font-size: .22rem;
        line-height: .34rem;
        color: #666666;
        margin-top: .16rem;
        margin-bottom: 0;
        width: 100%;
        display: block !important;
    }

    .industry-solutions-item-icon {
        display: none;
    }

    .industry-solutions-container .ellipsis-four {
        display: flex !important;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .industry-solutions-container .industry-no-sliding {
        margin-top: 0.24rem;
    }

    .industry-solutions-container .industry-solutions-item-more-select .industry-solutions-item-icon {
        display: none;
    }

    .industry-solutions-container .industry-no-sliding .industry-solutions-item-more {
        width: auto;
    }
}
.left-text-right-img-component {
	position: relative;
}
.left-text-right-img-component .bg-image {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.left-text-right-img-component .bg-image.is-hidden { display: none; }
.left-text-right-img-component .content-section {
	z-index: 2;
}
.left-text-right-img-component .item-container .item-list {
	display: flex;
    padding: .48rem .36rem;
}
.left-text-right-img-component .item-container .item-list.has-bg-image {
	padding:  2rem 0;
}
.left-text-right-img-component .item-container .content-item {
    display: flex;
    align-items: center;
    width: 50%;
    border-radius: .1rem;
    overflow: hidden;
}
.left-text-right-img-component .item-container .content-item.no-radius {
	border-radius: unset;
 }
.left-text-right-img-component .item-container .content-item .text-container {
	padding-right: 1.3rem;
}
.left-text-right-img-component .item-container .content-item .text-container h3 {
	font-size: .28rem;
    color: #1a1a1a;
    line-height: .42rem;
    font-weight: 700;
}
.left-text-right-img-component .item-container .content-item .text-container h3.sub-title {
	font-size: .2rem;
    color: #4d4d4d;
    line-height: .24rem;
}
.left-text-right-img-component .item-container .content-item .text-container h4 {
	margin-top: .24rem;
    font-size: .16rem;
    color: #1a1a1a;
    line-height: .24rem;
}
.left-text-right-img-component .item-container .content-item .text-container .info-button {
   height: .5rem;
    width: 1.48rem;
    display: inline-flex;
	justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #0077ff;
    color: #fff;
    font-size: .16rem;
    font-weight: 700;
    cursor: pointer;
    margin-top: .24rem;
}
.left-text-right-img-component .item-container .content-item .text-container .info-button:hover {
	background: #0062D3;
}
.left-text-right-img-component .item-container .content-item .text-container .info-button img {
	width: .16rem;
    height: .11rem;
    margin-left: .08rem;
}
.page-t-banner .conn .search {
  width: 4.5rem;
  height: .52rem;
  background: #FFFFFF;
  margin: .4rem auto 0;
  border-radius: .3rem;
}

.product-list-component .t-banner h2 {
  font-weight: 400;
}

.page-t-banner .conn .search input {
  line-height: .52rem;
  padding: 0 .15rem;
  border-radius: .3rem;
}

.page-t-banner .conn .search .btn-search {
  width: .52rem;
  height: .52rem;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-search.png) no-repeat center;
  background-size: 40%;
  cursor: pointer;
}


.zte-proSearch-header {
  background-color: #f4f5f9;
  border-radius: .3rem;
}

.zte-proSearch-header .header-swiper {
  background: #f7f8fa;
  width: 4.65rem;
  position: relative;
  height: auto;
  margin: .2rem;
  box-sizing: border-box;
  border-radius: .3rem;
  overflow: hidden;
  display: flex;
}

.zte-proSearch-header .header-info {
  margin: .2rem;
  height: 3.25rem;
  overflow-y: scroll;
}

.zte-proSearch-header .header-info::-webkit-scrollbar {
  width: 6px;
  height: 90%;
  display: block
}

.zte-proSearch-header .header-info::-webkit-scrollbar-track {
  border-radius: .5rem
}

.zte-proSearch-header .header-info::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: .5rem
}

.zte-proSearch-header .header-info .desc {
  font-size: .16rem;
  line-height: .3rem;
  text-align: justify;
}

.zte-proSearch-header .header-swiper .swiper-wrapper .swiper-slide {
  width: 4.65rem;
  height: 3.25rem;
  object-fit: cover;
  cursor: pointer;
  background: #fff;
}

.zte-proSearch-header .header-swiper .swiper-wrapper .swiper-slide .img-dv {
  width: 100%;
  height: 100%;
}

.zte-proSearch-header .header-swiper .swiper-wrapper .swiper-slide .img-dv .zte-preview-statistics {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail .zte-proSearch-detail.h3-s p {
  font-size: .16rem;
  line-height: .3rem;
  color: #222;
}

.zte-proSearch-header .header-img {
  width: 4rem;
  height: 4rem;
  margin-right: 4.5%;
  /* background: #F6F7FB; */
}

.zte-proSearch-header .header-swiper .pagination {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.zte-proSearch-header .header-swiper .icon-enlarge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 57px;
  height: 50px;
  pointer-events: none;
  z-index: 1;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-enlarge.png) no-repeat center;
}

.zte-proSearch-header .header-swiper .pagination.btn-prev {
  width: .5rem;
  height: .5rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-header .header-swiper .pagination.btn-prev:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev-h.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-header .header-swiper .pagination.btn-next {
  width: .5rem;
  height: .5rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-header .header-swiper .pagination.btn-next:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next-h.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-header .header-swiper .swiper-pagination {
  position: absolute;
  /*left: auto;*/
  height: 20px;
  top: auto;
  bottom: 0;
}

.zte-proSearch-header .header-swiper .pagination .swiper-pagination span {
  margin: 5px 15px;
  width: 6px;
  transform: scale(1);
  -webkit-transform: scale(1);
  height: 6px;
  background: #c5c5c5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border: none;
  border-radius: 100%;
  opacity: 1;
  vertical-align: middle;
  position: relative;
}

.zte-proSearch-header .header-swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: rgba(0, 143, 213, 1);
}

.zte-proSearch-header .header-swiper .swiper-pagination span.swiper-pagination-bullet-active:after {
  content: ' ';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 143, 213, 1);
  border-left: 1px solid #fff;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 100%;
  box-sizing: border-box;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.zte-proSearch-header .header-info .tit {
  padding: 10px 0;
  font-weight: bold;
}

.zte-proSearch-header .header-info .stit {
  font-weight: bold;
}

.zte-proSearch-nav {
  display: none;
  background: #fff;
  height: 42px;
  width: 100%;
}

.zte-proSearch-nav .main .item {
  margin: 0 60px;
  font-size: 16px;
  color: #333;
  border-bottom: 3px solid #fff;
  padding: 10px 0;
  display: inline-block;
  box-sizing: border-box;
  height: 42px;
}

.zte-proSearch-nav .main .item.active {
  color: #008ED3;
  border-bottom: 3px solid #008ED3;
}

.zte-proSearch-nav.fixTop .main {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 51;
  height: 42px;
  box-shadow: 0 9px 18px 0 rgba(194, 203, 212, 0.5);
}

.zte-proSearch-proinfo table {
  width: 100%;
}

.zte-proSearch-proinfo th {
  background: #CCCCCC;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-align: left;
}

.zte-proSearch-proinfo td {
  background: #F0F0F0;
  padding: 20px;
  font-size: 16px;
  line-height: 28px;
  color: #333;
  border-right: 1px solid #c9c9c9;
}

.zte-proSearch-proinfo td:last-child {
  border: none;
}

.zte-proSearch-proinfo tr:nth-child(2n) td {
  background: #fff;
}

.zte-proSearch-detail {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.zte-proSearch-detail:after {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 150px;
  content: ' ';
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.zte-proSearch-detail.open:after {
  display: none;
}

.zte-proSearch-detail img {
  max-width: 100%;
  height: auto !important;
  display: block;
}

.zte-proSearch-down .item {
  width: 100%;
  height: 130px;
  background: #F6F7FB;
  padding: 0 20px;
  box-sizing: border-box;
}

.zte-proSearch-down .item .info {
  margin-left: 17px;
  flex: 1;
}

.detail-more {
  width: 200px;
  height: 53px;
  border: 1px solid #333333;
  border-radius: 3px;
}

.zte-proSearch-down .item .opt {
  margin-top: 5px;
  display: flex;
  padding: 0 20px;
  font-size: 16px;
  justify-content: flex-end;
}

.zte-proSearch-down .item .opt i {
  font-style: normal;
  position: relative;
  margin-left: 20px;
}

.zte-proSearch-down .item .opt i a {
  color: rgba(51, 51, 51, 1);
  padding-left: 24px;
}

.zte-proSearch-down .item .opt i:hover a {
  color: #008ED3;
}

.zte-proSearch-down .item .opt i:nth-child(1)::before {
  position: absolute;
  display: block;
  content: " ";
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-view.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  pointer-events: none;
  -webkit-filter: grayscale(100%) brightness(60%);
  filter: grayscale(100%) brightness(60%);
  top: 3px;
}

.zte-proSearch-down .item .opt i:nth-child(2)::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: " ";
  left: 2px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-down.png) no-repeat center;
  background-size: contain;
  -webkit-filter: grayscale(100%) brightness(60%);
  filter: grayscale(100%) brightness(60%);
  top: 3px;
}

.zte-proSearch-down .item .opt i:hover::before {
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-down .pagination {
  position: relative;
  margin: 30px auto 0;
  width: 180px;
}

.zte-proSearch-down .pagination .cont {
  width: 100px;
  height: 20px;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}

.zte-proSearch-down .pagination .btn-prev {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-down .pagination .btn-prev:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev-h.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-down .pagination .btn-next {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next.png) no-repeat center;
  background-size: 9px auto;
}

.zte-proSearch-down .pagination .btn-next:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next-h.png) no-repeat center;
  background-size: 9px auto;
}


.pswp__zoom-wrap .pswp__img {
  height: auto !important;
  position: relative;
  top: 0;
}

.pswp__zoom-wrap .pswp__img.pswp__img--placeholder {
  display: none;
}

.pswp--animated-in .pswp__zoom-wrap .pswp__close {
  display: none;
}

.zte-proSearch-down .pagination .btn-next.swiper-button-disabled {
  cursor: auto !important;
  opacity: 0.5;
  background-image: url(../../../../etc/designs/zte-site/images/icon/icon-next.png) !important;
}

.zte-proSearch-down .pagination .btn-prev.swiper-button-disabled {
  cursor: auto !important;
  opacity: 0.5;
  background-image: url(../../../../etc/designs/zte-site/images/icon/icon-prev.png) !important;
}

.zte-proSearch-down .swiper-pagination {
  position: absolute;
  /*left: auto;*/
  height: 20px;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.zte-proSearch-down .pagination .swiper-pagination span {
  margin: 5px 15px;
  width: 6px;
  transform: scale(1);
  -webkit-transform: scale(1);
  height: 6px;
  background: #c5c5c5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border: none;
  border-radius: 100%;
  vertical-align: middle;
  opacity: 1;
  position: relative;
}

.zte-proSearch-down .swiper-pagination span.swiper-pagination-bullet-active {
  background: rgba(0, 143, 213, 1);
}

.zte-proSearch-down .swiper-pagination span.swiper-pagination-bullet-active:after {
  content: ' ';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 143, 213, 1);
  border-left: 1px solid #fff;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 100%;
  box-sizing: border-box;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

figure {
  padding: 0;
  margin: 0;
}

.zte-proSearch-recommend .item {
  width: 23.8%;
  margin-right: 1.6%;
  border-radius: .1rem;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #F6F7FB;
}

.zte-proSearch-recommend .item:last-child {
  margin-right: 0;
}

.zte-proSearch-recommend .item .tit {
  padding: 15px;
  font-size: 16px;
  line-height: 28px;
}

.zte-proSearch-recommend .item .tit .ellipsis {
  -webkit-line-clamp: 2;

}

.zte-proSearch-recommend .item .img {
  width: 100%;
  height: 1.5rem;
  background: #fff;
}

.zte-proSearch-recommend .item:hover {
  box-shadow: 0 9px 18px 0 rgba(194, 203, 212, 0.5);
}

.zte-books-detail-chapter table {
  border: 1px solid #EEEEEE;
  border-bottom: none;
  width: 100%;
}

.zte-books-detail-chapter td,
.zte-books-detail-chapter th {
  padding: 20px;
  font-size: 16px;
  line-height: 28px;
  background: #fff;
  text-align: left;
  color: #666;
  border-bottom: 1px solid #EEEEEE
}

.zte-books-detail-chapter th {
  width: 37%;
  background: #F6F7FB;
  color: #333;
  font-weight: normal;
}

.zte-books-preface .item {
  background: url(../../../../etc/designs/zte-site/images/icon/books-preface.jpg) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
  padding: 30px;
}

.zte-books-preface .item .tit {
  text-align: center;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}

.zte-books-preface .item .author {
  text-align: right;
}

.zte-books-recommend .item {
  padding: 30px;
  background: #F6F7FB;
  color: #333;
  height: 470px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.zte-books-recommend .item .author {
  text-align: right;
}

.zte-books-recommend .pagination {
  position: relative;
  margin: 30px auto 0;
  width: 180px;
}

.zte-books-recommend .pagination .cont {
  width: 100px;
  height: 20px;
  overflow: hidden;
  position: relative;
}

.zte-books-recommend .pagination .btn-prev {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev.png) no-repeat center;
  background-size: 9px auto;
}

.zte-books-recommend .pagination .btn-prev:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-prev-h.png) no-repeat center;
  background-size: 9px auto;
}

.zte-books-recommend .pagination .btn-next {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next.png) no-repeat center;
  background-size: 9px auto;
}

.zte-books-recommend .pagination .btn-next:hover {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-next-h.png) no-repeat center;
  background-size: 9px auto;
}

.zte-books-recommend .swiper-pagination {
  position: absolute;
  /*left: auto;*/
  height: 20px;
  top: auto;
  bottom: 0 !important;
}

.zte-books-recommend .pagination .swiper-pagination span {
  margin: 5px 15px;
  width: 6px;
  transform: scale(1);
  -webkit-transform: scale(1);
  height: 6px;
  background: #c5c5c5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border: none;
  border-radius: 100%;
  vertical-align: middle;
  opacity: 1;
  position: relative;
}

.zte-books-recommend .swiper-pagination span.swiper-pagination-bullet-active {
  background: rgba(0, 143, 213, 1);
}

.zte-books-recommend .swiper-pagination span.swiper-pagination-bullet-active:after {
  content: ' ';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 143, 213, 1);
  border-left: 1px solid #fff;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 100%;
  box-sizing: border-box;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.zte-books-author .item {
  width: 49.2%;
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.zte-books-author .item:hover {
  box-shadow: -1px 5px 15px 0 rgba(0, 67, 99, 0.08);
}

.zte-books-author .item .img {
  width: 125px;
  height: 125px;
  border-radius: 100%;
  background: #ebeff5;
  position: relative;
  margin-right: 30px;
}

.zte-books-author .item .info {
  flex: 1;
}

.zte-books-author .item .info .tit {
  color: #333;
  font-weight: bold;
}

.zte-books-author .item .info .desc {
  line-height: 24px;
}

.zte-books-author-tips {
  padding: 8px 0;
  background: #EBF4FA;
}


.zte-proSearch-list {
  margin: .4rem 0 .8rem;
}


.zte-proSearch-list .nav-left {
  width: 1.8rem;
  height: max-content;
  background: #fff;
  border: #ddd solid 1px;
  margin-right: .6rem;
  border-radius: .3rem;
}

.zte-proSearch-list .nav-left .nav-list {
  margin-bottom: .2rem;
}

.zte-proSearch-list .nav-left .nav-title {
  padding: .2rem .2rem 0 .2rem;
  font-weight: bold;
  font-size: .16rem;
  line-height: .32rem;
}

.zte-proSearch-list .nav-list .leve-1 {
  padding: .14rem 0;
}

.zte-proSearch-list .nav-list .leve-tit {
  padding-left: .2rem;
  font-size: .16rem;
  color: #222;
  position: relative;
  cursor: pointer;
}


.zte-proSearch-list .nav-list a {
  color: #333;
}

.zte-proSearch-list .nav-list a:hover {
  color: rgba(0, 142, 211, 1);
}

.zte-proSearch-list .nav-list .leve-1:hover .leve-tit:after {
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-list .nav-list .leve-1.focus .leve-tit:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-list .nav-list .stit {
  padding: 0 0 0 .35rem;
  font-size: .16rem;
  color: #222;
  position: relative;
  cursor: pointer;
}

.zte-proSearch-list .nav-list .leve-1.focus .leve-tit {
  border-left: .03rem solid rgba(0, 142, 211, 1);
  color: #008de3;
  font-weight: bold;
}

.zte-proSearch-list .nav-list .leve-2 .stit {
  color: #999;
  font-size: .14rem;
  line-height: .36rem;
}

.zte-proSearch-list .nav-list .leve-2.focus .stit {
  color: #222;
}



.zte-proSearch-list .nav-list .leve-1.focus .leve-list,
.zte-proSearch-list .nav-list .leve-2.focus .slist {
  display: block;
}


.zte-proSearch-list .nav-list .leve-list {
  display: none;
}

.zte-proSearch-list .nav-list .focus .leve-tit {
  margin-bottom: 14px;
}

.zte-proSearch-list .nav-list .slist {
  display: none;
}

.zte-proSearch-list .nav-list .slist .item {
  font-size: 14px;
  color: #333;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  box-sizing: border-box;
  border-left: 5px solid rgba(0, 142, 211, 0);
}

.zte-proSearch-list .nav-list .slist .item a {
  display: block;
  padding: 14px 0 14px 70px;
  cursor: pointer !important;
}


.zte-proSearch-list .nav-right-tab {
  display: block;
  padding: .3rem 0;
  position: relative;
}

.zte-proSearch-list .nav-right-tab .result-tips {
  position: absolute;
  right: 0;
  font-size: .16rem;
  color: #999;
}

.zte-proSearch-list .nav-right-tab .search-txt {
  font-size: .16rem;
  color: #222;
  font-weight: bold;
  margin-bottom: .3rem;
}

.zte-proSearch-list .nav-right-tab .item {
  margin: 0 20px;
}

.zte-proSearch-list .nav-right-tab .item .blue {
  color: rgba(0, 144, 219, 1)
}

.zte-proSearch-list .nav-right .nav-level-2 {
  display: none;
  flex-direction: column;
}

.zte-proSearch-list .nav-right .nav-level-2 .level-2-tit {
  font-size: .16rem;
  color: #222;
  font-weight: bold;
  margin-bottom: .3rem;
}

.zte-proSearch-list .nav-right .nav-level-2 .nav-level-3 {
  cursor: pointer;
  width: 100%;
  border-bottom: #ddd solid 1px;
  display: flex !important;
}

.zte-proSearch-list .nav-right .nav-level-2 .mini-unit {
  cursor: pointer;
  margin-right: .4rem;
  font-size: .16rem;
  color: #666;
  line-height: .36rem;
}

.zte-proSearch-list .nav-right .nav-level-2 .mini-unit a {
  color: #666;
  cursor: pointer !important;
}

.zte-proSearch-list .nav-right .nav-level-2 .mini-unit.focus {
  border-bottom: #0085E1 solid 3px;
  border-radius: .02rem;
}

.zte-proSearch-list .nav-right .nav-level-2 .mini-unit.focus a {
  color: #222;
}

.zte-proSearch-list .right-list {
  flex-wrap: wrap;
  margin-top: 0;
  min-height: 8rem;
}

.zte-proSearch-list .right-list .item {
  width: calc((100% - 40px)/3);
  margin: 0 20px 20px 0;
  border-radius: 5px;
  background: #FFFFFF;
  box-sizing: border-box;
}

.zte-proSearch-list .right-list .item:nth-child(3n) {
  margin-right: 0;
}

.zte-proSearch-list .right-list .img {
  width: 100%;
  height: 2.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f5f7;
  border-radius: .3rem;
}


.zte-proSearch-list .right-list .img img {
  object-fit: cover;
  object-position: center;
}

.zte-proSearch-list .right-list .item .info {
  position: relative;
  padding: .2rem .15rem .2rem;
}

.zte-proSearch-list .right-list .item .info .more {
  display: inline-block;
  padding-right: .2rem;
  color: #008ED3;
  font-size: .16rem;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-more6.png) no-repeat center right;
  background-size: .1rem auto;
  margin: 0;
}

.zte-proSearch-list .right-list .item:hover .info .more {
  background: url(../../../../etc/designs/zte-site/images/icon/icon-more6.png) no-repeat center right;
  background-size: .1rem auto;
  color: rgba(0, 144, 219, 1)
}

.zte-proSearch-list .right-list .item .txt.ellipsis-2 {
  min-height: 35px;
}

.zte-proSearch-list .right-list .item .txt.ellipsis-3 {
  display: none;
  min-height: .5rem;
}

.zte-proSearch-list .right-list .item .tit.ellipsis-2 {
  min-height: .5rem;
  font-size: .16rem;
  line-height: .32rem;
  color: #222;
}

.zte-proSearch-list-en .right-list .item .tit.ellipsis-2 {
  line-height: .25rem;
  margin-bottom: .1rem;
}

.zte-proSearch-list-fix {
  position: fixed;
  z-index: 11;
  width: 100%;
  left: 0;
  height: calc(100vh - 1.2rem);
  visibility: hidden;
  opacity: 0;
  top: 2rem;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.zte-proSearch-list-fix.proShow {
  top: 1.2rem;
  opacity: 1;
  visibility: visible;
}

.zte-proSearch-list-fix .top {
  line-height: .88rem;
  height: .88rem;
  background: #fff;
  padding-left: .2rem;
  font-size: .32rem;
  box-sizing: border-box;

  border-bottom: 0.02rem solid #EEEEEE;
}

.zte-proSearch-list-fix .top .close {
  width: .88rem;
}

.zte-proSearch-list-fix .top .close img {
  width: .22rem;
  height: auto;
  opacity: 0.8;

}

.zte-proSearch-list-fix .main {
  background: #fff;
  display: flex;
}

.zte-proSearch-list-fix .main .main-left {
  background: #F2F4F7;
  width: 2.72rem;
  height: calc(100vh - 2.08rem);
  overflow: scroll;
}

.zte-proSearch-list-fix .main .main-left .leve-tit {
  padding: .3rem .2rem;
  font-size: .28rem;
  font-weight: bold;
}

.zte-proSearch-list-fix .main .main-left .leve-list {
  display: none;


}

.zte-proSearch-list-fix .main .main-left .leve.focus .leve-list {}

.zte-proSearch-list-fix .main .main-left .leve.focus {
  padding-bottom: .25rem;
  background: #FFF;
  box-shadow: .06rem 0 0.11rem 0 rgba(204, 204, 204, 0.17);
}

.zte-proSearch-list-fix .main .main-left .stit {
  font-size: .28rem;
  margin: .25rem 0;
  padding: 0 0.2rem 0 .4rem;
  position: relative;
}

.zte-proSearch-list-fix .main .main-left .stit.focus {
  color: rgba(0, 142, 211, 1);
}

.zte-proSearch-list-fix .main .main-left .stit.focus:after {
  width: 0.05rem;
  height: 0.24rem;
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.12rem;
  background: #008ED3;
}

.zte-proSearch-list-fix .main .main-right {
  padding-left: .4rem;
  overflow: hidden;
  flex: 1;
  height: calc(100vh - 2.08rem);
}

.zte-proSearch-list-fix .main .main-right .entry-tit {
  padding: .47rem 0 0.31rem;
  font-size: .28rem;
  border-bottom: 0.01rem solid #ccc;
}

.zte-proSearch-list-fix .main .main-right .stit {
  padding: .25rem 0;
  font-size: .26rem;
  position: relative;
}

.zte-proSearch-list-fix .main .main-right .stit:after {
  width: 0.12rem;
  height: 0.2rem;
  content: ' ';
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  right: 0.68rem;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-ar-right.png) no-repeat center;
  background-size: 100% auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: grayscale(100%) brightness(0%);
  filter: grayscale(100%) brightness(0%);
}

.noneAfter:after {
  display: none !important;
}

.zte-proSearch-list-fix .main .main-right .item {
  padding: .25rem 0 .25rem .2rem;
  font-size: .26rem;
  color: #666;
}

.zte-proSearch-list-fix .main .main-right .stit a {
  color: #333;
}

.zte-proSearch-list-fix .main .main-right .item a {
  color: #666;
}

.zte-proSearch-list-fix .main .main-right .slist,
.zte-proSearch-list-fix .main .main-right .leve-entry {
  display: none;
}

.zte-proSearch-list-fix .main .main-right .leve-entry:first-child {
  display: block;
}

.zte-proSearch-list-fix .main .main-right .focus .stit:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-list-fix-en .main-right {
  display: none;
}

.zte-proSearch-list-fix-en .main .main-left {
  width: 100%;
}

.zte-proSearch-list-fix-en .main .main-left .slist {
  display: none;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item {
  color: #333;
  font-size: .26rem;
  padding: .3rem .4rem .3rem .6rem;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item a {
  color: #333;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item-list {
  display: none;
  background: #fff;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item-list .e {
  color: #666;
  font-size: .26rem;
  padding: .3rem .4rem .3rem .8rem;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item-list a {
  color: #666;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item-list.focus {
  background: #fff;
}

.zte-proSearch-list-fix-en .main .main-left .slist.focus {
  background: none;
}

.zte-proSearch-list-fix.zte-proSearch-list-fix-en .main .main-left .leve.focus {
  background: none;
}

.zte-proSearch-list-fix-en .main .main-left .leve-tit {
  position: relative;
}


.zte-proSearch-list-fix-en .main .main-left .leve-tit:after {
  width: 0.12rem;
  height: 0.2rem;
  content: ' ';
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  right: 0.68rem;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-ar-right.png) no-repeat center;
  background-size: 100% auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: grayscale(100%) brightness(0%);
  filter: grayscale(100%) brightness(0%);
}

.zte-proSearch-list-fix-en .main .main-left .focus .leve-tit:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item {
  position: relative;
}

.zte-proSearch-list-fix-en .main .main-left .slist .item:after {
  width: 0.12rem;
  height: 0.2rem;
  content: ' ';
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  right: 0.68rem;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-ar-right.png) no-repeat center;
  background-size: 100% auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: grayscale(100%) brightness(0%);
  filter: grayscale(100%) brightness(0%);
}

.zte-proSearch-list-fix-en .main .main-left .slist .focus .item:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-filter: none;
  filter: none;
}

.zte-proSearch-list-fix-en .main .main-left .stit {
  position: relative;
}

.zte-proSearch-list-fix.zte-proSearch-list-fix-en .main .main-left .stit:after {
  width: 0.12rem;
  height: 0.2rem;
  content: ' ';
  position: absolute;

  top: 50%;
  margin-top: -0.1rem;
  right: 0.68rem;
  left: auto;
  background: url(../../../../etc/designs/zte-site/images/icon/icon-ar-right.png) no-repeat center;
  background-size: 100% auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: grayscale(100%) brightness(0%);
  filter: grayscale(100%) brightness(0%);
}

.zte-proSearch-list-fix.zte-proSearch-list-fix-en .main .main-left .leve-2.focus .stit:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-filter: none;
  filter: none;
  right: 0.68rem;
  left: auto;
}

.zte-proSearch-list-fix-en .main .main-left .stit.focus {
  color: #333;
}

.pswp__zoom-wrap img.pswp__img {
  height: auto !important;
}

.zte-proSearch-list .right-list .item .txt.ellipsis-3 {
  font-size: 14px;
  line-height: 1.5;
}

.zte-proSearch-list .product-pages .product-pagination {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: .6rem
}

.zte-proSearch-list .product-pages .product-pagination .page-num {
  border-radius: .25rem;
  display: inline-block;
  vertical-align: middle;
  width: .34rem;
  height: .34rem;
  line-height: .34rem;
  font-size: .16rem;
  text-align: center;
  color: #333;
  margin: 0 .12rem;
}

.zte-proSearch-list .product-pages .product-pagination .page-num:last-child {
  margin-right: 0
}

.zte-proSearch-list .product-pages .product-pagination .page-num:hover {
  background-color: #008de3;
  color: #fff;
  transition: all .3s;
  cursor: pointer !important
}

.zte-proSearch-list .product-pages .product-pagination .page-on {
  background-color: #008de3;
  color: #fff
}

.zte-proSearch-list .product-pages .product-pagination .page-num.page-pre,
.zte-proSearch-list .product-pages .product-pagination .page-num.page-next {
  display: inline-block;
  vertical-align: middle;
  width: .08rem;
  height: .14rem;
  margin-right: .12rem
}

.zte-proSearch-list .product-pages .product-pagination .page-num.page-pre {
  background: url(https://www.zte.com.cn/content/dam/zte-site/res-www-zte-com-cn/zte_icon/ico-arr-nocir-left.png);
  background-size: cover
}

.zte-proSearch-list .product-pages .product-pagination .page-num.page-next {
  background: url(https://www.zte.com.cn/content/dam/zte-site/res-www-zte-com-cn/zte_icon/ico-arr-nocir-right.png);
  background-size: cover
}

.zte-proSearch-list .product-pages .product-pagination .newsGoPage {
  font-size: .16rem;
  color: #333;
  line-height: .34rem
}

.zte-proSearch-list .product-pages .product-pagination .newsGoPageInput {
  width: .35rem;
  height: .35rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .08rem;
  text-align: center;
  margin: 0 .1rem;
}

.zte-proSearch-list .product-pages .product-pagination .newsGoPageBtn {
  cursor: pointer;
  color: #28a0da;
}

@media only screen and (max-width:1440px) {
  .zte-proSearch-down .item .opt {
    padding: 0 5px;
  }
}

.zte-proSearch-list .mob-pagination {
  display: none;
}

@media only screen and (max-width:768px) {
  .zte-proSearch-list .product-pagination {
    display: none;
  }

  .pswp--animated-in .pswp__zoom-wrap .pswp__close {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .3rem;
    text-align: center;
    font-size: .3rem;
    line-height: .6rem;
    color: #ffffff80;
  }

  .zte-proSearch-list .nav-right-tab {
    padding: 0;
    margin-bottom: .3rem;
    min-height: .3rem;
  }

  .zte-proSearch-list-m .top {
    padding: 0;
  }

  .zte-proSearch-list .nav-right-tab .search-txt {
    font-size: .24rem;
  }

  .zte-proSearch-list .nav-right-tab .result-tips {
    font-size: .24rem;
  }

  .header div.zte-wrap,
  .top-nav div.zte-wrap {
    padding-left: 0.24rem;
    padding-right: 0.24rem;
  }

  .page-t-banner .conn h2 {
    text-align: center;
  }

  .zte-proSearch-header .header-swiper {
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    background: #f3f5f8;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }


  .zte-proSearch-recommend .item .tit {
    font-size: .28rem;
    padding: 0.15rem;
    line-height: .46rem;
  }

  .zte-proSearch-list .right-list .item .txt.ellipsis-3 {
    font-size: 0.24rem;
  }

  .zte-proSearch-list>.mt50 {
    display: none;
  }

  .zte-proSearch-list .right-list {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }

  .zte-proSearch-list .pagination a {
    background: none;
  }

  .zte-proSearch-list .right-list .item {
    width: calc((100% - 0.4rem)/2);
    margin: 0 0.1rem 0.2rem 0.1rem;
  }

  .zte-proSearch-list .right-list .item:nth-child(3n) {
    margin-right: .1rem;
  }

  .zte-proSearch-list .right-list .item .info {
    padding: 0.2rem 0.16rem;
  }

  .zte-proSearch-list .right-list .item .info .more {
    font-size: .22rem;
  }

  .zte-proSearch-list .right-list .item .txt.ellipsis-2 {
    min-height: .52rem;
  }

  .zte-proSearch-list .right-list .img {
    height: 2rem;
  }

  .zte-proSearch-list .nav-left {
    display: none;
  }

  .zte-proSearch-list .nav-right {
    height: auto;
  }
  .zte-proSearch-list .nav-right .product-pages{
    display: none;
  }

  .zte-proSearch-list-en .right-list .item {
    width: 100%;
    margin-right: 0;
    padding: .19rem;
    display: flex;
    flex-direction: row-reverse;
  }

  .zte-proSearch-list-en .right-list .item .info {
    flex: 1;
    padding: 0;
  }

  .zte-proSearch-list-en .right-list .img {
    width: 2.87rem;
    height: 1.77rem;
  }

  .zte-proSearch-list-en .right-list .item:nth-child(3n) {
    margin-right: 0;
  }

  .zte-proSearch-list-en .right-list .item .tit.ellipsis-2 {
    line-height: .32rem;
    min-height: .64rem;
    margin-bottom: 0.1rem;
  }

  .page-t-banner .conn .search {
    width: 6rem;
    height: .7rem;
    border-radius: .5rem;
  }

  .page-t-banner .conn .search input {
    line-height: .7rem;
    border-radius: .5rem;
  }

  .page-t-banner .conn .search .btn-search {
    width: .7rem;
    height: .7rem;
  }

  .zte-proSearch-header {
    flex-wrap: wrap;
  }

  .zte-proSearch-header .header-swiper,
  .zte-proSearch-header .header-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 4rem;
    background: #f3f5f8;
  }

  .zte-proSearch-header .header-swiper .swiper-wrapper .swiper-slide .img-dv {
    width: auto;
    height: auto;
  }

  .zte-proSearch-header .header-swiper .pagination .swiper-pagination span {
    display: inline-block;
  }

  .zte-proSearch-header .header-info {
    padding-bottom: .2rem;
  }

  .zte-proSearch-nav .main .item {
    margin: 0;
    font-size: .26rem
  }

  .zte-proSearch-header .header-info .desc {
    font-size: .2rem;
    text-align: justify;
  }

  .zte-proSearch-nav .main>.zte-wrap {
    /*justify-content: space-between;*/
    overflow-x: scroll;
    display: block;
    box-sizing: border-box;
    padding: 0;
    white-space: nowrap;
  }

  .zte-proSearch-nav .main .item {
    margin: 0 0.3rem;
    white-space: nowrap;
    display: inline-block;
  }

  .detail-more {
    width: 2rem;
    height: .53rem;
  }

  .zte-proSearch-proinfo table {
    border: 1px solid #c9c9c9;
  }

  .zte-proSearch-proinfo td,
  .zte-proSearch-proinfo th {
    font-size: .28rem;
    line-height: .46rem;
    padding: .2rem;
  }

  .zte-proSearch-down .pagination .swiper-pagination span {
    display: inline-block;
  }

  .zte-proSearch-down .pagination {
    margin-top: .3rem;
  }

  .zte-proSearch-recommend {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .zte-proSearch-recommend .item {
    width: 49%;
    margin-bottom: .2rem;
    margin-right: 0;
  }

  .zte-proSearch-recommend .item:nth-child(2n) {
    margin-right: 0;
  }

  .zte-proSearch-recommend .item .img {
    height: 1.75rem;
  }

  .zte-proSearch-down .item .opt i a {
    font-size: .28rem
  }

  .zte-proSearch-header .header-img {
    width: 100%;
    height: 4rem;
    margin: 0;
  }

  .zte-proSearch-header .header-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .zte-books-detail-chapter td,
  .zte-books-detail-chapter th {
    padding: .2rem;
    font-size: .24rem;
    line-height: .46rem;
  }

  .zte-books-recommend .item {
    padding: .3rem;
    height: 6.2rem;
  }

  .zte-books-recommend .swiper-pagination span {
    display: inline-block;
  }

  .zte-books-author .item {
    width: 100%;
    padding: .3rem;
    margin-bottom: .2rem;
  }

  .zte-books-author .item .img {
    width: 1.25rem;
    height: 1.25rem;
  }

  .zte-proSearch-list .right-list .item .txt.ellipsis-3 {
    font-size: 0.24rem;
  }

  .zte-proSearch-list .right-list .item .tit.ellipsis-2 {
    font-size: .28rem;
    line-height: .46rem;
  }

  .zte-proSearch-list .product-pages .product-pagination {
    margin-top: 0;
    margin-bottom: .6rem;
  }

  .zte-proSearch-list .product-pages .product-pagination .page-num {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .24rem;
  }

  .zte-proSearch-list .product-pages .product-pagination .page-num.page-pre,
  .zte-proSearch-list .product-pages .product-pagination .page-num.page-next {
    width: .16rem;
    height: .26rem;
  }
}

@media only screen and (max-width:991px) {
  .zte-proSearch-list-m {
    padding: 0;
    height: auto;
    width: auto;
  }

  .zte-proSearch-list .right-list .img img {
    object-fit: cover;
  }

  .zte-proSearch-list-m .nav-list-mob {
    position: relative;
  }

  .zte-proSearch-list-m .nav-list-mob .nav-cont {
    width: 100%;
    padding: 0 .4rem;
    background: #fff;
    position: absolute;
    z-index: 10;
    display: none;
    box-sizing: border-box;
  }

  .zte-proSearch-list-m .nav-list-mob .nav-cont .nav-item {
    font-size: .28rem;
    margin: .3rem 0;
  }

  .zte-proSearch-list-m .nav-list-mob .nav-cont .nav-item.focus {
    color: #008ED3;
  }

  .zte-proSearch-list-m .click-show {
    width: auto;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #666;
  }

  .zte-proSearch-list-m .click-show .cur-tit {
    font-size: .28rem;
  }

  .zte-proSearch-list-m .click-show .click-btn {
    display: flex;
    position: relative;
    align-items: center;
    font-size: .28rem;
    cursor: pointer;
    color: #008de3;
    margin-right: .1rem;
  }

  .zte-proSearch-list-m .click-show .click-btn:after {
    font-family: "iconfont" !important;
    content: "\e690";
    font-size: .24rem;
    width: auto;
    height: auto;
    cursor: pointer;
    margin-left: .05rem;
  }

  .zte-proSearch-list-m .click-show .click-btn.drop-hide:after {
    transform: rotate(90deg);
  }

  .zte-proSearch-list-m .click-show .click-btn.drop-show:after {
    transform: rotate(-90deg);
  }

  .zte-proSearch-list-m .nav-cont-2 {
    line-height: 1rem;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-level-1 {
    display: flex;
    background: #f3f5f7;
    overflow: hidden;
    overflow-x: scroll;
    padding: 0 .4rem;
    height: 1rem;
    align-items: center;
    justify-content: flex-start;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-level-1 .nav-level-2 {
    display: none;
    flex: none;
    margin-right: .4rem;
    font-size: .22rem;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-level-1 .nav-level-2.focus {
    color: #008ED3;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-cont-3 .nav-level-2 {
    display: none;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-cont-3 .nav-level-2 .nav-level-3 {
    overflow: auto;
    overflow-x: scroll;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    margin-left: .4rem;
    box-shadow: 0 1px 0 0 #eee;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-cont-3 .nav-level-2 .nav-level-3 .mini-unit {
    flex: none;
    margin-right: .4rem;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-cont-3 .nav-level-2 .nav-level-3 .mini-unit.focus {
    border-bottom: #0085e1 solid 3px;
    border-radius: .02rem;
  }

  .zte-proSearch-list-m .nav-cont-2 .nav-cont-3 .nav-level-2 .nav-level-3 .mini-unit a {
    height: 1rem;
    font-size: .22rem;
    line-height: 1rem;
  }
}
.dt-news-recommend-component .zte-wrap {
    margin-bottom: 1.2rem;
}

.dt-news-recommend-component .zte-wrap .content {
    width: 100%;
    margin: 0 auto;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-radius: 0.04rem;
    gap: 0.2rem;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .link-wrap {
    display: inline-block;
    width: calc((100% - 0.4rem) / 3);
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item {
    margin-bottom: 0.18rem;
    display: block;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item:hover {
    background-color: #eee;
    border-bottom-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-img {
    overflow: hidden;
    border-top-left-radius: 0.16rem;
    border-top-right-radius: 0.16rem;
    height: 2.8rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-img img {
    object-fit: cover;
    height: 100%;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-img img:hover {
    transform:scale(1.1);
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-txt {
    padding: 0.22rem 0.25rem;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-txt h4 {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.3rem;
    min-height: 0.6rem;
    margin: 0 0 0.22rem;
}

.dt-news-recommend-component .zte-wrap .content .pri-cont-more .n-item .item-txt .date {
    color: #1a1a1a;
    display: block;
    font-size: 0.14rem;
}


.dt-news-recommend-component .zte-wrap .more-link {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
    line-height: 40px;
}


.dt-news-recommend-component .zte-wrap .more-link .link-button {
    width: 1.6rem;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid rgba(26, 26, 26, 1);
    border-radius: .04rem;
    font-size: .16rem;
    color: #1A1A1A;
    text-align: center;
    font-weight: 500;
    gap:0.085rem;
    cursor: pointer;
}

.dt-news-recommend-component .zte-wrap .more-link .link-button>div {
    line-height: 22px
}

.dt-news-recommend-component .zte-wrap .more-link .link-button>img {
    height:11px;
    width:.16rem;

}

.dt-news-recommend-component .zte-wrap .more-link .link-button .arrow-hover {
    display: none;
}

.dt-news-recommend-component .zte-wrap .more-link .link-button:hover {
    background-color: #0077ff;
    border: .01rem solid #0077ff;
    color: #fff;
    transition: all .5s;
}

.dt-news-recommend-component .zte-wrap .more-link .link-button:hover .arrow {
    display: none;
}

.dt-news-recommend-component .zte-wrap .more-link .link-button:hover .arrow-hover {
    display: block;
}

@media only screen and (max-width: 991.98px) {
    .dt-news-recommend-component .zte-wrap .content .pri-cont-more .link-wrap {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .dt-news-recommend-component .zte-wrap .content .pri-cont-more {
        flex-direction: column-reverse;
        padding: 0 .16rem;
    }
}
.page-index-pro .row {
  margin-left: -.08rem;
  margin-right: -.08rem;
}

.page-index-pro .style2 .item {
  width: 33.3%;
}

.page-index-pro .item {
  float: left;
  width: 28.5%;
  position: relative;
  padding-left: .08rem;
  padding-right: .08rem;
  margin-bottom: .15rem;
}

.page-index-pro .item .img {
  width: 100%;
  height: 2.4rem;
  border-radius: .08rem;
  overflow: hidden;
}

.page-index-pro .style2 .item {
  width: 32%;
}

.page-index-pro .item div.img img {
  display: block;
  object-position: center;
}

.page-index-pro .item {
  width: 33%;
  margin-left: 0;
}

.page-index-pro .style4 .item {
  width: 30%;
  margin-bottom: .14rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-index-pro .style4 .item {
  width: 33%;
}

.page-index-pro .style4 .item .img {
  height: 4.94rem;
}

.page-index-pro .style2 .item .img {
  height: 2.40rem;
}

.page-index-pro .item .tag {
  position: absolute;
  height: .3rem;
  line-height: .3rem;
  padding: 0 .18rem;
  background: linear-gradient(to left, #A3BDED, #6991C7);
  background: -webkit-linear-gradient(to left, #A3BDED, #6991C7);
  border-radius: .08rem;
  left: .2rem;
  color: #fff;
  font-size: .14rem;
  top: .20pem;
}

.page-index-pro a:hover .imgs {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.page-index-pro .tit {
  position: absolute;
  left: .22rem;
  bottom: .15rem;
  font-size: .18rem;
  line-height: .28rem;
  color: #fff;
}

.general-cards-component .page-index-pro .tit {
  color: #fff;
  background: rgb(255 255 255 / 40%);
  width: 100%;
  padding: 0 0 0.15rem 0.22rem;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}

.page-index-pro .item:hover .tit {
  color: #008fd5 !important;
}

.zte-service-NetworkService {
  padding-bottom: .05rem;
}

.zte-service-NetworkService .row {
  margin-left: -.05rem;
  margin-right: -.05rem;
}

.zte-service-NetworkService .swiperPagination {
  display: none;
}

.zte-service-NetworkService .row .swiper-wrapper {
  flex-wrap: wrap;
}

.zte-service-NetworkService .row .item {
  width: 33% !important;
  float: left;
  margin-bottom: .1rem;
  position: relative;
  overflow: hidden;
  padding-left: 0.65%;
  box-sizing: border-box;
  padding-right: 0.65%;
  border-radius: 0px 0px .08rem .08rem;
}


.zte-service-NetworkService .row .item .img {
  height: 3.1rem;
  position: relative;
  border-radius: .3rem;
  overflow: hidden;
  background-color: #f3f5f8;
}

.zte-service-NetworkService .row .item .img:after {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  content: ' ';
  height: 30%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
  opacity: .2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.zte-service-NetworkService .row .item .info {
  box-sizing: border-box;
  background: none;
  position: absolute;
  left: .05rem;
  right: .05rem;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  bottom: -2rem;
}

.zte-service-NetworkService .row .item .info .tit {
  font-size: .18rem;
  color: #fff;
  padding-left: .2rem;
  padding-bottom: .15rem;
  padding-bottom: .2rem;
  padding-top: .2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
  position: relative;

}


.zte-service-NetworkService .row .item .info .txt {
  font-size: .16rem;
  line-height: .24rem;
  color: #fff;
  margin-top: 0;
  padding-left: .2rem;
  padding-right: .2rem;
  margin-bottom: .2rem;
}


.zte-service-NetworkService .row .item .info {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  bottom: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.zte-service-NetworkService .row .item .info .tit {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}


.zte-service-NetworkService .row .item:hover .info {
  transform: translateY(0);
  -webkit-transform: translateY(0);

}

.zte-service-NetworkService .row .item:hover .info .tit {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  background: none;
}

.zte-service-NetworkService .row .item:hover .info .tit:before {
  display: none;
}

.zte-service-NetworkService .row .item:hover .img:after {
  opacity: 1;
  height: 100%;
}

.zte-service-NetworkService .row .item:hover .info {
  background: none;
  top: auto;
  bottom: 0;
}

.zte-service-NetworkService .row .item:hover .info .tit {
  font-size: .18rem;
}

.page-index-pro .item div.img .m {
  display: none;
}


@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  .page-index-pro .item {
    width: 33%;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .page-index-pro .item {
    width: 27%;
  }
}

.zte-solution-customer .left-icon .item {
  display: flex;
}

.zte-solution-customer .left-icon .item>div {
  flex-grow: 0;
  flex-shrink: 0;
}

.zte-solution-customer .left-icon .item .item-content {
  width: calc(100% - 115px);
}

@media (max-width: 1440px) {


  .zte-service-NetworkService .row .item .info .txt {
    padding-bottom: 0;
    margin-bottom: .2rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  .zte-solution-customer .left-icon .item .item-content {
    width: 73%;
  }

  .page-index-pro .style4 .item {
    width: 33%;
  }


  div.page-index-pro .style4 .item .img {
    height: 2.1rem;
  }

}

@media (max-width: 991px) {
  .zte-wrap .zte-solution-NetworkService#general-solution-box.square .row .item{
    width: 33%;
  }
  .zte-solution-customer .left-icon .col-xs-6 {
    width: 100%;
  }

  .zte-solution-customer .left-icon .col-xs-6 .item {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .zte-wrap .page-index-pro .item div.img img {
    display: block;
  }

  .zte-wrap .page-index-pro .item div.img .m {
    display: block;
    object-fit: contain;
  }

  .page-index-pro .item:nth-child(5) {
    display: block;
  }

  .zte-wrap .page-index-pro .item .tag {
    display: none;
  }

  .zte-wrap .page-index-pro .item {
    box-sizing: border-box;
    padding: 0;
  }

  .zte-wrap .page-index-pro .row:after,
  .zte-wrap .page-index-pro .row:before {
    display: none;
  }

  .zte-wrap .page-index-pro .row {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .zte-wrap .page-index-pro .item {
      width: 32%;
  }

  .zte-wrap .page-index-pro .style2 .item:nth-of-type(5),
  .zte-wrap .page-index-pro .style4 .item:nth-of-type(5) {
    display: none;
  }

  .zte-wrap .page-index-pro .item .img {
    height: 2.1rem !important;
  }

  .zte-wrap .page-index-pro .tit {
    font-size: .2rem;
  }

  .zte-solution-scene .row>div:nth-last-child(1),
  .zte-solution-scene .row>div:nth-last-child(2) {
    border-bottom: none;
  }

  .zte-solution-scene .row>div:nth-child(2n) {
    border-right: none;
  }

  .zte-solution-scene .row>div {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }

  .maincontent-cards-component .zte-solution-scene .col-lg-6 {
    width: 32%;
  }

  .zte-wrap .page-index-pro .tit:after {
    width: .1rem;
    height: .26rem;
    background: url(../../components/content/images/top/icon/icon-ar-right22.png) no-repeat right center;
    background-size: 0.08rem auto;
    margin-left: .1rem;
    position: relative;
    top: 0.06rem;
  }


  .zte-wrap .zte-service-NetworkService .row .swiper-wrapper {
    flex-wrap: nowrap;
  }

  .zte-wrap .zte-service-NetworkService .row .item .img {
    width: 100%;
    height: 2.8rem;
  }

  .zte-wrap .zte-service-NetworkService .row .item {
    width: 32vw;
    padding: 0;
    margin-bottom: 0;
    margin-right: .24rem;
  }

  .zte-wrap .zte-service-NetworkService .row {
    margin: 0 -.1rem;
  }

  .zte-wrap .zte-service-NetworkService .row .item .info .tit,
  .zte-wrap .zte-service-NetworkService .row .item:hover .info .tit {
    font-size: .28rem;
    padding-left: .3rem;
    padding-bottom: .3rem;
  }

  .zte-service-NetworkService .row .item:hover .info .tit:before,
  .zte-service-NetworkService .row .item .info .txt {
    display: none;
  }

  .zte-service-NetworkService .row .item .info .tit {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
  }

  .zte-service-NetworkService .row .item .info {
    bottom: 0;
    left: .1rem;
    right: .1rem;
  }

  .zte-service-NetworkService .swiperPagination {
    display: flex;
    margin-bottom: .2rem;
  }


  .zte-wrap .zte-solution-NetworkService .row .item {
    height: 2.8rem;
    padding: 0 .1rem;
    width: 33%;
    margin: .24rem 0 0;
  }

  .zte-wrap .zte-service-NetworkService .row {
    margin: -0.24rem -0.1rem 0;
  }

  .page-index-pro .style4 .item {
    margin-bottom: .15rem;
  }
}

@media screen and (min-width: 992px) {


  .general-cards-component .zte-wrap #general-solution-box a.item {
    width: 33%
  }
}
.pictures-component {
	position: relative;
}
.pictures-component .bg-image {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.pictures-component .content-section {
	z-index: 2;
    padding: .8rem 0;
}
.pictures-component .item-container {
	display: flex;
    width: 100%;
    justify-content: center;
}
.pictures-component .item-container .item-a {
    margin-left: .24rem;
}
.pictures-component .item-container .item-a:first-child {
    margin-left: 0;
}
.pictures-component .item-container .item-list {
	position: relative;
    width: 2.68rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255, 255, 255, .2);
}
.pictures-component .item-container .item-list .img {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
    height: 100%;
    width: 100%;
}
.pictures-component .item-container .item-list .text-container {
    z-index: 3;        
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .16rem;
 }
.pictures-component .item-container .item-list .text-container .title-container {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.pictures-component .item-container .item-list .text-container .title-container img {
	height: 1rem;
    width: .51rem;
}
.pictures-component .item-container .item-list .text-container h3 {
    font-size: .32rem;
    color: #FFF0CB;
    line-height: .38rem;
    letter-spacing: .06rem;
    text-align: center;
}
.pictures-component .item-container .item-list .text-container h4 {
    font-size: .16rem;
    color: #FFF0CB;
    line-height: .18rem;
    margin-top: .36rem;
 }                                                                                       
.top-img-bottom-txt-component {
	position: relative;
}
.top-img-bottom-txt-component .bg-image {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.top-img-bottom-txt-component .content-section {
	z-index: 2;
}
.top-img-bottom-txt-component .content-section.has-bg-image {
	padding: 1.2rem 0;
}
.top-img-bottom-txt-component .item-container {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.top-img-bottom-txt-component .item-container.item-container-inline {
	flex-wrap: nowrap;
}
.top-img-bottom-txt-component .item-container .item-list {
    background: #FFFFFF;
	border-radius: .16rem;
	width: calc(50% - .12rem);
    height: auto;
    padding: .32rem;
    margin-right: .24rem;
    margin-bottom: .2rem;
    box-sizing: border-box;
}
.top-img-bottom-txt-component .item-container .item-list.item-list-has-btn {
	position: relative;
    padding-bottom: .82rem;
}
.top-img-bottom-txt-component .item-container.item-container-inline .item-list {
	width: auto;
    flex: 1;
}
.top-img-bottom-txt-component .item-container .item-list:last-child {
	margin-right: 0;
}
.top-img-bottom-txt-component .item-container .item-list .img-container {
	width: 100%;
    max-height: 3.65rem;
    overflow: hidden;
     border-radius: .16rem;
}
.top-img-bottom-txt-component .item-container .item-list .img {
	width: 100%;
    max-height: 3.65rem;
}
.top-img-bottom-txt-component .item-container .item-list .text-container {
	padding: .2rem .16rem;
}
.top-img-bottom-txt-component .item-container .item-list.item-list-pointer:hover .text-container {
	background: #F5F5F5;
	border-bottom-left-radius: .16rem;
    border-bottom-right-radius: .16rem;
}
.top-img-bottom-txt-component .item-container .text-container h3 {
	font-size: .24rem;
    margin-bottom: .14rem;
    color: #333;
    line-height: .36rem;
    font-weight: 700;
}
.top-img-bottom-txt-component .item-container.item-container-inline .text-container h3 {
	font-size: .2rem;
 }
.top-img-bottom-txt-component .item-container .text-container h4 {
	font-size: .16rem;
    color: #1a1a1a;
    line-height: .28rem;
}
.top-img-bottom-txt-component .item-container .info-button-a {
	position: absolute;
    bottom: .32rem;
    left: .52rem;
}
.top-img-bottom-txt-component .item-container .info-button {
    height: .5rem;
    width: 1.48rem;
    display: inline-flex;
	justify-content: center;
    align-items: center;
    border-radius: .04rem;
    background: #0077ff;
    color: #fff;
    font-size: .16rem;
    font-weight: 700;
    cursor: pointer;
}
.top-img-bottom-txt-component .item-container .info-button:hover {
	background: #0062D3;
}
.top-img-bottom-txt-component .item-container .info-button img {
	width: .16rem;
    height: .11rem;
    margin-left: .08rem;
}
.page-tablist-content-component .tab-nav { position: relative; padding: .8rem 0; }
.page-tablist-content-component .tab-nav .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; }
.page-tablist-content-component .tab-nav .tab-title { color: #1A1A1A;font-weight: 500;margin-bottom: .4rem;  font-size: .4rem; line-height: .6rem; color: #1a1a1a; position: sticky; display: flex; justify-content: center; }
.page-tablist-content-component .tab-nav .tab-nav-list { width: 100%; height: .68rem; display: flex; align-items: center; padding: 0 0.16rem; background: rgba(26,26,26, 0.04); justify-content: space-around; }
.page-tablist-content-component .tab-nav .tab-nav-list .tab-nav-item { 
    height: .5rem;  display: flex; align-items: center; justify-content: center; font-size: .18rem; color: #4d4d4d; font-weight: 700; border-radius: .04rem; flex: 1; cursor: pointer;
    transition: all .6s cubic-bezier(0,0,.1,1);
}
.page-tablist-content-component .tab-nav .tab-nav-list .tab-nav-item.is-active { background: #0077ff; color: #fff; }
.page-tablist-content-component .tab-nav .tab-nav-list .tab-nav-item:hover {
    background: rgba(255, 255, 255, 0.5);
	color: #333;
}
.page-tablist-content-component .tab-nav .tab-nav-list .tab-nav-item.is-active:hover {
	background: #0077ff; color: #fff;
}

.tab-text-list-component .tab-content-container { margin-top:  .24rem;  }
.tab-text-list-component .tab-content-container .summary-container {
	display: flex;
    width: 100%;
    margin-bottom: .32rem;
}
.tab-text-list-component .tab-content-container .summary-container .text-div {
	width: calc(100% - 6.72rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tab-text-list-component .tab-content-container .summary-container .img-container {
	width: 6.4rem;
    margin-left: .32rem;
    height: 3.8rem;
    overflow: hidden;
     border-radius: .16rem;
}
.tab-text-list-component .tab-content-container .summary-container .summary-img {
	width: 6.4rem;
    height: 3.8rem;
}
.tab-text-list-component .tab-content-container .tab-content-title { font-size: .24rem; color: #1a1a1a; line-height: .42rem; font-weight: 700; margin-bottom: .08rem; }
.tab-text-list-component .tab-content-container .tab-content-sub-title { font-size: .2rem;margin-bottom: .24rem; color: #333; line-height: .32rem;  font-weight: 700; }
.tab-text-list-component .tab-content-container .tab-content-desc { font-size: .2rem; color: #1a1a1a; line-height: .32rem; margin-bottom: .4rem; }
.tab-text-list-component .tab-content-container .detail-items { display: flex; flex-flow: wrap; }
.tab-text-list-component .tab-content-container .detail-item { width: 50%; height: 1.26rem; display: flex;box-sizing: border-box; }
.tab-text-list-component .tab-content-container .detail-item:nth-child(2n + 1) { padding-right: .56rem; }
.tab-text-list-component .tab-content-container .detail-item:nth-child(2n) { padding-left: .56rem;  }
.tab-text-list-component .tab-content-container .detail-item .item-icon { width: .486rem; height: .48rem; }
.tab-text-list-component .tab-content-container .detail-item .item-text { margin-left: .16rem; }
.tab-text-list-component .tab-content-container .detail-item .item-title { font-weight: 700; font-size: .2rem; color: #333;line-height: .3rem; }
.tab-text-list-component .tab-content-container .detail-item .item-content { color: #737373; margin-top: .08rem;font-size: .16rem;line-height: .24rem; }
/* <!-- web-top-banners --> */
.website-top-banner-component {
  /* margin-top: .12rem; */
}

.website-top-banner-component .web-top-banners {
  overflow: hidden;
  width: 100%;
  /* height: 5.5rem; */
  max-width: 100%;
  margin: 0 auto;
  /* max-height: 550px; */
}

.website-top-banner-component .web-top-banners .banner-mob-img {
  display: none;
}

.website-top-banner-component .web-top-banners .swiper-slide {
  max-width: 19.12rem;
  height: 5.28rem;
  border-radius: .32rem;
  position: relative;
  overflow: hidden;
}

.website-top-banner-component .web-top-banners .single-slide .swiper-slide {
  display:block;
  border-radius: 0;
  max-width: 100%;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn {
  width: 2rem;
  height: 100%;
  background: rgb(255 255 255 / 0%);
  position: absolute;
  z-index: 20;
  transition: 0.15s linear;
  cursor: pointer;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn .circle {
  display: none;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  box-shadow: 0 0 30px 3px rgb(170 170 170 / 10%);
  pointer-events: none;
  transition: transform 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn-prev {
  left: 4.3rem;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn-prev .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_left.png) no-repeat center;
  background-size: 100% 100%;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn-next {
  right: 4.3rem;
}

.website-top-banner-component .web-top-banners .swiper-slide-btn-next .circle {
  background: url(../../../../content/dam/zte-site/res-www-zte-com-cn/zte_icon/circle_arr_right.png) no-repeat center;
  background-size: 100% 100%;
}

.website-top-banner-component .web-top-banners .img img {
  width: 100%;
  height: 5.28rem;
  object-fit: cover;
  transition: transform .6s ease;
  -webkit-transition: transform .6s ease;
}

.website-top-banner-component .web-top-banners .web-top-banners-content {
  color: #FEFEFE;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 1.62rem;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-title {
  font-size: .54rem;
  margin-bottom: .31rem;
  display: none;
  text-align: center;
  line-height: 1.2;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-title>div {
  width: 100%;
  height: 0.648rem;
  overflow: hidden;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-desc {
  display: none;
  font-size: .28rem;
  margin-bottom: .69rem;
}

.website-top-banner-component .web-top-banners .letter-spacing-wrap {
  display: flex;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-none {
  display: none;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-btn {
  width: auto;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .2rem;
  border: .01rem solid #DDDDDD;
  border-radius: .27rem;
  font-size: .2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.website-top-banner-component .web-top-banners .web-top-banners-content-btn:hover {
  background-color: #FFFFFF;
  border: .01rem solid #FFFFFF;
  color: #008ED3;
  transition: all .5s;
}

.website-top-banner-component .web-top-banners .right-arrow {
  margin-left: .16rem;
  font-size: .2rem;
}

.website-top-banner-component .web-top-banners .topBannerSwiper {
  position: relative;
}

.website-top-banner-component .web-top-banners .swiper-pagination-bullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  padding-bottom: .2rem;
}

.website-top-banner-component .web-top-banners .swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1 !important;
  margin: 0 .05rem !important;
  border-radius: .04rem;
}

.website-top-banner-component .web-top-banners .custom-pagination {
  width: .64rem;
  position: relative;
  background: #FFFFFD;
}

.website-top-banner-component .web-top-banners .custom-pagination::after {
  content: "";
  display: block;
  height: .08rem;
  border-radius: .4rem;
}

.website-top-banner-component .web-top-banners .custom-pagination:after {
  background-color: #008ed3;
  animation-duration: 4.85s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-name: progress;
}

@keyframes progress {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

.website-top-banner-component .web-top-banners .no-show {
  visibility: hidden;
  height: 1.296rem;
}

@media only screen and (max-width: 1930px) and (min-width: 992px) {

  .website-top-banner-component .web-top-banners .swiper-slide-btn-prev {
    left: 1.05rem;
  }

  .website-top-banner-component .web-top-banners .swiper-slide-btn-next {
    right: 1.05rem;
  }

  .website-top-banner-component .web-top-banners .swiper-slide {
    height: 5.28rem;
  }

  .website-top-banner-component .web-top-banners .img img {
    height: 5.28rem;
  }
}

@media only screen and (max-width: 992px) {

  .website-top-banner-component {
    margin-top: .0;
  }


  .website-top-banner-component .web-top-banners {
    height: 100vw;
    max-height: 100vw;
  }

  .website-top-banner-component .web-top-banners .swiper-slide {
    max-width: 100%;
    height: 100vw;
    border-radius: 0;
  }

  .website-top-banner-component .web-top-banners .banner-pc-img {
    display: none;
  }

  .website-top-banner-component .web-top-banners .banner-mob-img {
    display: block;
  }

  .website-top-banner-component .web-top-banners .img img {
    width: 100%;
    height: 100vw;
    max-height: 100vw;
    border-radius: 0;
    object-fit: fill;
    /* object-fit: cover; */
  }

  .website-top-banner-component .web-top-banners .web-top-banners-content-title {
    font-size: 0.48rem;
    margin-bottom: .3rem;
    display: block !important;
  }

  .website-top-banner-component .web-top-banners .web-top-banners-content-desc {
    display: block !important;
    font-size: 0.24rem;
    margin-bottom: 0.51rem;
  }

  .website-top-banner-component .web-top-banners .web-top-banners-content-none {
    display: block !important;
  }

  .website-top-banner-component .web-top-banners .web-top-banners-content-btn {
    height: .55rem;
    padding: 0 .25rem;
    border: .01rem solid #FFFFFF;
    border-radius: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    line-height: .55rem;
  }

  .website-top-banner-component .web-top-banners .web-top-banners-content-btn:hover {
    background-color: inherit;
    border: 0.01rem solid #FFFFFF;
    transition: none;
    color: inherit;
  }

  .website-top-banner-component .web-top-banners .right-arrow {
    margin-left: .08rem;
    font-size: .21rem;
  }

  .website-top-banner-component .web-top-banners .swiper-pagination-bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .26rem !important;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }

  .website-top-banner-component .web-top-banners .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1 !important;
    margin: 0 .04rem;
    border-radius: .04rem;
  }

  .website-top-banner-component .web-top-banners .custom-pagination {
    width: .08rem;
    position: relative;
    background: #FFFFFD;
  }

  .website-top-banner-component .web-top-banners .custom-pagination::after {
    content: "";
    display: none;
    height: 0;
    border-radius: 0;
  }

  .website-top-banner-component .web-top-banners .custom-pagination:after {
    background-color: rgba(255, 255, 255, 0.4);
    animation: none;
  }
}

/* <!-- web-top-banners --> */
.page-tablist-component {
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: .4rem;
}

.page-tablist-component .dt-wrap {
  padding-top: 0.8rem;

}

.page-tablist-component .tab-nav-list {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  height: 0.47rem;
  font-size: 0.2rem;
  color: #4d4d4d;
  font-weight: 400;
}

.page-tablist-component .tab-nav-list .tab-nav-item.on {
  border-bottom: solid 3px #0077ff;
}

.page-tablist-component .tab-nav-list .tab-nav-item.on span {
  color: #333;
  font-weight: 700;
}

.page-tablist-component .tab-nav-list .link {
  color: #4d4d4d;
  height: 0.26rem;
  line-height: 0.26rem;
}

.advantages-highlights-component .pictures-container { margin:  .8rem 0; }
.advantages-highlights-component .pictures-container .component-title { font-size: .4rem; color: #1a1a1a; line-height: .6rem; font-weight: 700; margin-bottom: .4rem; display: flex; justify-content: center; }
.advantages-highlights-component .pictures-container .item-list-container { display: flex; justify-content: center; }
.advantages-highlights-component .pictures-container .items-list { display: flex; }
.advantages-highlights-component .pictures-container .items-list .items-list-item { 
    position: relative; width: 1.86rem; height: 3.38rem; border-radius: .08rem; margin-right: .24rem; box-sizing: border-box;  overflow: hidden;
    transition: all .6s cubic-bezier(0,0,.1,1);
 }
.advantages-highlights-component .pictures-container .items-list .items-list-item:last-child { margin-right: 0; }
.advantages-highlights-component .pictures-container .items-list .items-list-item.is-hover { width: 6rem; border-radius: .16rem; }
.advantages-highlights-component .pictures-container .items-list .items-list-item .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.advantages-highlights-component .pictures-container .items-list .items-list-item .item-content { position: sticky; padding: .4rem .16rem; }
.advantages-highlights-component .pictures-container .items-list .items-list-item .item-icon { height: .64rem; width: .64rem; }
.advantages-highlights-component .pictures-container .items-list .items-list-item .item-title { margin-top: .24rem; font-size: .28rem; line-height: .42rem; font-weight: 700; color: #fff; }
.advantages-highlights-component .pictures-container .items-list .items-list-item .item-desc { display: none; font-size: .18rem; color: #fff; margin-top: .16rem; line-height: .28rem; } 
.advantages-highlights-component .pictures-container .items-list .items-list-item.is-hover  .item-desc { display: block; }
.cards-text-switch-component {
	position: relative;
}
.cards-text-switch-component .bg-image {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.cards-text-switch-component .pictures-container { padding:  .8rem 0; z-index: 2; position: sticky; }
.cards-text-switch-component .pictures-container .component-title { font-size: .4rem; color: #1a1a1a; line-height: .6rem; font-weight: 700; margin-bottom: .48rem; display: flex; justify-content: center; }
.cards-text-switch-component .pictures-container .item-list-container { display: flex; justify-content: center; position: relative; }
.cards-text-switch-component .pictures-container .items-list { display: flex; } 
.cards-text-switch-component .pictures-container .items-list a.no-link { cursor: default!important }
.cards-text-switch-component .pictures-container .items-list .items-list-item { position: relative; width: 4.64rem; height: 3.52rem; border-radius: .16rem; margin: 0 .12rem; box-sizing: border-box;  overflow: hidden; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .bg-grey { width: 100%; height: 100%; position: absolute;  background: rgba(0,0,0,0.40); z-index: 2;  }
.cards-text-switch-component .pictures-container .items-list .items-list-item .only-item-title { z-index: 3; transition: all .6s cubic-bezier(0,0,.1,1); left: .24rem;width: calc(100% - .48rem); font-size: .32rem; color: #fff; line-height: .42rem;font-weight: 700; position: absolute; bottom: calc(50% - .21rem);text-align: center; }
.cards-text-switch-component .pictures-container .items-list .items-list-item:hover .only-item-title { display: none; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .item-content {z-index: 3; position: absolute; bottom: -3.52rem; padding: .67rem .24rem; transition: all .6s cubic-bezier(0,0,.1,1); display: flex; justify-content: center;  flex-direction: column;  height: 100%; width: 100%; box-sizing: border-box; }
.cards-text-switch-component .pictures-container .items-list .items-list-item:hover .item-content { bottom: 0; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .item-icon { height: .64rem; width: .64rem; margin-bottom: .4rem; }
.cards-text-switch-component .pictures-container .items-list .items-list-item:hover .item-icon { display: none; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .item-title { font-size: .32rem; color: #fff; line-height: .42rem;font-weight: 700; }
.cards-text-switch-component .pictures-container .items-list .items-list-item .item-desc {  display: block; font-size: .16rem; color: #fff; margin-top: .16rem; line-height: .24rem; } 
.cards-text-switch-component .pictures-container .items-list .items-list-item .right-arrow { left: .24rem; width: .36rem; height: .28rem;position: absolute; bottom: .32rem; }
.cards-text-switch-component .is-arrow { position: absolute; top: calc(50% - .43rem); display: inline-block; width: .86rem; height: .86rem; cursor: pointer; z-index: 3; }
.cards-text-switch-component span.arrow-left { left: -1.1rem; background: url(../../../../content/dam/xydt/icons/left-arrow.svg) no-repeat; background-size: cover; }
.cards-text-switch-component span.arrow-right { right: -1.1rem; background: url(../../../../content/dam/xydt/icons/right-arrow.svg) no-repeat; background-size: cover; }
.cards-text-switch-component span.default{ opacity: .5; cursor: default;}

.ecss-pictures-component .pictures-container { margin:  .36rem 0; position: relative; padding-bottom: .16rem; }
.ecss-pictures-component .pictures-container .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.ecss-pictures-component .pictures-container .text-container { padding: .36rem; }
.ecss-pictures-component .pictures-container .tab-title { margin-bottom: .24rem;  font-size: .36rem; position: sticky; display: flex; justify-content: center; }
.ecss-pictures-component .pictures-container .banner-container { width: 100%; display: flex; align-items: center; justify-content: center; }
.ecss-pictures-component .pictures-container .banner-list { display: flex; align-items: center; }
.ecss-pictures-component .pictures-container .banner-list .banner-item { background: #fff; height: 2rem; width: 2rem; border-radius: .1rem;  display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 .2rem; box-sizing: border-box; margin-right: .2rem; }
.ecss-pictures-component .pictures-container .banner-list .banner-item:last-child { margin-right: 0; }
.ecss-pictures-component .pictures-container .banner-list .banner-item .item-pic { height: 1rem; }
.ecss-pictures-component .pictures-container .banner-list .banner-item .item-title { margin-top: .2rem; font-size: .14rem; color: #0077ff; }
.ecss-user-support-component .pictures-container { margin:  .8rem 0; }
.ecss-user-support-component .pictures-container .item-list-container { display: flex; justify-content: center; }
.ecss-user-support-component .pictures-container .items-list { display: flex; width: 100%; }
.ecss-user-support-component .pictures-container .items-list .mgr20 { margin-right: .24rem; }
.ecss-user-support-component .pictures-container .items-list .mgr20:last-child { margin-right: 0; }
.ecss-user-support-component .pictures-container .items-list .item-a { flex: 1; }
.ecss-user-support-component .pictures-container .items-list .items-list-item { width: 100%; padding: 0 .32rem 0 .48rem; display: flex; align-items: center; justify-content: space-between; position: relative; flex: 1; height: 2.26rem; border-radius: .16rem; box-sizing: border-box;  overflow: hidden; background: #EEEEEE; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .item-content { position: sticky; box-sizing: border-box; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .item-icon { height: .48rem; width: .48rem; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .item-title { margin-top: .16rem; font-size: .32rem; color: #333; font-weight: 700; line-height: .48rem;}
.ecss-user-support-component .pictures-container .items-list .items-list-item .item-desc { font-size: .16rem; margin-top: .16rem; } 
.ecss-user-support-component .pictures-container .items-list .items-list-item .link-btn { margin-top: .1rem; display: flex; align-items: center; font-size: .16rem; color: #999; line-height: .24rem; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .link-btn .link-icon { margin-left: .05rem; width: .2rem; height: .2rem; }
.ecss-user-support-component .pictures-container .items-list .items-list-item .right-icon { width: 1.22rem; height: 1.22rem;filter: grayscale(100%) brightness(140%); }
.ecss-user-support-component .pictures-container .items-list .items-list-item:hover .link-btn { color: #1a1a1a; }
.ecss-user-support-component .pictures-container .items-list .items-list-item:hover .right-icon { filter: none; }
.ecss-user-support-component .pictures-container .items-list .items-list-item:hover .link-btn .link-icon { filter: grayscale(100%) brightness(60%); }
.left-img-right-text-component .item-container {
    display: flex;
    padding: 1.2rem 0 .4rem 0;
}

.left-img-right-text-component .item-container .item-list {
    display: flex;
    gap: .4rem;
}

.left-img-right-text-component .item-container .content-item {
    display: flex;
    align-items: center;
}

.left-img-right-text-component .item-container .content-item.left {
    width: 6.4rem;
    height: 3.8rem;
}

.left-img-right-text-component .item-container .content-item.right {
    width: 7.6rem;
}

.left-img-right-text-component .item-container .content-item .img-container {
    overflow: hidden;
    border-radius: .16rem;
}

.left-img-right-text-component .item-container .content-item .text-container {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    justify-items: center;

}

.left-img-right-text-component .item-container .content-item .text-container h2 {
    font-size: .4rem;
    color: #333333;
    font-weight: 700;
}

.left-img-right-text-component .item-container .content-item .text-container h3 {
    font-size: .24rem;
    color: #1A1A1A;
    font-weight: 500;
    line-height: .33rem;
}

.left-img-right-text-component .item-container .content-item .text-container h4 {
    font-size: .18rem;
    line-height: .32rem;
    color: #1A1A1A;
}

.left-img-right-text-component .item-container .content-item .text-container .info-button {
    padding: .1rem .36rem;
    border-radius: 3px;
    background: #0077ff;
    color: #fff;
    cursor: pointer;
    margin-top: .24rem;
    display: inline-block;
}
.ecss-corp-culture-component .pictures-container { margin:  .36rem 0; position: relative; padding-bottom: .16rem; }
.ecss-corp-culture-component .pictures-container .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.ecss-corp-culture-component .pictures-container .text-container { padding: .8rem; }
.ecss-corp-culture-component .pictures-container .tab-title { margin-bottom: .8rem;  font-size: .4rem; position: sticky; display: flex; justify-content: center; font-weight: 700; color: #333333; line-height: .55rem; }
.ecss-corp-culture-component .pictures-container .banner-container { width: 100%; display: flex; align-items: center; justify-content: center; }
.ecss-corp-culture-component .pictures-container .banner-list { display: flex; align-items: center; justify-content: space-around; width: 100%; }
.ecss-corp-culture-component .pictures-container .banner-list .banner-item { display: flex; flex-direction: column;      width: fit-content; align-items: center;  }
.ecss-corp-culture-component .pictures-container .banner-list .banner-item .item-title { font-size: .32rem; color: #1a1a1a; font-weight: 700; position: relative; width: fit-content; line-height: .32.rem; }
.ecss-corp-culture-component .pictures-container .banner-list .banner-item .item-title:after { background-color: #333; position: absolute; left: 50%; transform: translate(-50%, -50%); bottom: -.35rem; content: ""; width: 100%; height: .03rem; }
.ecss-corp-culture-component .pictures-container .banner-list .banner-item .item-desc { font-size: .24rem; margin-top: .67rem; color: #4d4d4d; width: max-content; line-height: .32rem; }
.dt-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    z-index: 99;
    display: none;
}

.dt-header-underline {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 0;
    height: 0.03rem;
    transition: all 0.3s;
    background: #0077ff;
    display: block;
}

.dt-header-container {
    border-bottom: solid 1px #e5e5e5;
}

.dt-header {
    margin: auto;
    display: flex;
    align-items: center;
    height: 0.72rem;
}

.dt-header-logo {
    width: 4.42rem;
    height: .32rem;
    display: flex;
}

.dt-header-logo>a {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: .3rem;
    color:#0077ff;
}

.dt-header-logo img {
    height: 24px;
}

.dt-header-logo img:hover {
    transform: none;
}

.dt-header-nav {
    display: flex;
    flex: 1;
    font-size: 0.16rem;
    color: #1a1a1a;
    line-height: 0.24rem;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.dt-header-nav .menu-nav {
    display: flex;
    flex: 1;
    gap: 0.8rem;
    height: 100%;
}

.dt-header-nav .menu-nav .menu-list {
    align-items: center;
    display: flex;
}

.dt-header-nav .menu-nav .menu-list>a:hover {
    color: #1a1a1a;
}

.dt-header-nav .menu-nav .menu-list>a {
    color: #4d4d4d;
}

.dt-header-nav .menu-nav .menu-list .no-href {
    cursor: default !important;
}

.dt-header-content {
    border-bottom: 1px solid #3333;
}

.dt-header-nav-open-container {
    height: auto;
    background: white;
    width: 100%;
    justify-content: center;
    border: solid 1px #e5e5e5;
    position: absolute;
    z-index: 100;
    display: none;
    overflow: hidden;
}

.dt-header-nav-open-container.active {
    display: block;
}

.dt-header-nav-open-container .dt-header-nav-open {
    display: flex;
    justify-content: center;
    padding-top: 0.4rem;
}

.dt-header-nav-open-container .dt-header-nav-open .active {
    display: flex !important;
}

.dt-header-nav-open-container .dt-header-nav-open .dt-header-a:hover {
    color: #1a1a1a !important;
}

.dt-header-nav-open-container .dt-header-nav-open .solution {
    display: flex;
    gap: 0.8rem;
    display: none;
}

.dt-header-nav-open-container .dt-header-nav-open .solution .sp-ul-list {
    display: flex;
    gap: 0.16rem;
    flex-direction: column;
}

.dt-header-nav-open-container .dt-header-nav-open .solution .sp-ul-list .sp-li-a {
    white-space: nowrap;
    font-size: 0.16rem;
    color: #4d4d4d;
}

.dt-header-nav-open-container .dt-header-nav-open .support,
.dt-header-nav-open-container .dt-header-nav-open .aboutus {
    display: flex;
    gap: 0.24rem;
    display: none;
}

.dt-header-nav-open-container .dt-header-nav-open .new-sider {
    width: 2.4rem;
    height: 1.2rem;
    display: flex;
    position: relative;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.08rem;
}

.dt-header-nav-open-container .dt-header-nav-open .new-sider .new-sider-desc {
    position: absolute;
    z-index: 1;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.16rem;
    color: #ffffff;
    font-weight: 700;
    height: 0.22rem;
}

.dt-header-mobile {
    margin: auto;
    display: flex;
    align-items: center;
    height: 1.48rem;
    padding: 0 .32rem;
}

.dt-header-nav-mobile {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.dt-header-nav-mobile>img {
    height: 0.64rem;
    width: 0.64rem;
}

.dt-header-logo-mobile {
    flex: 1;
}

.dt-header-logo-mobile>a {
    width: 2.52rem;
    height: .64rem;
}


.dt-header-logo-mobile>a {
    width: 2.52rem;
    height: .64rem;
}

.dt-header-nav-open-mobile {
   position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2005;
}

.dt-header-nav-open-mobile .menu-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #333;
    background: #fff;
    transition: all .5s ease;
    left: 15%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: .54rem;
    padding-right: .6rem;
}
.ecss-pictures-switch-component .pictures-container { margin:  .36rem 0; position: relative; }
.ecss-pictures-switch-component .pictures-container.office { margin:0; }
.ecss-pictures-switch-component .pictures-container.new-start-honors { margin:1.2rem 0 0 0 ;}
.ecss-pictures-switch-component .pictures-container .bg-image { position: absolute; object-fit: cover; width: 100%; height: 100%; }
.ecss-pictures-switch-component .pictures-container .pictures-wrap { position: sticky; padding-bottom: .48rem;  }
.ecss-pictures-switch-component .pictures-container .component-title { font-size: .4rem;color: #333333;font-weight: 700; line-height: .55rem; margin-bottom: .4rem; display: flex; justify-content: center; padding-top: .8rem; }
.ecss-pictures-switch-component .pictures-container .item-list-container { display: flex; justify-content: center; }
.ecss-pictures-switch-component .pictures-container .item-list-container .relative-container { position: relative; }
.ecss-pictures-switch-component .pictures-container .items-list { display: flex; flex-flow: nowrap; width: 14.64rem; align-items: flex-start; }
.ecss-pictures-switch-component .pictures-container .items-list.no-wrap { flex-flow: nowrap; width: auto; }
.ecss-pictures-switch-component .pictures-container .items-list .items-list-item { width: 2.2rem;margin: 0 .12rem;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: .32rem; }
.ecss-pictures-switch-component .pictures-container .items-list .items-list-item .img-container {
    width: 1.96rem;
    height: 2.58rem;
    box-sizing: border-box;
    position: relative;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #EBE2CD 33%, #A8957E 66%, #D7C1B0 100%);
    box-sizing: content-box;
    padding: .12rem;
 }
.ecss-pictures-switch-component .pictures-container .items-list .items-list-item .img-container .img-overflow {
	max-width: 100%; 
    max-height: 100%;
    overflow: hidden;
}
.ecss-pictures-switch-component .pictures-container .items-list .items-list-item .img-container img { max-width: 100%; max-height: 100%; }
.ecss-pictures-switch-component .pictures-container .items-list .items-list-item .item-title {line-height: .22rem;font-size: .16rem; color: #1a1a1a; margin-top: .28rem;     max-width: 2.2rem; text-align: center;  }

.ecss-pictures-switch-component .is-arrow { position: absolute; top: .83rem; display: inline-block; width: .86rem; height: .86rem; cursor: pointer; }
.ecss-pictures-switch-component span.arrow-left { left: -1.1rem; background: url(../../../../content/dam/xydt/icons/left-arrow.svg) no-repeat; background-size: cover; }
.ecss-pictures-switch-component span.arrow-right { right: -1.1rem; background: url(../../../../content/dam/xydt/icons/right-arrow.svg) no-repeat; background-size: cover; }
.ecss-pictures-switch-component span.default{ opacity: .5; cursor: default;}

.page-tab-seven-card-component .tab-nav { margin:  .36rem 0; position: relative; padding-bottom: .16rem; }
.page-tab-seven-card-component .tab-nav .text-container { padding: .36rem; }
.page-tab-seven-card-component .tab-nav .zte-wrap {display: flex; justify-content: space-around}
.page-tab-seven-card-component .tab-nav .rightItem, .imageItem { display: none }
.page-tab-seven-card-component .tab-nav .rightItem {position: relative; top: 1rem; left: -2rem;}
.page-tab-seven-card-component .tab-nav .rightItem .right-content-title {font-size:.24rem; font-weight: bold; margin-bottom: 0.3rem; letter-spacing: 0.05em}
.page-tab-seven-card-component .tab-nav .rightItem .right-content-content {letter-spacing: 0.02rem; font-size:.16rem }
.page-tab-seven-card-component .tab-nav .tab-title { margin-bottom: .24rem;  font-size: .36rem; position: sticky; display: flex; justify-content: center; }
.page-tab-seven-card-component .tab-nav .tab-nav-list { width: 100%; height: .36rem; display: flex; align-items: center; padding: 0.1rem 0; border-radius: .16rem; background: #e5e5e5; justify-content: space-around; }
.page-tab-seven-card-component .tab-nav .tab-nav-list .tab-nav-item { height: 100%;  display: flex; align-items: center; justify-content: center; font-size: .16rem;border-radius: .20rem; flex: 1; cursor: pointer;}
.page-tab-seven-card-component .tab-nav .tab-nav-list .tab-nav-item.is-active, .page-tab-list-right-content-component .tab-nav .tab-nav-list .tab-nav-item:hover { background: #000; color: #fff; }
.advantages-icon-cards-component .pictures-container {
  position: relative;
  width: 100%;
  min-height: 6.2rem;
}

.advantages-icon-cards-component .content-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.advantages-icon-cards-component .content-title {
  padding: 0.8rem 0;
  font-size: 0.4rem;
  color: #1a1a1a;
  text-align: center;
  line-height: 0.6rem;
  font-weight: 700;
}

.advantages-icon-cards-component .zte-wrap {
  padding-bottom: 1.2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.24rem;
  align-items: center;
  justify-items: center;
}

.advantages-icon-cards-component .items-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.advantages-icon-cards-component .items-list-item {
  background: rgba(255, 255, 255, 0.6);
  height: 2.8rem;
  border-radius: 0.08rem;
  width: 4.64rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  flex-direction: column;
}

.advantages-icon-cards-component .items-list-item:hover {
  background-color: #ffffff;
}

.advantages-icon-cards-component .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.advantages-icon-cards-component .item-title {
  font-size: 0.32rem;
  color: #333333;
  text-align: center;
  line-height: 0.5rem;
  font-weight: 700;
}

.advantages-icon-cards-component .item-icon {
  width: 0.89rem;
  height: 0.8rem;
}

.contact-us-component .component-container { margin: .8rem 0; }
.contact-us-component .component-container .component-title { font-size: .4rem; color: #333; font-weight: 700; margin-bottom: .8rem; display: flex; justify-content: center; }
.contact-us-component .component-container .contact-us { padding-bottom: .8rem; }
.contact-us-component .component-container  .contact-us .content { display: flex; }
.contact-us-component .component-container  .contact-us .pdl80 { padding-left: .8rem; }
.contact-us-component .component-container  .contact-us .contact-us-content { width: 50%; }
.contact-us-component .component-container  .contact-us .contact-us-content h3 { font-weight: 700;font-size: .32rem; color: #333; line-height: .32rem; }
.contact-us-component .component-container  .contact-us .contact-us-content h4 { font-weight: 700; margin-top: .5rem; font-size: .24rem; color: #333; line-height: .32rem; }
.contact-us-component .component-container  .contact-us .mg20 { margin-top: .24rem; }
.contact-us-component .component-container  .contact-us .mg12 { margin-top: .12rem; }
.contact-us-component .component-container  .contact-us .content-p {
	font-size: .2rem;
	color: #1A1A1A;
	line-height: 32px;
}
.contact-us-component .component-container  .contact-us .ml24 {
	margin-left: .24rem;
}
.contact-us-component .component-container  .contact-us .contact-us-row { display: flex;align-items: flex-start;color: #1a1a1a;font-size: .2rem;line-height: .24rem;margin-top: .16rem; }
.contact-us-component .component-container  .contact-us .contact-us-row img { width: .24rem; }
.contact-us-component .component-container  .contact-us .contact-us-row .contact-us-row-title { margin-left: .16rem; }
.contact-us-component .component-container  .contact-us .contact-us-row .contact-us-row-line { height: .24rem; width: 1px;margin: 0 .32rem;background-color: #4d4d4d; }
.contact-us-component .component-container  .contact-us .contact-us-row .contact-up-row-text { line-height: .24rem; color: #1a1a1a; font-size: .2rem; }
.contact-us-component .component-container  .contact-us .contact-us-row .contact-up-row-text1 { display: flex;align-items: center; color: #1a1a1a; font-size: .2rem; }
.contact-us-component .component-container  .contact-us .contact-us-row .mgl20 { margin-left: .2rem; }

.advantages-three-cards-icon-component .pictures-container {
  width: 100%;
  padding: .2rem;
  box-sizing: border-box;
}


.advantages-three-cards-icon-component .zte-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.advantages-three-cards-icon-component .items-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.advantages-three-cards-icon-component .items-list-item {
  display: flex;
  width: 100%;
  margin: .1rem .4rem;
  border-right: 1px solid #ddd;
  justify-content: space-between;
}

.advantages-three-cards-icon-component .items-list-item:last-child {
    border-right: 0
}


.advantages-three-cards-icon-component .item-content {
  display: flex;
  width: 100%;
  align-items: center;
}


.advantages-three-cards-icon-component .item-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
}


.advantages-three-cards-icon-component .item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%; 
}


.advantages-three-cards-icon-component .item-title {
  font-size: .24rem;
  font-weight: bold;

}


.advantages-three-cards-icon-component .item-desc {
  font-size: .14rem; 
  color: #666;
  margin-top: .05rem
}
.advantages-source-cards-component .pictures-container {
  text-align: center;
  margin-top: .4rem
}

.advantages-source-cards-component .content-title {
    padding-bottom: 1.6%;
    font-size: .40rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
}

.advantages-source-cards-component .zte-wrap.item-list-container {
  width: 100%;
}

.advantages-source-cards-component .items-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  list-style: none;
  margin: 0;
  gap: 0.4%;
}

.advantages-source-cards-component .items-list-item {
  position: relative;
  flex: 0 0 calc((100% - 6 * 0.4%) / 7);
  margin-bottom: 5.6%;
  height: 3.80rem;
  background: rgba(51,51,51,0.30);
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
}



.advantages-source-cards-component .items-list-item img.content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 8px;
  transition: all .6s ease-in-out;
}

.advantages-source-cards-component .items-list-item:hover img.content-image {
  transform: scale(1.1);
}

.advantages-source-cards-component .item-content {
  padding: .16rem;
  z-index: 1;
}

.advantages-source-cards-component .item-title {
    position: absolute;
    top: .24rem;
    left: .24rem;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font-size: .24rem;
    color: #FFFFFF;
    text-align: center;
    line-height: .30rem;
    font-weight: 700;
}

.advantages-source-cards-component .item-desc {
  position: absolute;
  bottom: .24rem;
  right: .24rem;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: .20rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .30rem;
}

.dt-ecss-document-component {
    padding: .48rem 0 0 0;
}
.dt-ecss-document-component .document-wrap {
    display: flex;
    gap: .24rem;
    margin: auto;
    max-width: 14.08rem;
    height:100%;
    min-height:8rem;
}

.dt-ecss-document-component .document-nav {
    display: flex;
    width: 3.08rem;
    border-right: solid 1px #ddd;
    flex-direction: column;
    gap: .36rem;
    padding: 0 .16rem;
}

.dt-ecss-document-component .document-content {
    display: flex;
    flex: 1;
}

.dt-ecss-document-component .document-search {
    display: flex;
    height: 0.48rem;
    align-items: center;
    gap: 0.08rem;
    border: solid 1px #9d9d9d;
    background: #ffffff;
    border: 1px solid rgba(191, 191, 191, 1);
    border-radius: 4px;
}

.dt-ecss-document-component .document-search .document-keyword {
    display: flex;
    flex: 1;
    height: 100%;
}


.dt-ecss-document-component .document-search .clear {
    display: flex;
    height: .2rem;
    width: .2rem;
    font-size: .14rem;
    color: #aaa;
    cursor: pointer;
    line-height: .2rem;
}

.dt-ecss-document-component .document-search>img {
    height: .2rem;
    width: .2rem;
    padding-left: .16rem;
}

.dt-ecss-document-component .document-nav .document-title {
    font-size: .18rem;
    color: #333333;
    line-height: .24rem;
    font-weight: 700;
}

.dt-ecss-document-component .document-nav .hide {
    display: none;
}

.dt-ecss-document-component .document-nav .document-tree {
    height: 100%;
}

.dt-ecss-document-component .document-nav .document-tree .document-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.dt-ecss-document-component .document-nav .document-tree .document-list .node-ul {
    list-style: none;
    padding-left: 0.16rem;
}

.dt-ecss-document-component .document-nav .document-tree .document-list .node-nav.bold {
    font-size: .18rem;
    color: #333333;
}


.dt-ecss-document-component .document-nav .document-tree .document-list .node-nav {
    font-size: .16rem;
    color: #737373;
    line-height: .24rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    flex: 1;
}


.dt-ecss-document-component .document-nav .document-tree .document-list .node-li {
    display: flex;
    align-items: center;
    height: .48rem;
    overflow: hidden;
    width: 100%;
    padding-right: .16rem;
    cursor: pointer;
}

.dt-ecss-document-component .document-nav .document-tree .document-list .node-li .icon {
    display: inline-block;
    width: .16rem;
    font-size: .16rem;
    line-height: .16rem;
    cursor: pointer;
}

.dt-ecss-document-component .document-nav .document-tree .document-list .node-content {
    margin-left: .16rem;
    cursor: pointer;
    line-height: .32rem;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: .2rem;
    color: #737373;
}

.dt-ecss-document-component .document-nav .document-tree .document-list .node-content:hover {
    color: #0077FF;
}

.dt-ecss-document-component .document-nav .document-tree .document-list .node-content.active {
    color: #0077FF;
}

.dt-ecss-document-component .document-content>iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.dt-ecss-document-component .document-nav .document-tree .document-search-list .node-content {
    cursor: pointer;
    line-height: .36rem;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dt-ecss-document-component .document-nav .document-tree .document-search-list .node-content:hover {
    color: #0077FF;
}

.dt-ecss-document-component .document-nav .document-tree .document-search-list .node-content.active {
    color: #0077FF;
}
.join-us-banner-component .pictures-container {
    position: relative;
    height: 6rem;
    width: 100%;
}

.join-us-banner-component .pictures-container .bg-image {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.join-us-banner-component .pictures-container .pictures-wrap {
    position: sticky;
}

.join-us-banner-component .pictures-container .component-title {
    font-size: 0.4rem;
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    color: #333;
    font-weight: 700;
}

.join-us-banner-component .pictures-container .search-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 6.8rem;
    position: absolute;
    bottom: 1.04rem;
    width: 100%;
    justify-content: center;
}


.join-us-banner-component .pictures-container .search-container .search-wrap {
    width: 6.8rem;
    display: flex;

}

.join-us-banner-component .pictures-container .contact-container {
    position: absolute;
    bottom: 0.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100%;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    gap: 0.24rem;
    
}
.join-us-banner-component .pictures-container .contact-container div {
    line-height: .32rem;
    height: .32rem;
}


.join-us-banner-component .pictures-container .search-container input[type="text"] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 0.16rem;
}

.join-us-banner-component .pictures-container .search-container .search-wrap .search-input {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: .16rem;
    gap: .16rem;
    border: 1px solid #e5e5e5;
    border-top-left-radius: .32rem;
    border-bottom-left-radius: .32rem;
    background: #fff;
}
.join-us-banner-component .pictures-container .search-container .search-wrap .search-input img {
    left: 0.16rem;
    height: 0.2rem;
    width: 0.2rem;
    pointer-events: none;
}

.join-us-banner-component .pictures-container .search-container button {
    background-color: #0077ff;
    color: white;
    border: none;
    padding: 0.12rem 0.16rem;
    cursor: pointer;
    font-size: 0.16rem;
    width: 0.96rem;
    border: 1px solid #0077ff;
    border-top-right-radius: .32rem;
    border-bottom-right-radius: .32rem;
}

.join-us-banner-component .pictures-container .search-container button:hover {
    background-color: #0056b3;
}
.join-us-component .document-wrap {
    display: flex;
    height: 100%;
    padding: .8rem .8rem .48rem;
    justify-content: center;
}
.join-us-component .document-wrap .document-container {
	width: 12.4rem;
    display: flex;
}
.join-us-component .document-nav {
    display: flex;
    width: 2.4rem;
    border-right: solid 1px #d9d9d9;
    flex-direction: column;
}
.join-us-component .document-nav h3 {
    font-size: .2rem;
    color: #333;
    font-weight: 700;
    margin-bottom: .16rem;
}
.join-us-component .job-section {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.join-us-component .job-section .job-list .job-list-title {
    font-size: .4rem;
    color: #333;
    font-weight: 700;
    padding-left: .32rem;
}
.join-us-component .job-section .job-list .job-list-title span {
    margin-left: .05rem;
}
.join-us-component .job-section .job-list .job-items {
    min-height: .8rem;
    width: 100%;
}
.join-us-component .job-section .job-list .job-items .job-ul {
	margin-top: .24rem;
}
.join-us-component .job-section .job-list .job-items .job-ul li {
	cursor: pointer;
    padding: .16rem .32rem;
}
.join-us-component .job-section .job-list .job-items .job-ul li:hover {
	background: #f5f5f5;
}
.join-us-component .job-section .job-list .job-items .job-ul .job-li-title {
	font-size: .18rem;
	color: #333333;
    font-weight: 700;
}
.join-us-component .job-section .job-list .job-items .job-ul .job-li-desc {
	font-size: .14rem;
	color: #4D4D4D;
    margin: .16rem 0;
}
.join-us-component .job-section .job-list .job-items .job-ul .job-li-content {
	font-size: .14rem;
	color: #4D4D4D;
    line-height: .22rem;
    white-space: pre-line;
}
.join-us-component .job-section .pages-section {
    width: 100%;
    margin-top: .4rem;
    display: flex;
    justify-content: center;
}
.join-us-component .job-section .pages-section .pages-container {
    width: auto;
    display: flex;
    align-items: center;
}
.join-us-component .job-section .pages-section .pages-container .page-pre {
    background: url(https://www.zte.com.cn/content/dam/zte-site/res-www-zte-com-cn/zte_icon/ico-arr-nocir-left.png);
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .14rem;
}
.join-us-component .job-section .pages-section .pages-container .page-on {
    background-color: #008de3;
    color: #fff;
    border-radius: .25rem;
    display: inline-block;
    vertical-align: middle;
    width: .34rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .16rem;
    text-align: center;
    margin: 0 .12rem;
}
.join-us-component .job-section .pages-section .pages-container .page-next {
    cursor: pointer;
    background: url(https://www.zte.com.cn/content/dam/zte-site/res-www-zte-com-cn/zte_icon/ico-arr-nocir-right.png);
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .14rem;
}

.join-us-component .document-search {
    width: 3.08rem;
    display: flex;
    height: 0.48rem;
    align-items: center;
    gap: 0.08rem;
    border: solid 1px #9d9d9d;
    background: #ffffff;
    border: 1px solid rgba(191, 191, 191, 1);
    border-radius: 4px;
}



.join-us-component .document-search .document-keyword {
    display: flex;
    flex: 1;
    height: 100%;
}


.join-us-component .document-search .clear {
    display: flex;
    height: 20px;
    width: 20px;
    font-size: 14px;
    color: #aaa;
    cursor: pointer;
}

.join-us-component .document-search>img {
    height: 20px;
    width: 20px;
    padding-left: 16px;
}

.join-us-component .document-nav .document-title {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    font-weight: 700;
}

.join-us-component .document-nav .hide {
    display: none;
}

.join-us-component .document-nav .document-list {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: .16rem;
}

.join-us-component .document-nav .document-list .node-ul {
    list-style: none;
    padding-left: 8px;
    margin: 12px 0 0 0;
}

.join-us-component .document-nav .document-list .node-first {
    margin-top: .16rem;
}

.join-us-component .document-nav .document-list .node-nav {
    color: #1A1A1A;
    line-height: .22rem;
    font-size: .16rem;
    line-height: 24px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.join-us-component .document-nav .document-list .node-nav:hover {
    color: #737373;
}

.join-us-component .document-nav .document-list .node-li {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 24px;
    overflow: hidden;
}

.join-us-component .document-nav .document-list .node-li .icon {
    display: inline-block;
    width: 12px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}
.join-us-component .document-nav .document-list .node-li .icon.collapsed {
    transform: rotate(90deg);
    transition: transform .2s;
}

.join-us-component .document-nav .document-list .node-content {
    margin-left:.24rem;;
    cursor: pointer;
    line-height: .22rem;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.join-us-component .document-nav .document-list .node-content:hover {
    color: #0077FF;
}

.join-us-component .document-nav .document-list .node-content.active {
    color: #0077FF;
}

.join-us-component .document-content .iframe-container {
    width: 100%;
    height: 100%;
    min-height: 2rem;
}
.join-us-component .document-content .iframe-container>iframe {
    width: 100%;
    height: 100%;
}

.join-us-component .document-nav .document-search-list .node-content {
   color: #1A1A1A;
    cursor: pointer;
    line-height: .22rem;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.join-us-component .document-nav  .document-search-list .node-content:hover {
    color: #0077FF;
}

.join-us-component .document-nav  .document-search-list .node-content.active {
    color: #0077FF;
}

.join-us-component .document-nav .city-list .city-li {
	margin-bottom: .16rem;
    font-size: .16rem;
	color: #1A1A1A;
	line-height: .22rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.join-us-component .document-nav .city-list .city-li:hover {
	color: #0077ff;
}
.join-us-component .document-nav .city-list .city-li .checkbox-icon, .join-us-component .document-nav .document-list .node-content .checkbox-icon {
    width: .14rem;
    height: .14rem;
    margin-right: .08rem;
    cursor: pointer;
}
.join-us-component .document-content {
	display: none;
    width: 100%;
}
.join-us-component .document-content .detail-title {
    font-size: .4rem;
    color: #333333;
    font-weight: 700;
}
.join-us-component .document-content .detail-desc {
    font-size: .14rem;
    color: #4D4D4D;
    margin: .16rem 0;
}
.join-us-component .document-content .detail-time {
    font-size: .14rem;
    color: #4D4D4D;
    margin-bottom: .32rem;
}

.page-three-cards-hover-component .pictures-container {
  text-align: center;
  margin-bottom: 1.6rem
}

.page-three-cards-hover-component .content-title {
  padding:0.8rem 0 0.4rem 0;
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
  color: #222222;
  max-width: 13.14rem;
  margin: 0 auto;
}

.page-three-cards-hover-component .items-list {
    display: flex;
    flex-wrap: wrap;
    gap: .24rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-three-cards-hover-component .items-list-item {
    position: relative;
    width: calc((100% - 0.48rem) / 3);
    height: 2.9rem;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: .08rem;
    cursor: pointer;
}

.page-three-cards-hover-component .item-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.page-three-cards-hover-component .item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page-three-cards-hover-component .item-overlay {
  position: absolute;
  left: 0.24rem;
  right: 0.1rem;
  bottom: 0.16rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  pointer-events: none;
}

.page-three-cards-hover-component .item-title{
  font-size: .24rem;
}

.page-three-cards-hover-component .item-desc{
  font-size: .16rem;
}

.page-three-cards-hover-component .item-title,
.page-three-cards-hover-component .item-desc {
  color: #fff;
  margin: 0;
  line-height: 1.4;
  transition: all 0.6s ease;
  padding: 0.04rem 0.06rem;
  border-radius: .04rem;
  text-align: left;
  font-weight: 500;
}

.page-three-cards-hover-component .item-desc {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.page-three-cards-hover-component .items-list-item:hover .item-desc {
  opacity: 1;
  max-height: 2rem;
}

.page-three-cards-hover-component .items-list-item:hover .item-image-overlay{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.70) 99%, rgba(0,0,0,0.90) 100%);
}
.page-competence-roadmap-card-component .pictures-container {
  text-align: center;
  position: relative;
  z-index: 0;
  margin-top: .8rem
}

.page-competence-roadmap-card-component .item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.page-competence-roadmap-card-component .content-title {
  padding: .8rem 0;
  font-size: .4rem;
  font-weight: 700;
  text-align: center;
  color: #333;
  max-width: 13.14rem;
  margin: 0 auto;
}

.page-competence-roadmap-card-component .items-list {
  display: flex;
  flex-wrap: wrap;
  gap: .20rem;
  padding: 0;
  list-style: none;
  justify-content: space-around
}

.page-competence-roadmap-card-component .items-list-item {
  width: calc((100% - .4rem) / 3);
  background: rgba(255, 255, 255, 0.75);
  border-radius: .08rem;
  padding-top: .46rem;
  padding-bottom: .63rem;
  box-sizing: border-box;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: .12rem;
  align-items: center;
}

.page-competence-roadmap-card-component .items-list-item:hover {
  background: #ffffff;
  border-radius: .08rem .08rem 0 0;
  transform: scaleY(1.05);
  transform-origin: top;
}

.page-competence-roadmap-card-component .is-hover{
  background: #ffffff;
  border-radius: .08rem .08rem 0 0;
  transform: scaleY(1.05);
  transform-origin: top;
}

.page-competence-roadmap-card-component .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .16rem;
}

.page-competence-roadmap-card-component .item-content-box {
  padding: .08rem;
  text-align: center;
  color: #333;
  border: 1px solid rgba(26,26,26,1);
  border-radius: .08rem;
  width: 3.04rem
}

.page-competence-roadmap-card-component .item-title {
  margin: 0 0 .08rem 0;
  font-size: .32rem;
  color: #333333;
  text-align: center;
  line-height: .44rem;
}

.page-competence-roadmap-card-component .item-content-box-title{
  font-size: .24rem;
  color: #333333;
  text-align: center;
  line-height: .40rem;
}

.page-competence-roadmap-card-component .item-four-title {
  font-size: .18rem;
  color: #737373;
  text-align: center;
  line-height: .26rem;
}

.page-competence-roadmap-card-component .item-text-list-container {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 68%);
}

.page-competence-roadmap-card-component .text-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 整体居中排布 */
  gap: .20rem;
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 3.48rem
}

.page-competence-roadmap-card-component .text-list-item {
  display: none;
  flex: 0 0 calc(33.333% - .1333rem);
  box-sizing: border-box;
  padding-top: .41rem;
  padding-left: .8rem;
  border-radius: .08rem;
}

.page-competence-roadmap-card-component .text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .12rem;
  position: relative;
  left: 10%;
}

.page-competence-roadmap-card-component .text-content > .text-title {
  margin: 0;
  font-size: .24rem;
  color: #333;
  padding-left: 0;
}

.page-competence-roadmap-card-component .text-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .04rem;
}

.page-competence-roadmap-card-component .text-box .text-box-title {
  position: relative;
  padding-left: 1em;
  font-size: .18rem;
  color: #333;
  margin: 0;
}

.page-competence-roadmap-card-component .text-box .text-box-title::before {
  content: "•";
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}

.page-competence-roadmap-card-component .text-desc {
  color: #4D4D4D;
  font-size: .16rem;
  line-height: 1.5;
  text-align: left;
  margin: 0;
}

.page-banner-text-component .pictures-container {
  position: relative;
  width: 100%;
  height: 8rem;
}

.page-banner-text-component .content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.page-banner-text-component .content-container {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 2.6rem;
  flex-direction: column;
}

.page-banner-text-component .content-container .container {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap:.4rem;
}

.page-banner-text-component .content-container .title-content {
  display: flex;
  height: 1.05rem;
}

.page-banner-text-component .content-container .desc {
  display: flex;
  height: 0.4rem;
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.4rem;
}
.page-banner-text-component .content-container .desc>span {
  width:100%
}
.page-banner-text-component .list-container {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 1.8rem;
}

.page-banner-text-component .item-list-container {
  position: absolute;
  bottom: 1.1%;
  left: 0;
  width: 100%;
  z-index: 1;
}

.page-banner-text-component .items-list {
  display: flex;
  gap: 0.24rem;
  margin: 0;
  list-style: none;
}

.page-banner-text-component .items-list-item {
  display: flex;
  justify-content: center;
  width: 2.68rem;
  height: 1.8rem;
}

.page-banner-text-component .item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
}

.page-banner-text-component .item-title {
  position: relative;
  font-size: 0.5rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  line-height: 0.69rem;
}

.page-banner-text-component .item-title::after {
  content: "+";
  position: absolute;
  top: 0;
  right: -0.3rem;
  line-height: 0.9;
  height: 0.4rem;
  width: 0.24rem;
  font-size: 0.4rem;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 0.4rem;
  font-weight: 700;
}

.page-banner-text-component .item-desc {
  font-size: 0.2rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  line-height: 0.27rem;
}

.footer {
    padding: 0.4rem 0 !important;
    background: #051b33;
    border-radius: 0.01rem;
    font-size: 0.16rem;
}

.footer .container-footer-wrap {
    margin: auto;
    display: flex;
    gap: 1.2rem;
}

.footer-tabs {
    display: flex;
    flex: 1;
}

.footer-tabs-item {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.tabs-item .tabs-item-title {
    font-size: 0.2rem;
    color: #eee;
    font-weight: 700;
}

.tabs-item .tabs-sub-title {
    font-size: 0.16rem;
    color: #bfbfbf;
    font-weight: 400;
    line-height: 0.2rem;
}

.a-tabs-item {
    margin-top: 0.2rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.a-tabs-item a {
    font-size: .16rem;
    color: #BFBFBF;
    line-height: .2rem;
    font-weight: 400;
    opacity: .6;
}

.a-tabs-item a:hover {
    color: #ffffff;
    cursor: pointer;
}

.footer-logo-icon {
    display: flex;
}

.footer-icon-item {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.2rem;
    cursor: pointer;
}

.footer-hr {
    height: 0.01rem;
    background: #333333;
    border-radius: 0.01rem;
}

.footer-company {
    margin-top: 0.43rem;
    margin-bottom: 0.38rem;
    display: flex;
    justify-content: space-between;
}

.footer-company a {
    cursor: pointer;
    margin-right: 0.5rem;
    font-size: 0.14rem;
    color: #aaaaaa;
}

.footer-company a:hover {
    color: #ffffff;
}

.footer-company a img {
    transition: none;
}

.footer-company a:hover img {
    transform: none;
}

.footer-legal a img {
    transition: none;
}

.footer-legal a:hover img {
    transform: none;
}

.footer-icon-item a img {
    transition: none;
}

.footer-icon-item a:hover img {
    transform: none;
}

.footer-legal {
    margin-top: 0.38rem;
    padding-bottom: 0.36rem;
    font-size: 0.14rem;
    color: #999999;
    display: flex;
    align-items: center;
}

.footer-legal a {
    text-decoration: none;
    cursor: pointer;
    color: #999999;
}

.footer-legal-icon {
    width: 0.23rem;
    height: 0.25rem;
    margin-left: 0.08rem;
    margin-right: 0.2rem;
}

.foot-oa {
    width: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.foot-oa .footer-oa-imgs {
    display: flex;
    gap: 0.24rem;
    flex-wrap: wrap;
    justify-content: end;
}

.foot-oa .footer-oa-imgs .oa-imgs-item {
    color: #fff;
    width:1.2rem;
}

.foot-oa .footer-oa-imgs .oa-imgs-item > div {
    opacity: .6;
}
.foot-oa .footer-oa-imgs .oa-imgs-item>img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: cover;
}


.foot-oa .footer-oa-imgs .oa-imgs-item>div {
    text-align: center;
    text-align: center;
    margin-top: .14rem;
    font-size: .14rem;
    color: #BFBFBF;
    line-height: .22rem;
}

.foot-oa .footer-oa-info {
    display: flex;
    color: #bfbfbf;
    flex-direction: column;
    gap: .02rem;
    text-align: right;
    font-weight: 400;
    line-height: .24rem;
    opacity: .6;
}
.footer-legals {
    background: #051B33;
}

.footer-legals .footer-legals-cnt  { 
    margin: auto;
}

.footer-legals .footer-legals-item {
    padding:  0.24rem 0 0.24rem;
    display: flex;
    justify-content: space-between;
}

.footer-legals .footer-legals-left {
    display: flex;
    align-items: center;
}

.footer-legals .fl-left-cnt {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:24px;
}

.footer-legals .fl-left-cnt a {
    display: inline-block;
    cursor: pointer;
    font-size: .16rem;
    color: #EEEEEE;
    line-height: .2rem;
    font-weight: 400;
}

.footer-legals .fl-left-cnt a:last-child {
    margin-right: 0;
}

.footer-legals .fl-left-cnt a:hover {
    color: #FFFFFF;
}



.footer-legals .legals-copy-cnt {
    padding: .24rem 0;
    font-size: .14rem;
    color: #999;
    display: flex;
    align-items: center;
    border-top: .01rem solid #444;
    justify-content: center;
    gap: .16rem;
    font-weight: 400;
}


.footer-legals .legals-copy-cnt .img-wrap {
    display: inline-block;
    width: .23rem;
    height: .25rem;
    margin-left: .08rem;
    margin-right: .2rem;
}



.footer-legals .legals-copy-cnt .a-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
}

.footer-legals .legals-copy-cnt a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    color: #999;
}



@font-face{font-family:"iconfont";src:url('../../components/content/page-image-url-component/clientlibs/clientlib-common/fonts/iconfont.woff2') format('woff2'),url('../../components/content/page-image-url-component/clientlibs/clientlib-common/fonts/iconfont.woff') format('woff'),url('../../components/content/page-image-url-component/clientlibs/clientlib-common/fonts/iconfont.ttf') format('truetype')}
.page-image-url-component .iconfont{font-family:"iconfont" !important;font-size:.16rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.page-image-url-component .mob-hide{ display: block;}
.page-image-url-component .mob-show{ display: none;}
.page-image-url-component .gray-bg{ background-color: #f3f5f8; }
.page-image-url-component .white-bg{background-color: #fff;}
.page-image-url-component .page-hot-news{ max-width: 100%;}
.page-image-url-component .page-hot-news .pri-row-wp{ padding: .8rem 0; max-width:19.2rem;margin:0 auto;}
.page-image-url-component .page-hot-news .pri-row-wp .pri-cont-wp{max-width: 13.14rem;margin: 0 auto;}

.page-image-url-component .page-hot-news .pri-row-wp .pri-cont-wp .component-title{
padding:.15rem 0;
 text-align:center;
font-size: .36rem;
font-weight:bold;
color: #222222;
 margin-bottom:.32rem;
border-bottom:#ddd solid 2px;
}
.page-image-url-component .pri-row-wp .white-paper .banner-box{display:block;width: 100%;height: 2.5rem;box-sizing: border-box; color: #fff;border-radius: .3rem;position: relative;}
.page-image-url-component .pri-row-wp .white-paper .banner-box img{width:100%;height: 2.5rem;border-radius:.3rem;object-fit: cover;}
.page-image-url-component .pri-row-wp .white-paper .banner-box img:hover{transform: none;}
.page-image-url-component .pri-row-wp .white-paper .banner-box .banner-text-div{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.page-image-url-component .pri-row-wp .white-paper h4.tit{ font-size:.4rem;}
.page-image-url-component .pri-row-wp .white-paper .date{display:inline-block;width:1.5rem;height:.46rem;font-size:.16rem;line-height:.46rem;border:1px solid #fff;margin-top:.38rem;border-radius:.22rem;cursor:pointer;}
.page-image-url-component .pri-row-wp .white-paper .date{color:#fff;}
.page-image-url-component .pri-row-wp .white-paper .date span:hover{border-bottom:1px solid}

@media only screen and (max-width: 991px) {
    .page-image-url-component .mob-hide{ display: none;}
    .page-image-url-component .mob-show{ display: block;}

    .page-image-url-component .page-hot-news .pri-row-wp{ padding: .6rem .24rem; }
    .page-image-url-component .pri-row-wp .white-paper .banner-box{}
    .page-image-url-component .pri-row-wp .white-paper h4.tit{ font-size: .28rem;}
    .page-image-url-component .pri-row-wp .white-paper .date{ margin-top: 0.18rem; font-size: .22rem;}
}
/* 组件容器 - 确保样式隔离 */
.page-three-line-cards-component {
  position: relative;
  width: 100%;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  padding: 0 1%; /* 容器左右留白 */
}
 
/* 列表容器 */
.page-three-line-cards-component .pictures-container {
  position: relative;
  width: 100%;
}

.page-three-line-cards-component a{
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
}
 
/* 列表布局 - 每行三列 */
.page-three-line-cards-component .items-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.8% -0.65%; /* 抵消边缘间距 */
  padding-bottom: 1.2rem

}

/* 列表项容器 - 三列布局 */
.page-three-line-cards-component .items-list-item {
  position: relative;
  overflow: hidden;
  height: 3.48rem; /* 根据实际需求调整高度 */
  width: calc(33.333% - 1.3% - 0.26%); /* 每项宽度计算 */
  margin: 0.8% 0.65%; /* 上下0.8%，左右0.65% */
  border-radius: .08rem;
  transition: all 0.5s ease;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 16%, rgba(0,0,0,0.70) 99%, rgba(0,0,0,0.90) 100%);
  border-radius: 0 0 .08rem .08rem;
}
 
/* 图片样式 - 铺满容器且置于下层 */
.page-three-line-cards-component .content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* 置于下层 */
  transition: all .6s ease-in-out;
}
 
/* 内容区域定位 */
.page-three-line-cards-component .item-content {
  position: absolute;
  bottom: 0.8%; /* 距离盒子下边距 */
  left: 1.3%; /* 距离盒子左边距 */
  width: 97.4%;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: .15rem;
  box-sizing: border-box;
}
 
/* 标题样式 */
.page-three-line-cards-component .item-title {
  font-size: .32rem;
  color: #FFFFFF;
  line-height: .44rem;
  font-weight: 700;
  margin-bottom: 2%; /* 距离盒子下边距 */
  transition: all 0.4s ease;
}

/* 描述样式 */
.page-three-line-cards-component .item-desc {
  font-size: .2rem;
  color: #FFFFFF;
  font-weight: 700;
  transition: all 0.4s ease;
  margin-bottom: 0;
}
 
/* 详细信息容器 - 默认隐藏 */
.page-three-line-cards-component .item-content-text {
  display: none;
  opacity: 0;
  transform: translateY(.3rem);
  font-size: .16rem;
  color: #FFFFFF;
  line-height: .24rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 详细信息内部样式 */
.page-three-line-cards-component .item-content-text div {
  margin-bottom: 0.1%;
}

.page-three-line-cards-component .item-content-text div div {
  min-width: .80rem;
  display: inline-block;
}

.page-three-line-cards-component .item-content-text-point{
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .24rem;
    font-weight: 700;

}

/* 悬浮效果 */
.page-three-line-cards-component .items-list-item:hover .item-content {
  transform: translateY(-2%);
}
 

 
.page-three-line-cards-component .items-list-item:hover .item-content-text {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: slideUp 0.5s forwards;
}

.page-three-line-cards-component .items-list-item:hover {
  background: rgba(0,0,0,0.60);
  border-radius: .08rem;
}
 
.page-three-line-cards-component .items-list-item:hover .item-desc {
  margin-bottom: 0.6%; /* 悬浮时增加下边距 */
}
 
.page-three-line-cards-component .items-list-item:hover .content-image {
  transform: scale(1.05);
}
 
/* 动画定义 */
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .page-three-line-cards-component .items-list-item {
    width: calc(50% - 1.3% - 0.26%); /* 平板双列布局 */
  }
}
 
@media (max-width: 768px) {
  .page-three-line-cards-component .items-list-item {
    width: calc(100% - 1.3% - 0.26%); /* 手机单列布局 */
  }
  
  .page-three-line-cards-component .item-title {
    font-size: .24rem;
    line-height: .32rem;
  }
  
  .page-three-line-cards-component .item-desc {
    font-size: .16rem;
  }
}
.page-banner-center-title-component {
  position: relative;
  width: 100%;
  height: 4.8rem;
  overflow: hidden;
}

.page-banner-center-title-component .overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: .5;
  z-index: 1;
}

.page-banner-center-title-component .pictures-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}


.page-banner-center-title-component .content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.page-banner-center-title-component .content-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin: 0;
  font-size: .4rem;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0 0 .28rem rgba(0,27,59,0.05);
  font-weight: 700;
}


  .page-banner-center-title-component .sec-page-title{
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      margin: auto;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      bottom: 0;
      justify-content: center;
      z-index: 1;
      height: 4.8rem
  }
  .page-banner-center-title-component .content-sec-title{
      font-size: .40rem;
      color: #FFFFFF;
      text-shadow: 0 0 .28rem rgba(0,27,59,0.05);
      font-weight: 700;
      margin-bottom: .16rem
  }
  .page-banner-center-title-component .content-sec-txt{
      width: 8.78rem;
      font-size: .24rem;
      color: #FFFFFF;
      text-shadow: 0 0 .28rem rgba(0,27,59,0.05);
  }

.dt-page-title-custom-component .dt-wrap {
  text-align: center;
}

.dt-page-title-custom-component .title {
  font-size: 0.4rem;
  color: #333333;
  text-align: center;
  font-weight: 700;
  height: 0.47rem;
  padding: 0.86rem 0 0.22rem 0;
}

.dt-page-title-custom-component .custom {
 max-width: 10rem;
  margin: auto;
}


.dt-page-title-custom-component .custom .desc {
  font-size: 0.18rem;
  color: #1a1a1a;
  text-align: center;
  line-height: 0.32rem;
  font-weight: 400;
  padding-bottom: 1.03rem;
}

.dt-page-title-custom-component .custom .desc.laas {
  padding-bottom: .4rem;
}

.dt-page-title-custom-component .custom .desc > label {
  display: block;
}

.dt-page-title-custom-component .custom-img {
  overflow: hidden;
  height: 4.77rem;
  padding-bottom: .8rem;
}




.dt-page-infrastructure-solution-component .tab-nav {
    position: relative;
    height: 9.17rem;
}

.dt-page-infrastructure-solution-component .tab-nav .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.dt-page-infrastructure-solution-component .tab-nav .text-container {
    padding: 0.8rem 0;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-title {
    padding-bottom: 0.8rem;
    font-size: 0.4rem;
    line-height: 0.47rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-container {
    position: relative;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-container .tab-slider {
    position: absolute;
    background: #0077ff;
    width: 3.34rem;
    height: 0.5rem;
    border-radius: 0.04rem;
    top: 0.09rem;
    z-index: -1;
}


.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list {
    display: flex;
    gap: 0.24rem;
    padding: 0 0.16rem;
    background: rgba(26, 26, 26, 0.04);
    border-radius: 0.08rem;
    margin-bottom: .4rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list .tab-item {
    width: 3.34rem;
    height: 0.5rem;
    margin: 0.09rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color: #333;
    font-weight: 500;
    cursor: pointer;
    border-radius: .04rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list .tab-item.active {
    color: #fff;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list .tab-item:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #333;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list .tab-item.active:hover {
    color: #fff;
    background: #0077ff;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-nav-list .tab-item>span {
    line-height: 0.28rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-content-container {
    padding-bottom: 0.8rem;
    display: flex;
    gap: 0.8rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-content-container .left {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    gap: .4rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-content-container .left .desc {
    font-size: .16rem;
    color: #1A1A1A;
    line-height: .32rem;
    font-weight: 500;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn {
    width: 1.6rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(26, 26, 26, 1);
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: #1a1a1a;
    text-align: center;
    font-weight: 500;
    gap: 0.085rem;
    cursor: pointer;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn>label {
    line-height: 0.22rem;
    cursor: pointer;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn .arrow-hover {
    display: none;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn:hover {
    background-color: #0077ff;
    border: 0.01rem solid #0077ff;
    color: #fff;
    transition: all 0.5s;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn:hover .arrow {
    display: none;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn:hover .arrow-hover {
    display: block;
}

.dt-page-infrastructure-solution-component .tab-content-container .content-btn>img {
    height: 0.11rem;
    width: 0.16rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-content-container .right {
    display: flex;
    width: 6.4rem;
    height: 3.8rem;
    overflow: hidden;
    border-radius: .16rem;
}

.dt-page-infrastructure-solution-component .tab-nav .tab-bottom-desc {
    text-align: center;
    font-size: 0.16rem;
    color: #333333;
    text-align: center;
    font-weight: 500;
    height: 0.22rem;
    line-height: 0.22rem;
}
/* 外层容器定位 */
.page-image-button-url-component .pictures-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* 图片填充效果 */
.page-image-button-url-component .content-image {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.3s ease; /* 悬停效果 */
  margin-top: .40rem
}
.page-image-button-url-component .content-link {
  position: absolute;
  bottom: .4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}
/* 按钮样式美化 */
.page-image-button-url-component .info-button {
  display: inline-flex;
  align-items: center;
  gap: .08rem;
  padding: .12rem .24rem;
  background: #0077FF;
  color: white;
  border-radius: .04rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
/* SVG图标样式 */
.page-image-button-url-component .info-button img {
  width: .16rem;
  height: .11rem;
}
.page-tab-list-solution-component .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .20rem;
  color: #333333;
  text-align: center;
  line-height: .32rem;
  margin-bottom: .40rem;
  margin-top: 1.22rem;
  border-bottom: .01rem solid rgba(229, 229, 229, 1);
}

.page-tab-list-solution-component .top-content div{
  width: 100%
}

.page-tab-list-solution-component .is-active{
 border-bottom: .03rem solid #0077FF;
 color: #0077FF !important;
}

.page-tab-list-solution-component .tab-nav-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
 
.page-tab-list-solution-component .tab-nav-item {
  text-align: center;
  padding-bottom: .15rem;
  font-size: .20rem;
  color: #333333;
  text-align: center;
  line-height: .32rem;
  cursor: pointer;
}


.page-tab-list-solution-component .center-content-item{
  display: flex;
  width: 100%;
  margin-bottom: .28rem
}

.page-tab-list-solution-component .center-content-item > div {
  flex: 1;
}
 
.page-tab-list-solution-component .center-content-left-title {
  font-size: .24rem;
  color: #333333;
  line-height: .32rem;
  font-weight: 700;
  margin-top: .40rem;
}
 
.page-tab-list-solution-component .center-content-left-subtitle {
  margin-top: .12rem;
  margin-bottom: .36rem;
  font-size: .18rem;
  color: #333333;
  line-height: .32rem;
  font-weight: 700;
}
 
.page-tab-list-solution-component .center-content-left-firstContent,
.page-tab-list-solution-component .center-content-left-secondContent {
  font-size: .18rem;
  color: #1A1A1A;
  line-height: .32rem;
  font-weight: 500;
  margin-bottom: .24rem;
}
 
.page-tab-list-solution-component .bg-image {
  margin-left: .8rem;
  transform: scaleX(-1);
  border-radius: .16rem;
  width: 6.4rem;
  height: 3.8rem;
  object-fit: cover;
  padding-bottom: .12rem
}
 
.page-tab-list-solution-component .bottomItemContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem
}
.page-tab-list-solution-component .achievement-content-item{
  display: flex;
}

.page-tab-list-solution-component .achievement-content-item div{
  flex: 1;
  margin-top: .12rem;
  margin-bottom: .12rem;
  font-size: .18rem
}
.page-tab-list-solution-component .achievement-content-second{
  margin-left:1.60rem
}

.page-tab-list-solution-component .achievement-img{
  width: .18rem;
    height: .18rem
}

.page-tab-list-solution-component .bottom-content-title{
  width: 6.4rem;
  height: .49rem;
  line-height: .49rem;
  background: #EEEEEE; 
  padding-left: .2rem;
  font-weight: 700;
  box-sizing: border-box; 
  margin-bottom:.24rem
}

.page-tab-list-solution-component .bottom-content-content{
  position: relative;
  height: .4rem;
  line-height: .4rem;
  padding-left: .2rem;
  box-sizing: border-box;
}

.page-tab-list-solution-component .bottom-content-resolve{
  margin-top: .32rem;
  font-size: .18rem;
  line-height: .4rem; 
}

.page-tab-list-solution-component .resolve-title{
  font-weight:700
}
.page-tab-list-solution-component .bottom-content-content::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: .24rem;
}

.page-tab-list-solution-component .bottomContentContent{

}


.page-tab-list-solution-component .bottomItemLeft{
  padding: .32rem .39rem 0 0;
  font-size: .18rem;
  flex: 1;
  line-height: .40rem;
  margin-bottom: .24rem
}

.page-tab-list-solution-component .bottomItemRight{
  padding: .32rem .39rem 0 0;
  font-size: .18rem;
  flex: 1;
  line-height: .40rem;
}

.page-tab-list-solution-component .achievement-content-title{
  font-size: .24rem;
}

.dt-page-core-card-component .tab-nav {
    position: relative;
    height: 8.91rem;
}

.dt-page-core-card-component .tab-nav .bg-image {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.dt-page-core-card-component .tab-nav .text-container {
    padding: 0.8rem 0;
}

.dt-page-core-card-component .tab-nav .tab-title {
    padding-bottom: 0.8rem;
    font-size: 0.4rem;
    line-height: 0.47rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
}


.dt-page-core-card-component .tab-nav .tab-nav-list {
    display: flex;
    gap: .24rem;
    flex-wrap: wrap;
}

.dt-page-core-card-component .tab-nav .tab-nav-list .tab-item {
    height: 2.9rem;
    width: 4.64rem;
    background: rgba(255, 255, 255, 0.60);
    border-radius: .16rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: .32rem
}

.dt-page-core-card-component .tab-nav .tab-nav-list .tab-item:hover {
    background: #fff;
}

.dt-page-core-card-component .tab-nav .tab-nav-list .tab-item .nav-title {
    font-size: .32rem;
    color: #333333;
    text-align: center;
    line-height: .4rem;
    font-weight: 700;
}

.dt-page-core-card-component .tab-nav .tab-nav-list .tab-item .nav-desc {
    font-size: .16rem;
    color: #1A1A1A;
    text-align: center;
    line-height: .32rem;
    font-weight: 400;
    max-width: 3.84rem;
}


.dt-page-core-card-component .tab-nav.flex-4 .tab-nav-list .tab-item {
    width: 7.08rem;
}

.dt-page-core-card-component .tab-nav.flex-5 .tab-nav-list .tab-item.item-4 {
    width: 9.52rem
}
.dt-page-solution-advantages-component .dt-wrap {
    position: relative;
    min-height: 4.88rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list {
    display: flex;
    gap: .24rem;
    flex-wrap: wrap;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item {
    width: 4.64rem;
    display: flex;
    gap: .32rem;
    flex-direction: column;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item:hover {
    background: #FFFFFF;
    box-shadow: 0px .02rem .16rem 0px rgba(0, 0, 0, 0.1);
    border-radius: .16rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item .nav-img {
    height: 2.9rem;
    overflow: hidden;
    border-radius: .16rem;
}


.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item:hover .nav-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item .nav-content {
    padding: 0 .2rem 0.16rem 0.2rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item .nav-content .nav-title {
    font-size: .32rem;
    color: #333333;
    font-weight: 500;
    padding-bottom: .24rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item .nav-content .nav-desc,
.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item .nav-content .nav-sub-desc {
    font-size: .16rem;
    color: #1A1A1A;
    line-height: .32rem;
    font-weight: 400;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.new-start {
    gap: .2rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.new-start .nav-content {
    padding-left: .24rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.new-start .nav-content .nav-title {
    font-size: .24rem;
    line-height: .32rem;
    color: #333333;
    padding-bottom: .08rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.new-start .nav-content .nav-title-desc {
    font-size: .14rem;
    color: #4D4D4D;
    line-height: .16rem;
    padding-bottom: .16rem;
}


.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.new-start .nav-content .nav-desc {
    font-size: .16rem;
    color: #4D4D4D;
    line-height: .24rem;
    padding-bottom: .34rem;
}

.dt-page-solution-advantages-component .dt-wrap .tab-nav-list .tab-item.flex-4 {
    width: 7.08rem;
}
.dt-page-associated-product-applications-component .dt-wrap {
    position: relative;
    height: 1.64rem;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list {
    display: flex;
    gap: .24rem;
    height: 100%;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list .tab-item {
    width: 4.64rem;
    display: flex;
    gap: .16rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list .tab-item:hover {
    background: #FFFFFF;
    box-shadow: 0px .02rem .16rem 0px rgba(0, 0, 0, 0.1);
    border-radius: .16rem;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list .tab-item .nav-title {
    font-size: .24rem;
    color: #333333;
    font-weight: 700;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list .tab-item .nav-desc {
    font-size: .16rem;
    color: #333;
    font-weight: 400;
}

.dt-page-associated-product-applications-component .dt-wrap .tab-nav-list.flex-2 .tab-item {
    width: 7.08rem;
}
5.dt-page-industry-customers-component .dt-wrap {
    overflow: hidden;
}

.dt-page-industry-customers-component .dt-wrap .nav-list {
    padding-bottom: .8rem;
    position: relative;
    display: flex;
    transition: transform 1s ease-in-out;
}

.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item {
    display: flex;
    gap:.24rem;
    flex-wrap: wrap;
    flex: 0 0 100%;
    justify-content: center;
}

.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item .sub-item {
    background: #FFFFFF;
    width:2.688rem;
    height: .64rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item .sub-item .container {
    border: 1px solid rgba(191, 191, 191, 1);
    border-radius: .16rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}


.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item .sub-item .item-img {
    width:100%;
    height: .32rem;
    display: flex;
    padding: 0 .16rem;
}

.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item .sub-item .item-img>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.dt-page-industry-customers-component .dt-wrap .nav-list .nav-item .sub-item .item-title {
    font-size: .2rem;
    font-weight: 500;
    color: #1a1a1a;
    width: 100%;
    height: .426rem;
    padding: 0 .16rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dt-page-industry-customers-component .dt-wrap .bottom {
    height: .4rem;
    padding-bottom: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .08rem;

}

.dt-page-industry-customers-component .dt-wrap .bottom .bottom-item {
    width: .64rem;
    height: 100%;
    background: #D9D9D9;
    height: .03rem;
    cursor: pointer;
}

.dt-page-industry-customers-component .dt-wrap .bottom .bottom-item.active {
    background: #1A1A1A;
}
.ecss-success-stories-component {
	position: relative;
}
.ecss-success-stories-component .bg-image {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.ecss-success-stories-component .content-section {
	z-index: 2;
}
.ecss-success-stories-component .content-section.has-bg-image {
	padding: 1.2rem 0;
}
.ecss-success-stories-component .item-container {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ecss-success-stories-component .item-container .item-list {
    background: #FFFFFF;
	border-radius: .16rem;
	width: 4.64rem;
    height: auto;
    margin-right: .24rem;
    margin-bottom: .2rem;
    box-sizing: border-box;
}
.ecss-success-stories-component .item-container .item-list:last-child {
	margin-right: 0;
}
.ecss-success-stories-component .item-container .item-content {
	width: 100%;
    height: 100%;
}
.ecss-success-stories-component .item-container .item-list .img-container {
	width: 100%;
    height: 3.48rem;
    overflow: hidden;
    border-top-left-radius: .16rem;
    border-top-right-radius: .16rem;
}
.ecss-success-stories-component .item-container .item-list .img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.ecss-success-stories-component .item-container .item-list .text-container {
	padding: .2rem .16rem;
}
.ecss-success-stories-component .item-container .item-list.item-list-pointer:hover .text-container {
	background: #F5F5F5;
	border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.ecss-success-stories-component .item-container .text-container h3 {
	font-size: .24rem;
    margin-bottom: .14rem;
    color: #333;
    line-height: .36rem;
    font-weight: bold;
}
.ecss-success-stories-component .item-container.item-container-inline .text-container h3 {
	font-size: .2rem;
 }
.ecss-success-stories-component .item-container .text-container h4 {
	font-size: .16rem;
    color: #1a1a1a;
    line-height: .28rem;
}
.ecss-success-stories-component .item-container .text-container .info-button {
    height: .5rem;
    width: 1.48rem;
    display: inline-flex;
	justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #0077ff;
    color: #fff;
    font-size: .16rem;
    font-weight: bold;
    cursor: pointer;
    margin-top: .32rem;
}
.ecss-success-stories-component .item-container .text-container .info-button:hover {
	background: #0062D3;
}
.ecss-success-stories-component .item-container .text-container .info-button img {
	width: .16rem;
    height: .11rem;
    margin-left: .08rem;
}

.advantages-two-cards-icon-component .pictures-container {
  width: 100%;
  padding: .2rem;
  box-sizing: border-box;
}


.advantages-two-cards-icon-component .zte-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.advantages-two-cards-icon-component .items-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.advantages-two-cards-icon-component .items-list-item {
  display: flex;
  width: 7.2rem;
  height: 2rem;
  margin: .1rem .4rem;
  border-right: 1px solid #ddd;
  justify-content: space-between;
}

.advantages-two-cards-icon-component .items-list-item:last-child {
    border-right: 0
}


.advantages-two-cards-icon-component .item-content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center
}


.advantages-two-cards-icon-component .item-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
}


.advantages-two-cards-icon-component .item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.advantages-two-cards-icon-component .item-title {
  font-size: .24rem;
  font-weight: bold;
  margin-bottom: .16rem
}


.advantages-two-cards-icon-component .item-desc {
  font-size: .14rem; 
  color: #666;
  margin-top: .05rem
}
/* 命名空间容器 */
.page-background-three-cards-component {
  box-sizing: border-box;
}
 
/* 图片容器 */
.page-background-three-cards-component .pictures-container {
  position: relative;
  box-sizing: border-box;
}
 
/* 背景图片 */
.page-background-three-cards-component .pictures-container .content-image {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
}
 
/* 标题样式 */
.page-background-three-cards-component .pictures-container .content-title,
.page-background-three-cards-component .pictures-container .content-image-title {
  font-size: .36rem;
  color: #333;
  text-align: center;
  position: relative;
  z-index: 10;
}
.page-background-three-cards-component .pictures-container .content-title {
  padding: 0.86rem 0 0.82rem;
}
.page-background-three-cards-component .pictures-container .content-image-title {
  padding: 1.2rem 0 0.8rem;
}
 
/* 列表容器 */
.page-background-three-cards-component .item-list-container {
  position: relative;
  z-index: 10;
}
 
/* 列表布局 */
.page-background-three-cards-component .items-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -0.24rem;
  list-style: none;
}
 
/* 列表项 */
.page-background-three-cards-component .items-list .items-list-item {
  position: relative;
  flex: 0 0 auto;
  width: calc(33.333% - 0.48rem);
  margin: 0 0.24rem 1.45rem;
  box-sizing: border-box;
}
 
/* 内容卡片 */
.page-background-three-cards-component .items-list .item-content {
  width: 4.64rem;
  height: 6rem;
  background: #FFFFFF;
  border-radius: .16rem;
  display: flex;
  flex-direction: column;
}
.page-background-three-cards-component .items-list .item-content .item-title {
  font-size: .32rem;
  color: #333333;
  text-align: center;
  line-height: .44rem;
  margin: 0.6rem 0 0.32rem;
  width: 100%;
}
.page-background-three-cards-component .items-list .item-content .item-desc {
  font-size: .24rem;
  color: #1A1A1A;
  line-height: .48rem;
  text-align: left;
  margin-left: 0.84rem;
}
.page-background-three-cards-component .items-list .item-content .item-secondDesc {
  font-size: .24rem;
  color: #737373;
  text-align: left;
  line-height: .48rem;
  width: 100%;
  margin-left: 1.18rem;
}
.page-background-three-cards-component .items-list .item-content .item-text {
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.84rem;
  height: 1.04rem;
  font-size: .18rem;
  color: #333333;
  line-height: .32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.00);
  border: 1px solid rgba(153,153,153,1);
  border-radius: .08rem;
}
 
/* 图片卡片公共样式 */
.page-background-three-cards-component .items-list .item-devImage-content,
.page-background-three-cards-component .items-list .item-image-content {
  width: 4.64rem;
  background: rgba(255, 255, 255, 0.00);
  border-radius: .16rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
 
/* 开发图片卡片 */
.page-background-three-cards-component .items-list .item-devImage-content {
  height: 7.52rem;
}
.page-background-three-cards-component .items-list .item-devImage-content .item-image-contain {
  width: 4.64rem;
  height: 2.6rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
}
.page-background-three-cards-component .items-list .item-devImage-content .item-devImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}
.page-background-three-cards-component .items-list .item-devImage-content .item-devImage-title {
  font-size: .24rem;
  color: #333333;
  line-height: .32rem;
  text-align: left;
  margin-bottom: .32rem;
  width: 4.16rem;
}
.page-background-three-cards-component .items-list .item-devImage-content .item-devImage-desc {
  width: 4.16rem;
  font-size: .16rem;
  color: #1A1A1A;
  line-height: .32rem;
  text-align: left;
}
 
/* 普通图片卡片 */
.page-background-three-cards-component .items-list .item-image-content {
  height: 6.6rem;
}
.page-background-three-cards-component .items-list .item-image-content .item-image-contain {
  position: relative;
  width: 4.64rem;
  height: 2.9rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
}
.page-background-three-cards-component .items-list .item-image-content .item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}
.page-background-three-cards-component .items-list .item-image-content .item-image-desc {
  width: 4.16rem;
  font-size: .16rem;
  color: #1A1A1A;
  line-height: .32rem;
  text-align: center;
}
 
/* 单独提取的悬停效果 */
.page-background-three-cards-component .items-list .item-devImage-content:hover,
.page-background-three-cards-component .items-list .item-image-content:hover {
  box-shadow: 0px .02rem .16rem 0px rgba(0, 0, 0, 0.15);
}
.page-background-three-cards-component .items-list .item-devImage-content .item-devImage:hover,
.page-background-three-cards-component .items-list .item-image-content .item-image:hover {
  transform: scale(1.1);
}
/* 图片容器 */
.page-choose-us-component .pictures-container {
  position: relative;
  width: 100%;
}
 
/* 背景图片 */
.page-choose-us-component .pictures-container .content-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
 
/* 主标题 */
.page-choose-us-component .content-title {
  padding: 1rem 0 .6rem;
  font-size: .40rem;
  color: #333333;
  text-align: center;
  font-weight: 500;
}
 
/* 布局容器 */
.page-choose-us-component .zte-wrap {
  padding-bottom: 1.2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
 
/* 列表容器 */
.page-choose-us-component .items-list {
  width: 100%;
}
 
/* 列表项 */
.page-choose-us-component .items-list .items-list-item {
  width: 6.26rem;
  padding: .4rem;
  display: inline-block;
}
 
/* 内容卡片 */
.page-choose-us-component .items-list .item-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
 
/* 卡片标题 */
.page-choose-us-component .items-list .item-content .item-title {
  margin: .4rem .4rem .24rem;
  text-align: left;
  width: 100%;
  font-size: .24rem;
  color: #333333;
  line-height: .32rem;
}
 
/* 分隔线 */
.page-choose-us-component .items-list .item-content .item-line {
  width: 100%;
  height: .03rem;
  background: #4D4D4D;
  border-radius: .08rem;
}
 
/* 描述文本 */
.page-choose-us-component .items-list .item-content .item-desc {
  width: 100%;
  font-size: .16rem;
  color: #1A1A1A;
  line-height: .32rem;
  text-align: left;
}
.page-tab-list-simple-solution-component .content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.page-tab-list-simple-solution-component .content-title{
  font-size: .40rem;
  color: #333333;
  text-align: center;
  font-weight: 700;
  margin: .8rem 0 .56rem 0                

}
.page-tab-list-simple-solution-component .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .2rem;
  color: #4D4D4D;
  text-align: center;
  line-height: .32rem;
  font-weight: 500;
  margin-bottom: .22rem;
  margin-top: .8rem;
  border-bottom: .01rem solid rgba(191,191,191,1);
}

.page-tab-list-simple-solution-component .top-content div{
  width: 100%
}

.page-tab-list-simple-solution-component .is-active{
  border-bottom: .03rem solid #0077FF;
  color: #0077FF !important;
}
.page-tab-list-simple-solution-component .tab-nav-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-tab-list-simple-solution-component .tab-nav-item {
  text-align: center;
  padding-bottom: .15rem;
  font-size: .20rem;
  color: #333333;
  text-align: center;
  line-height: .32rem;
  cursor: pointer;
}

.page-tab-list-simple-solution-component .center-content-item{
  display: flex;
  width: 100%;
  margin-bottom: .28rem
}
.page-tab-list-simple-solution-component .center-content-left{
  width: 8rem;
  padding: .7rem .4rem;
}
.page-tab-list-simple-solution-component .center-content-left-title {
  font-size: .24rem;
  color: #333333;
  line-height: .40rem;
  font-weight: 500;
  margin-bottom: .4rem
}
.page-tab-list-simple-solution-component .center-content-left-subtitle {
  margin-top: .12rem;
  margin-bottom: .36rem;
  font-size: .18rem;
  color: #333333;
  line-height: .32rem;
  font-weight: 500;
}
.page-tab-list-simple-solution-component .center-content-left-firstTitle{
  font-size: .18rem;
  color: #1A1A1A;
  line-height: .32rem;
  margin: -.12rem 0 .24rem 0
}
.page-tab-list-simple-solution-component .center-content-botttom{
  margin-bottom: 1.32rem
}
.page-tab-list-simple-solution-component .center-content-right{
  overflow: hidden;
  border-radius: .16rem;
}
.page-tab-list-simple-solution-component .center-content-left-firstContent {
  font-size: .16rem;
  color: #333333;
  line-height: .32rem;
  font-weight: 500;
}
.page-tab-list-simple-solution-component .bg-image {
  width: 6.4rem;
    height: 3.8rem
}
.page-tab-list-simple-solution-component .bottomItemContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem
}
.page-tab-list-simple-solution-component .bottom-content-title{
  width: 6.4rem;
  height: .49rem;
  line-height: .49rem;
  background: #EEEEEE; 
  padding-left: .20rem;
  box-sizing: border-box; 
  margin-bottom:.24rem
}
.page-tab-list-simple-solution-component .bottom-content-content{
  position: relative;
  height: .4rem;
  line-height: .4rem;
  padding-left: .2rem;
  box-sizing: border-box;
}
.page-tab-list-simple-solution-component .bottom-content-content::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: .24rem;
}



.page-tab-list-simple-solution-component .bottomItemLeft, .bottomItemRight {
  padding: .32rem .39rem 0 0;
  font-size: .18rem;
  flex: 1;
  line-height: .40rem;
}


.dt-case-image-component .items-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.24rem;
}

.dt-case-image-component .items-list .list-item {
    width: 4.64rem;
}

.dt-case-image-component .items-list .list-item .img-list .img-item {
    position: relative;
}

.dt-case-image-component .items-list .list-item .img-list .img-item .title-content {
    position: absolute;
    bottom: 0.26rem;
    z-index: 1;
    padding: 0 0.24rem;
    display: block;
}

.dt-case-image-component .items-list .list-item .img-list .img-item .title-content-hover {
    position: absolute;
    bottom: 0.26rem;
    z-index: -10;
    padding: 0 0.24rem;
}

.dt-case-image-component .items-list .list-item .img-list .img-item .item-title {
    font-size: 0.24rem;
    color: #ffffff;
}

.dt-case-image-component .items-list .list-item .img-list .img-item .title-desc {
    font-size: 0.18rem;
    line-height: 0.32rem;
    padding-top: 0.16rem;
    color: #ffffff;
}

.dt-case-image-component .overlay {
    position: absolute;
    bottom: 0;
    height: 2rem;
    background-image: linear-gradient(180deg, rgba(0, 5, 24, 0.00) 0%, rgba(0, 10, 46, 0.60) 100%);
    border-radius: 0px 0px .16rem .16rem;
    z-index: 0;
    width: 100%;
}



.dt-case-image-component .items-list .list-item .img-list,
.dt-case-image-component .items-list .list-item .img-list .img-item,
.dt-case-image-component .items-list .list-item .img-list .img-item .img-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dt-case-image-component .items-list .list-item .img-list .img-item .img-container {
    border-radius: 0.16rem;
}

.dt-case-image-component .items-list .list-item .img-list {
    display: flex;
    flex-direction: column;
    gap: .24rem;
}

.dt-case-image-component .items-list .list-item.list-0,
.dt-case-image-component .items-list .list-item.list-1 {
    height: 4.05rem;
}

.dt-case-image-component .new-start-case .items-list .list-item.list-2,
.dt-case-image-component .new-start-case .items-list .list-item.list-3,
.dt-case-image-component .new-start-case .items-list .list-item.list-4 {
    height: 5.8rem;
}

.dt-case-image-component .new-start-case .items-list .list-item.list-0 {
    width: 9.52rem;
}


.dt-case-image-component .new-start-solution .items-list .list-item.list-0,
.dt-case-image-component .new-start-solution .items-list .list-item.list-1,
.dt-case-image-component .new-start-solution .items-list .list-item.list-2 {
    height: 5.8rem;
}

.dt-case-image-component .new-start-solution .items-list .list-item.list-3,
.dt-case-image-component .new-start-solution .items-list .list-item.list-4 {
    height: 3.8rem;
}

.dt-case-image-component .new-start-solution .items-list .list-item.list-4 {
    width: 9.52rem;
}


.dt-case-image-component .new-start-solution .items-list .list-item.list-3 .img-list {
    flex-direction: row;
}


.dt-case-image-component .new-start-solution .items-list .list-item.list-3 .img-list .img-item .title-content {
    padding: 0;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-lr;
    height: auto;
}

.dt-case-image-component .typical-cases {
    padding-bottom: 1.2rem;
}

.dt-case-image-component .typical-cases .items-list .list-item {
    height: 2.9rem;
}


.page-product-advantages-cards-component .pictures-container {
  position: relative;
  width: 100%;
  min-height: 6.2rem;
}

.page-product-advantages-cards-component .content-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.page-product-advantages-cards-component .content-title {
  padding: 0.8rem 0;
  font-size: 0.4rem;
  color: #1a1a1a;
  text-align: center;
  line-height: 0.6rem;
  font-weight: 700;
}

.page-product-advantages-cards-component .zte-wrap {
  padding-bottom: .8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.24rem;
  align-items: center;
  justify-items: center;
}

.page-product-advantages-cards-component .items-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.page-product-advantages-cards-component .items-list-item {
  padding: .32rem .24rem;
  border-radius: 0.08rem;
  width: 3.6rem;
  display: flex;
  align-items: center;
  gap: 0.29rem;
  flex-direction: column;
  flex: 1
}


.page-product-advantages-cards-component .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.page-product-advantages-cards-component .item-title {
  font-size: 0.32rem;
  color: #333333;
  text-align: center;
  line-height: 0.5rem;
  margin-bottom: .22rem
}

.page-product-advantages-cards-component .item-desc{
  font-size: .16rem;
  color: #1A1A1A;
  line-height: .32rem;
 }

.page-product-advantages-cards-component .item-icon {
  width: 0.89rem;
  height: 0.8rem;
}


/* 背景图片容器 */
.page-tab-list-technology-platform-component .text-container {
  position: relative;
}
.page-tab-list-technology-platform-component .text-container .content-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/* 顶部导航区域 */
.page-tab-list-technology-platform-component .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .20rem;
  color: #4D4D4D;
  text-align: center;
  line-height: .32rem;
  font-weight: 500;
  margin: 0.8rem 0 0.4rem;
}
.page-tab-list-technology-platform-component .top-content div {
  width: 100%;
}
/* 导航标签样式 */
.page-tab-list-technology-platform-component .tab-nav-list {
  height: 0.68rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
  background: rgba(0,0,0,0.04);
  border-radius: .08rem;
  padding: 0 0.16rem;
}
.page-tab-list-technology-platform-component .tab-nav-list .tab-nav-item {
  text-align: center;
  font-size: .2rem;
  color: #333333;
  line-height: 0.5rem;
  font-weight: 700;
  width: 1.55rem;
  height: 0.5rem;
  cursor: pointer;
}
.page-tab-list-technology-platform-component .tab-nav-list .tab-nav-item:hover {
  background: rgba(255,255,255,0.50);
}
/* 激活状态 */
.page-tab-list-technology-platform-component .is-active {
  background: #0077FF;
  border-radius: .04rem;
  color: #FFFFFF !important;
}
/* 内容区域布局 */
.page-tab-list-technology-platform-component .center-content-item {
  display: flex;
  width: 100%;
  margin-bottom: 0.4rem;
  justify-content: center;
}
/* 左侧内容区 */
.page-tab-list-technology-platform-component .center-content-left {
  padding: 0.7rem 0.4rem;
}
.page-tab-list-technology-platform-component .center-content-left-firstContent {
  font-size: .18rem;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: .32rem;
  padding: 0 2.2rem
}
.page-tab-list-technology-platform-component .center-content-left-title {
  font-size: .2rem;
  color: #1A1A1A;
  letter-spacing: -0.25px;
  line-height: .32rem;
  margin: 0 0 0.4rem 0.8rem;
  font-weight: 700;
}
/* 右侧内容区 */
.page-tab-list-technology-platform-component .center-content-right {
  overflow: hidden;
}
/* 文本列表布局 */
.page-tab-list-technology-platform-component .text-list {
  display: grid;
  grid-template-columns: repeat(2, 6.2rem);
  row-gap: 0.24rem;
  column-gap: 0.4rem;
  justify-content: start;
  margin-left: 0.8rem;
  padding-bottom: 0.8rem;
}
.page-tab-list-technology-platform-component .text-list > div {
  width: 6.2rem;
  min-height: 0.88rem;
  font-size: .16rem;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 0.32rem;
}
/* 文本元素样式 */
.page-tab-list-technology-platform-component .text-box-title {
  margin-bottom: 0.08rem;
  font-size: .16rem;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: .24rem;
  font-weight: 700;
}
.page-tab-list-technology-platform-component .text-desc {
  font-size: .16rem;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: .24rem;
}
.page-application-scenarios-component a{
  color: #0077FF;
  cursor: pointer !important;
}
.page-application-scenarios-component .text-container{
   position: relative
}
.page-application-scenarios-component .text-image {
 position: relative;
 width: 6.8rem;
 height: 3.73rem;
 object-fit: cover;
 overflow: hidden;
 margin-bottom: .33rem;

}
.page-application-scenarios-component .text-image .content-image{
         transition: all 0.6s ease-in-out;
         -webkit-transition: all 0.6s ease-in-out;

}
.page-application-scenarios-component .text-image .content-image:hover{
               transform: scale(1.1);
}
.page-application-scenarios-component .text-list{
position: relative;
display: grid;
grid-template-columns: repeat(2, 6.8rem);
row-gap: 0.24rem;
column-gap: 0.4rem;
justify-content: start; 
margin-left: .8rem;
padding-bottom: .4rem;
}
.page-application-scenarios-component .text-desc{
font-size: .16rem;
color: #1A1A1A;
line-height: .4rem;
margin-left: .2rem;
margin-bottom: .24rem
}
.page-application-scenarios-component .text-box-title,.page-application-scenarios-component .text-box .text-title{
    padding-left: .2rem;
    width: 6.8rem;
    height: .6rem;
    margin-bottom: .24rem;
    font-size: .20rem;
    color: #333333;
    line-height: .6rem;
    padding-left: .2rem;
    font-weight: 700
}
.page-application-scenarios-component .text-title{
background: #EEEEEE;
font-size: .24rem;
}
.page-application-scenarios-component .text-bottom-desc{
font-size: .20rem;
color: #1A1A1A;
letter-spacing: 0;
line-height: .32rem;
text-align: center;
margin-bottom: 1.2rem
}

.dt-page-carousel-component .carousel-container {
    height: 10.8rem;
    position: relative;
}

.dt-page-carousel-component .carousel-container .bg {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.dt-page-carousel-component .carousel-container .title-container {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    justify-content: center;
    align-items: center;
}

.dt-page-carousel-component .carousel-container .carousel-title {
    font-size: 0.4rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
}

.dt-page-carousel-component .carousel-container .title-container .carousel-desc {
    font-size: 0.18rem;
    color: #1a1a1a;
    text-align: center;
    line-height: 0.32rem;
}

.dt-page-carousel-component .carousel-container .carousel-item {
    padding-top: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dt-page-carousel-component .carousel-container .carousel-item.active {
    z-index: 2;
}

.dt-page-carousel-component .carousel-container .carousel-item.prev,
.dt-page-carousel-component .carousel-container .carousel-item.next {
    z-index: 1;
}

.dt-page-carousel-component .carousel-container.carousel-item.prev {
    transform: translateX(-100%);
    transition: none
}

.dt-page-carousel-component .carousel-container .carousel-item.next {
    transform: translateX(100%);
    transition: none
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list {
    display: flex;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item {
    display: flex;
    width: 6.52rem;
    gap: 0.32rem;
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item.item-2,
.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item.item-3 {
    padding-top: 0.8rem;
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item .nav-icon {
    width: 1.2rem;
    height: 1.11rem;
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item .nav-desc {
    flex: 1;
    height: 1.2rem;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.4rem;
}

.dt-page-carousel-component .carousel-container .carousel-bottom {
    height: 5px;
    width: 100%;
    display: flex;
    gap: 0.08rem;
    align-items: center;
    justify-content: center;
}

.dt-page-carousel-component .carousel-container .carousel-bottom .line {
    width: 0.64rem;
    background: #ffffff;
    border-radius: 3px;
    height: 100%;
    cursor: pointer;
}

.dt-page-carousel-component .carousel-container .carousel-bottom .line.active {
    background: #0077FF;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-desc .container {
    width: 8.05rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-desc .container .carousel-desc-title {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 700;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-desc .container .carousel-desc-content {
    font-size: 0.18rem;
    color: #1a1a1a;
    text-align: center;
    line-height: 0.32rem;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-img-title {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 700;
}

.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-img {
    height: 4.9rem;
    width: 9rem;
}


.dt-page-carousel-component .carousel-container .carousel-item.workbench .carousel-img>div {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dt-page-carousel-component .carousel-container.oa {
    height: 100%;
    position: relative;
}

.dt-page-carousel-component .carousel-container.oa .carousel {
    height: 100%;
}

.dt-page-carousel-component .carousel-container.oa .carousel-item {
    padding-top: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: relative;
}


.dt-page-carousel-component .carousel-container.oa .carousel-item.workbench {
    padding-bottom: 1.2rem;
}
.dt-page-carousel-component .carousel-container.oa .carousel {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dt-page-carousel-component .carousel-container.oa .carousel-bottom {
    display: none;
}

.dt-page-carousel-component .carousel-container .title-container .carousel-desc {
    font-size: 0.18rem;
}

.dt-page-carousel-component .carousel-container .carousel-item .tab-nav-list .tab-item .nav-desc {
    font-size: 0.18rem;
}
.dt-page-office-production-component .tab-nav {
    position: relative;
}

.dt-page-office-production-component .tab-nav .bg-image {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.dt-page-office-production-component .tab-nav .section {
    opacity: 0;
}

.dt-page-office-production-component .tab-nav .text-container {
    padding: 0.8rem 0;
}

.dt-page-office-production-component .tab-nav .tab-title {
    padding-bottom: 0.8rem;
    font-size: 0.4rem;
    line-height: 0.47rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
}

.dt-page-office-production-component .tab-nav .tab-container {
    position: relative;
}

.dt-page-office-production-component .tab-nav .tab-container .tab-slider {
    position: absolute;
    background: #0077ff;
    width: 2.14rem;
    height: 0.5rem;
    border-radius: 0.04rem;
    top: 0.09rem;
    z-index: -1;
}

.dt-page-office-production-component .tab-nav .tab-nav-list {
    display: flex;
    gap: 0.24rem;
    padding: 0 0.16rem;
    background: rgba(26, 26, 26, 0.04);
    border-radius: 0.08rem;
    margin-bottom: 0.4rem;
}

.dt-page-office-production-component .tab-nav .tab-nav-list .tab-item {
    width: 2.14rem;
    height: 0.5rem;
    margin: 0.09rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color: #333;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0.04rem;
}

.dt-page-office-production-component .tab-nav .tab-nav-list .tab-item.active {
    color: #fff;
}

.dt-page-office-production-component .tab-nav .tab-nav-list .tab-item:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #333;
}

.dt-page-office-production-component .tab-nav .tab-nav-list .tab-item.active:hover {
    color: #fff;
    background: #0077ff;
}

.dt-page-office-production-component .tab-nav .tab-nav-list .tab-item>span {
    line-height: 0.28rem;
}

.dt-page-office-production-component .summary-section {
    display: flex;
    gap: 0.4rem;
    min-height: 3.8rem;
    align-items: center;
    padding-bottom: 0.8rem;
}

.dt-page-office-production-component .summary-section .title-container {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    justify-content: center;
    justify-items: center;
}

.dt-page-office-production-component .summary-section .title-container .title {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.4rem;
    font-weight: 700;
}

.dt-page-office-production-component .summary-section .title-container .title-desc {
    font-size: 0.2rem;
    color: #1a1a1a;
    line-height: 0.32rem;
}

.dt-page-office-production-component .summary-section .sub-title-container {
    display: flex;
    padding-top: 0.24rem;
    flex-direction: column;
    gap: 0.16rem;
}

.dt-page-office-production-component .summary-section .sub-title-container .sub-title {
    font-size: 0.32rem;
    color: #1a1a1a;
    line-height: 0.6rem;
    font-weight: 700;
}

.dt-page-office-production-component .summary-section .sub-title-container .sub-title-desc {
    font-size: 0.18rem;
    color: #1a1a1a;
    line-height: 0.4rem;
}

.dt-page-office-production-component .summary-section .item-right {
    width: 6.4rem;
    overflow: hidden;
    border-radius: 0.16rem;
}

.dt-page-office-production-component .summary-section .item-left {
    flex: 1;
}

.dt-page-office-production-component .content-section {
    display: flex;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.dt-page-office-production-component .content-section .item-list {
    display: flex;
    gap: 0.24rem;
    flex-direction: column;
    width: 6.44rem;
}

.dt-page-office-production-component .content-section .item-list:first-child:nth-last-child(1) {
    flex-basis: 100%;
}

.dt-page-office-production-component .content-section .item-list .item-title {
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.32rem;
    font-weight: 700;
    padding-left: 0.24rem;
}

.dt-page-office-production-component .content-section .item-list .content-list {
    display: flex;
    gap: 0.18rem;
    flex-direction: column;
}

.dt-page-office-production-component .content-section .item-list .content-list .content-item {
    display: flex;
}

.dt-page-office-production-component .content-section .item-list .content-list .content-item .icon {
    min-width: 0.24rem;
    height: 0.28rem;
    font-size: 0.24rem;
    color: #1a1a1a;
    line-height: 0.28rem;
    font-weight: 700;
}

.dt-page-office-production-component .content-section .item-list .content-list .content-item .content {
    font-size: 0.16rem;
    color: #1a1a1a;
    line-height: 0.28rem;
    flex: 1;
}
.dt-empty-component {
    height: 6rem;
}

.dt-empty-component .empty-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.dt-empty-component .empty-container img {
    width: 4.5rem;
    height: 1.56rem;
}

.dt-empty-component .empty-container .empty-txt {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 0.24rem;
    font-weight: 700;
    padding-top: 0.16rem;
}

.dt-empty-component .empty-container .empty-link {
    font-size: 0.14rem;
    color: #737373;
    text-align: center;
    line-height: 0.22rem;
    padding-top: 0.08rem;
}

.dt-empty-component .empty-container .empty-link .refresh,
.dt-empty-component .empty-container .empty-link .back {
    color: #0077FF;
    padding: 0 .04rem;
    cursor: pointer;
}

.dt-empty-component .empty-container .empty-btn {
    background: #0077FF;
    border-radius: 3px;
    width: 1.08rem;
    height: .32rem;
    margin-top: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.dt-empty-component .empty-container .empty-btn>div {
    font-size: .14rem;
    color: #FFFFFF;
    text-align: center;
    line-height: .22rem;
}