html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-touch-callout:none; -webkit-user-select:auto; position: relative; height: 100%;}
.content {word-wrap:break-word;}
.content ul li{list-style-type:disc;}
.content ol li{list-style-type:decimal;}
.content ul{padding:0 0 0 40px; margin:16px 0;}
.content ol{padding:0 0 0 40px; margin:16px 0;}
.contentPage{font-size: 16px; line-height: 180%;}
.contentPage hr {border: 0;  height: 1px; background-color: #ddd; margin: 20px 0;}
.contentPage img{max-width: 100%;}
.contentPage h1{color: #111;}
.contentPage h2{color: #111;}

/*html, body {position:relative; height:100%;}*/
.wrap{width:100%;height:100%; }
.header{height:auto;}
.footer{height:auto;}
.main{width:auto; margin:0 auto;}
/* ---------------------------------------------------
   flex：定义布局为盒模型
   flex-Y：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   --------------------------------------------------- */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-Y{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

body{margin:0px; padding:0px; color:#000; background-color: #FFF; height: 100%; font-family:Microsoft YaHei,"微软雅黑";}
img{border:none;}
li{list-style-type:none;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
p{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal;}
input,textarea,button{outline:none; color:#111; font-family:Microsoft YaHei,"微软雅黑"; border-radius:0; border:0; background-color:transparent;}
button{border:none; cursor:pointer;}
a,button,input,textarea,div,ul,li,p,span,img,h1,h2,h3,h4,h5,h6{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;}

video::-internal-media-controls-download-button {display:none;}

.screenWidth{max-width: 1400px;}

/*::-webkit-scrollbar{display:none;}*/

::-webkit-input-placeholder {/* WebKit browsers */ color: #ddd; opacity: 1;}
input:focus::-webkit-input-placeholder { opacity: 0.5;}

:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ddd; opacity: 1;}
input:focus:-moz-placeholder {opacity: 0.5;}

::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ddd; opacity: 1;}
input:focus::-moz-placeholder {opacity: 1;}

:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ddd;  opacity: 1;}
input:focus:-ms-input-placeholder {opacity: 0.5;}

a:link {
  text-decoration: none;
  color: #111;
}
a:visited {
  text-decoration: none;
  color: #111;
}
a:hover {
  text-decoration:underline;
  text-underline-offset: 0.2em;
  color: #111;
}
a.hover {
  text-decoration:underline;
  text-underline-offset: 0.2em;
  color: #111;
}

a.aa:link {
  text-decoration: none;
  color: #aaa;
}
a.aa:visited {
  text-decoration: none;
  color: #aaa;
}
a.aa:hover {
  text-decoration: none;
  color: #333;
}


.blur-7 {
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  -o-filter: blur(8px);
  filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=false);
}

.cxy {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cx {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cy {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

.display-block {display: block;}
.display-none {display: none;}


.loading{text-align: center; padding: 15px 0;}

.winbgNone{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(240,240,240,0.7); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:pointer; display:none;}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(240,240,240,0.7); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:default; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; cursor:default; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 0px 10px rgba(0,0,0,0.1); border-radius:0; margin:20px; text-align:left; border-radius: 10px;}
.mainDiv .title{width:auto; height:40px;}
.mainDiv .title ul{width:auto; height:50px; line-height:50px; padding:0 0 0 30px;}
.mainDiv .title ul b{font-weight:normal; margin:0 15px 0 0; color:#4888F2; cursor:pointer;}
.mainDiv .title ul span{margin:0 5px 0 0; color:#999; font-size:14px;}
.mainDiv .title ul p{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; float:right; cursor:pointer;}
.mainDiv .title ul p:hover{color:#333;}
.mainDiv .title ul p i{font-size:14px;}
.mainDiv .data{padding:0 25px 25px 25px;}
.mainDiv .SPEC{padding:0 25px 25px 25px;}

.alertWin{max-width:400px;}
.alertTips{width:auto; height:auto; padding:0 0 10px 0;}
.alertTips div h1{font-size: 18px; text-align: center; margin: 10px 0 0 0;}
.alertTips div h2{font-size: 14px; text-align: center; margin: 10px 0 0 0;}
.alertTips div ul{margin: 30px 0 0 0;}
.alertTips div ul button{width: auto; height: 40px; margin: 0 5px; font-size: 16px;}
.alertTips .btnA{background-color: #111; color: #fff;}
.alertTips .btnA:hover{background-color: #222;}
.alertTips .btnB{background-color: #eee; color: #111;}
.alertTips .btnB:hover{background-color: #ddd;}

.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(20%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.menuTop{width: 100%; background-color: #012269; height: 45px; line-height: 45px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9;}
.tabs{height: 45px; margin: 0 auto 0 auto;}
.tabs div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.tabs div a{height: 45px;  font-size: 14px; margin: 0 0 0 0; display: inline-block; text-decoration:none; color: #FFF;  -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.tabs div a:hover{height: 45px; background-color: #0540aa; color: #FFF;}
.tabs div a.hover{height: 45px; background-color: #0540aa; color: #FFF;}
.tabs .current{height: 45px; background-color: #0540aa; color: #FFF;}

.tabCont{margin: 45px auto 0 auto; position: relative; padding: 0 0;}

.pageBottom{background-color: #012269; padding: 20px 0; margin: 10px 0 0 0;  text-align: center;}
.pageBottom div ul{font-size: 12px; color: #0478bf;}
.pageBottom div li{font-size: 14px; color: #0478bf; margin: 5px 0 0 0;}
.pageBottom div p img{height: 30px; width: auto; margin: 10px 0 0 0;}

.pageTitle{width: auto; height: 40px; line-height: 40px; background-color: #e6f0ff; font-size: 14px; text-align: center; font-weight: bold;}

.MIIT{width: auto; padding-bottom: 50px; text-align: center; background-image: url(../images/miitbg.png); background-size: cover; background-color: #e50012; color: #fff;}
.MIIT div h1{font-size: 26px; padding:35px 0 5px 0; font-weight: bold; letter-spacing: 1px;}
.MIIT div h2{font-size: 12px; padding: 0 0 10px 0; letter-spacing: 1px;}
.MIIT div h3{font-size: 13px; letter-spacing: 0.6px;}
.MIIT div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; background: linear-gradient(180deg, #0257a5, #074696); background-color: #074696; max-width: 250px;  height: 40px; margin: 15px auto 0 auto; padding: 6px 15px 10px 12px; border-radius: 5px; box-shadow:3px 4px 3px rgba(0,0,0,0.2);}
.MIIT div ul:hover{background: linear-gradient(180deg, #0463aa, #054d9b); cursor: pointer;}
.MIIT div ul p img{height: 33px; width: auto; margin:5px 0 0 0;}
.MIIT div ul li{margin: 0 12px; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.MIIT div ul li h5{font-size: 16px; font-weight: bold; padding: 2px 0 0 0; letter-spacing: 1.5px;}
.MIIT div ul li h6{font-size: 12px; letter-spacing: 1px; opacity: 0.6;}

.certTitle{width: auto; height: 60px; line-height: 70px; text-align: left; font-size: 15px; border-radius: 12px 12px 0 0; background: linear-gradient(180deg, #d1dffc, #fff); background-color: #fff; position: relative; z-index: 2; margin: -10px 0 0 0; box-shadow:0px -5px 6px rgba(0,0,0,0.1); padding: 0 20px; font-weight: bold;}

.certDiv{width: auto; padding: 0 19px; margin: 0 0 30px 0; font-size: 12px; color: #333;}
.certDiv table{width: 100%;}
.certDiv table, th, td {border: 1px solid #fff; border-collapse: collapse;}
.certDiv td{padding: 8px 8px 8px 8px;}
.certDiv table tr:nth-child(even){background:#fafcff;}
.certDiv table tr:nth-child(odd){background:#f3f7ff;}
.certDiv table tr:first-child{background-color:#e6f0ff; font-weight: bold;}
.certDiv li{list-style-type:square; list-style-position: inside;}
.certDiv li::marker{color: #436fd0;}

.historyTitle{width: auto;  text-align: left; font-size: 15px; padding: 0 20px;}
.historyTitle div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; border-top: solid 4px #436fd0; padding: 30px 0 20px 0;}
.historyTitle div ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; font-weight: bold;}
.historyTitle div li{font-size: 12px; line-height: 16px;;}
.historyTitle div li b{color: #436fd0; padding: 0 3px;}

.historyDiv{width: auto; padding: 0 19px;}
.historyDiv .historyList div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin: 0 0 5px 0;}
.historyDiv .historyList div li{margin: 0 10px 0 3px;  -webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.historyDiv .historyList div li span{display: block; width: 8px; height: 8px; border-radius: 100%; border: 2px #436fd0 solid; margin: 4px 0 0 0;}
.historyDiv .historyList div li p{height: 75%;  border-left: 1px #436fd0 dashed; margin: 5px 0 0 6px; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.historyDiv .historyList div ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding:0 0 15px 0;}
.historyDiv .historyList div ul{color: #333;}
.historyDiv .historyList div ul h1{font-size: 14px; margin: 0 0 5px 0;}
.historyDiv .historyList div ul h1 b{color: #436fd0; padding: 0 2px;}
.historyDiv .historyList div ul h2{font-size: 12px; color: #999; margin: 0 0 2px 0;}
.historyDiv .historyList div ul h3{font-size: 12px; color: #999;}

.productAlbum{width: auto; height: auto;}
.productAlbum ul{padding: 19px 19px 10px 19px;}
.productAlbum ul li{font-size: 0; margin: 0 0 10px 0; overflow: hidden; border-radius: 10px;}
.productAlbum ul li img{max-width: 100%; height: auto;}

.companyAbout{width: auto; height: auto;}
.companyAbout div{padding: 19px 19px 10px 19px;}
.companyAbout div ul{margin: 0 0 20px 0;}
.companyAbout div ul p{font-size: 0; margin: 0 0 10px 0; overflow: hidden; border-radius: 10px;}
.companyAbout div ul p img{max-width: 100%; height: auto;}
.companyAbout div ul li{font-size: 13px; line-height: 180%; color: #666;}

.supDiv{width: auto; padding: 0 19px; margin: 20px 0 20px 0;}
.supDiv .supItem{width: auto; height: auto; margin: 0 0 20px 0;}
.supDiv .supItem .supType{color: #436fd0; font-weight: bold; margin: 0 0 8px 0;}
.supDiv .supItem .supType div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.supDiv .supItem .supType div ul p{width: 15px; height: 15px; border-radius: 100%; background-color: #436fd0; margin: 3px 10px 0 1px;}
.supDiv .supItem .supType div li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; font-size: 15px;}
.supDiv .supItem .supList div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin: 0 0 5px 0;}
.supDiv .supItem .supList div li{margin: 0 10px 0 3px; -webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.supDiv .supItem .supList div li span{display: block; width: 8px; height: 8px; border-radius: 100%; border: 2px #436fd0 solid; margin: 4px 0 0 0;}
.supDiv .supItem .supList div li p{height:auto;  border-left: 1px #436fd0 dashed; margin: 5px 0 0 6px; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.supDiv .supItem .supList div ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding:0 0 15px 0;}
.supDiv .supItem .supList div ul{color: #333;}
.supDiv .supItem .supList div ul h1{font-size: 14px; margin: 0 0 5px 0; color: #436fd0;}
.supDiv .supItem .supList div ul h1 b{color: #436fd0; padding: 0 2px;}
.supDiv .supItem .supList div ul h2{font-size: 12px; color: #999; margin: 0 0 2px 0;}
.supDiv .supItem .supList div ul h3{font-size: 12px; color: #999; margin: 0 0 2px 0;}
.supDiv .supItem .supList div ul p{font-size: 0; margin: 10px 0 0 0; border-radius: 10px; overflow: hidden;}
.supDiv .supItem .supList div ul p img{width: 100%; height: auto;}

.detItem{margin: 19px 19px 0 19px;}
.detItem .detTitle{width: auto; height: auto; border-bottom: solid 2px #436fd0; margin: 0 0 10px 0; padding: 0 0 10px 0;}
.detItem .detTitle ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.detItem .detTitle ul p{font-size: 0; margin: 3px 8px 0 0;}
.detItem .detTitle ul p img{height: 30px; width: auto;}
.detItem .detTitle ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.detItem .detTitle ul li h1{font-size: 14px; font-weight: bold; color: #436fd0;}
.detItem .detTitle ul li h2{font-size: 12px; margin: 0 0 0 0; color: #666;}
.detItem .detCont{padding: 0 0;}
.detItem .detCont .detImgSwiper{padding: 0 0 35px 0;}
.detItem .detCont div img{width: 100%; height: auto; box-shadow:0px 1px 6px rgba(0,0,0,0.1);}

.videoDiv{width: auto; height: auto; padding: 19px 19px 0 19px;}
.videoDiv .videoLine{width: 60px; height: auto; margin: 0 auto; border-bottom: solid 2px #436fd0; padding: 0 0 20px 0;}
.videoPlayer{position:relative; font-size:0;}
.videoPlayer video{width:100%; height:auto; position:relative; z-index:1; border-radius: 10px;}
.videoPlayer .videoBtn{width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; z-index:2; border-radius: 10px;}
.videoPlayer .videoBtn .icon{width:40px; height:40px; line-height:40px; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; font-size: 0;}
.videoPlayer .videoBtn .icon img{width: 100%; height: auto;}


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



}