/*  body css  */

html { height:100%;}

body {margin:0;padding:0;font-family: Verdana,PingFangSC-Regular,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size: 14px;}
.clear{clear:both;}
img { border:0px;}
ul{list-style:none; padding: 0; margin: 0;}
a{color: #1887fd; text-decoration: none;}
a:hover{color: #1575db; text-decoration: none;}

.text-danger{ color: #ed5466 !important;}
.text-danger:hover{ color: #843524 !important;}
.text-orange{ color: #ff7f00 !important;}
.text-orange:hover{ color: #f60 !important;}
.text-teal{ color: #2298a2 !important;}
.text-teal:hover{ color: #256e82 !important;}

/* error */
.content-box.error-group{ padding-top: 120px; background:#fff url(../image/error_bg.jpg) top center no-repeat; text-align: center;}
.error-group .error-code{ color: #ff7f00; font-size: 36px; line-height: 40px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #fff; text-indent: 10px;}
.error-group .error-text{color: #333; font-size: 24px; line-height: 30px; font-weight: bold; margin: 5px 0 50px; text-shadow: 0 1px 0 #fff; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.error-group .error-info{ font-weight:bold; line-height: 24px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}

/* success */
.content-box.success-group{text-align: center; padding:0 0 30px;}
.content-box.success-group img{ max-width: 200px;}
.success-group .success-title{color: #2298a2; font-size: 22px; line-height: 30px; font-weight: bold; margin: 10px 0; text-shadow: 0 1px 0 #fff; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.success-group .success-info{ font-size: 16px;  font-weight:bold; line-height: 30px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}


/* sidemenu */
.aside-menu{ position: fixed; top: 0; right: 0; width: 40px;height: 100%; background-color: #fff; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.aside-menu > ul{ position: relative; top: 50%; transform:translateY(-50%); padding: 0; list-style: none;}
.aside-menu > ul > li{ display: block; position: relative;}
.aside-menu > ul > li + li{ border-top: 1px solid #e3e3e3;}
.aside-menu > ul > li > a{ display: block;  color: #555555; text-align: center; line-height: 16px; padding: 15px 0; background-color: #fff; position: relative; z-index: 1;}
.aside-menu li a .icon{ display: block;width: 26px; height: 26px; margin: 0 auto 5px; background-image: url(../image/sidebar-icons.png); background-repeat: no-repeat;}
.aside-menu li ul{ visibility: hidden; opacity: 0; top: 0; list-style: none; width: 180px; padding: 0; right: -200px; background-color: #fff; border-radius: 5px 0 0 5px; box-shadow: 0 0 5px rgba(0,0,0,0.15);  position: absolute; transition:all 0.3s;  border-right: 1px solid #e3e3e3;}
.aside-menu li:hover ul{ visibility: visible; opacity: 1;  right: 40px;}
.aside-menu li li{ line-height: 20px; padding: 10px;}
.aside-menu li + li{ border-top:1px solid #e3e3e3;}

.aside-menu li.contact .icon{ background-position: -52px 0;}
.aside-menu li.contact ul{ width: 280px; text-align: center;}
.aside-menu li.contact .phone{ display: block; line-height: 60px; margin-bottom: 5px; font-weight: bold; font-size: 30px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.aside-menu li.wx .icon{ background-position: 0 0;}
.aside-menu li.wx li img{ width: 24px;}
.aside-menu li.mail .icon{ background-position:-26px 0;}
.aside-menu li.mail li strong{ display: block;}
.aside-menu li.qr .icon{ background-position: -78px 0;}
.aside-menu li.qr li img{ width: 100%;}
.aside-menu li.gotop .icon{ background-position: -104px 0;}
.aside-menu li.qq .icon{ background-position: -182px 0;}
.aside-menu li.qq li img{ width: 24px;}

.aside-menu li.sale .icon{ background-position: -130px 0; height: 48px;}
.aside-menu li.sale ul{ width: 250px; overflow: hidden;}
.aside-menu li.sale li{ padding: 0;}
.aside-menu li.sale li img{ width: 100%;}

.aside-menu li.favorite .icon{ background-position: -156px 0;}


.main .button{padding: 10px 50px; background-color: #1887fd; border: 2px solid #1887fd; border-radius: 30px; font-size: 18px; color: #fff; letter-spacing: 2px; transition: all 0.4s;}
.main .button:hover{background-color: #1575db; border-color: #1575db;}

.header{ position: absolute; left: 0; top: 0; width: 100%; height: 80px; z-index: 3;}
.header .container{display: flex;  justify-content: space-between; align-items: center;}
.header .container::before, .header .container::after{display: none;}
.header .logo{ display: block; height: 80px; padding-top: 10px; text-align: left;}
.header .logo img{ height: 60px;}
.header .headerLink{ text-align: right;}
.header .headerLink .button{background-color: #fff; color: #1887fd; border-color: #fff;}
.header .headerLink .button:hover, .header .headerLink .button.signin:hover{background-color: #1575db; border-color: #1575db; color: #fff;}
.header .headerLink .button.signin{ margin-left: 10px; background-color:transparent; color: #fff;}

.header .mobilemenu{ display: none;}

.innerPage{background-color: #f2f2f2;}
.innerPage .header{ position: sticky; background-color: #4295eb; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.innerPage .header .logo{ padding-top: 5px;}
.innerPage .pagecontent{ padding-top: 20px;}

.innerPage .header .headerLink .innerButton{ padding: 5px 15px; font-size: 16px; letter-spacing: 0; line-height: 30px; display: inline-block; margin-left: 10px;}

.form-stack{ position: relative; display: inline-block; float: left;}
.card-radio {position:relative; display: inline-block; border: 2px solid #fff; width: 150px; text-align: center; color: #c7e2fe; line-height: 30px; box-sizing: border-box; float: left; cursor: pointer; margin-bottom: 0; margin-left: -2px; border-radius: 30px; font-size: 16px; padding:5px  15px; font-weight: normal; background-color: #1887fd; }
.card-radio.first{border-radius:22px 0 0 22px; }
.card-radio.last{border-radius:0 22px 22px 0; }
.radio-card:checked + .card-radio{background-color: #fff; color: #1887fd; font-weight: bold;}
.radio-card:checked + .card-radio::after{
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  font-size: 0px;
  line-height: 0px;
}

.radio-card { position: absolute; left: 0; top: 0;  opacity: 0;}


.videoslider{width:100%;height:560px; position:relative; overflow:hidden; list-style:none; margin:0 auto; padding:0; }
.videoslider .video-mask{position: absolute; z-index:1;  left:0;  top:0; width:100%; height:100%; z-index:1;
  background:rgba(24, 135, 253, .5);
  /* url(../image/videooverlay.png) repeat */
}
.videoslider .video-file{
	position: absolute;
	 left:0; 
	 top:0;
	/*filter: blur(15px);*/
	-webkit-filter:blur(1px) grayscale(70%);
	filter: blur(1px) grayscale(70%);
}

.videoslider .container{ position:relative; z-index:2; padding-top: 150px;}
h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: bold; color:#fff; line-height: 80px; text-align: center; margin-bottom: 20px;}

.mianSearch{ margin: 0 auto 10px; width: 700px; position: relative;}
.mianSearch .searchInput{ border: 2px solid #1575db; color: #fff; padding: 10px 150px 10px 30px; height: 36px; font-size: 20px; border-radius: 30px; transition: all 0.4s; background-color: #fff; color: #333; width: calc(100% - 184px); box-sizing: content-box;}
.mianSearch .searchInput:focus{ border-color: #fff; outline: 0;}
.mianSearch .searchInput::placeholder { color: #1575db;}
.mianSearch .button{ position: absolute; right: 7px; top: 5px; cursor: pointer; border-color: #fff; background-color: #1575db; color: #fff;}
.mianSearch .button:hover{ border-color: #1575db; background-color: #1575db; color: #fff;}
.mianSearch .searchInput:focus ~ .button{ }

.hot-words{ margin-top:5px; line-height:20px; font-size: 15px; color:#fff; text-align: center; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.hot-words span{ padding:0 5px;}
.hot-words a{ padding-bottom:1px; line-height:18px; border-bottom:1px dotted #ffe000; color:#ffe000; transition: all 0.4s ease 0s; }
.hot-words a:hover{ color:#fff; border-color:#fff;}


/* index style */
.links-group{ position: relative; z-index: 1; top: -80px; margin: 0 -20px;}
.links-group::after{content: ""; clear: both; display: table; height: 0; float: inherit;}

.site-list{ float: left; width: 33.3%; box-sizing: border-box; padding: 0 20px;}
.site-list ul, .site-list .group{ padding: 30px; height: 250px; background-color: #fff; box-shadow: 0 2px 15px 0 rgba(0, 39, 102, .15); border-radius: 15px; transition: all 0.3s;}

.site-list ul:hover, .site-list .group:hover{position: relative; margin-top: -5px; box-shadow: 0 2px 25px 0 rgba(0, 39, 102, .25);
  border-radius: 15px;}
.site-list li a{ line-height: 30px; padding: 10px 0; font-size: 20px; display: block;}
.site-list li a .mobileImg{ display: none;}

.site-list .group{background-color: #c8e4f2;}
.site-list .group h4{ color: #1575db; text-align: center; line-height: 50px; font-weight: bold; font-size: 24px; margin:30px 0 20px;}
.site-list .group .button{ display: block; text-align: center; font-size: 20px;}

.mobilebottom{ display: none;}

.footer{ margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 15px; text-align: center;}
.footer p{ line-height: 30px; color: #9a9a9a;}
.footer p a{ text-decoration: underline;}

/* ================== inner page ======================== */
.pagecontent{ padding: 0;}
.content-box{ padding: 20px 20px 30px; background-color: #fff; min-height: 200px; border-radius: 15px;}
.content-box + .content-box{ margin-top: 30px;}
.panel-loading{height: 40px; margin: 20px 0; position: relative; text-align: center; display: none;}
.panel-loading .loading-text{ display: inline-block; padding: 0 15px 0 70px; background: #fff url("../image/img_load2.gif") 15px center no-repeat; color: #999; font-weight: bold; font-size: 16px; font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; line-height: 40px; position: relative;z-index: 1;}
.panel-loading::before{ content: ""; width: 100%; background-color: #e0e0e0; left: 0; height: 1px; position: absolute; top: 50%; margin-top: -2px;}
.panel-loading::after{ content: ""; width: 100%; background-color: #e0e0e0;left: 0; height: 1px; position: absolute; bottom: 50%; margin-bottom: -2px;}


.htmledit{ line-height: 200%;}
.htmledit img{ max-width: 100%;}

.leftmenu{ width: 260px; float: left; background-color: #fff; border-radius: 15px;}
.leftmenu::after{ content: ""; height: 15px; display: block;}
.leftmenu h3.title{ font-weight: bold; font-size: 20px; line-height: 30px; padding:15px 20px; margin: 0; position: relative;}

.leftmenu .arrow{ display: none;}
.leftmenu ul{ padding: 0; margin: 0; list-style: none;}
.leftmenu li{ border-top: 1px solid #d9dbe5; position: relative;}
.leftmenu li a{ padding: 10px 20px; line-height: 24px; display: block; font-size: 15px; position: relative; z-index: 1;}
.leftmenu li::before{ width: 0; height: 100%; background-color: #f8f8f8; height: 100%; content: ""; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s;}
.leftmenu li:hover::before{ width: 100%;}
.leftmenu li.active > a{ font-weight: bold;}

.leftmenu + .content-box{ float: right; width: 850px;}

.pageBanner{ background: url(../image/blue_bg.png) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 70px; position: relative; margin-bottom: 40px;}
.pageBanner h2.slogen{font-size: 30px;  line-height: 40px; margin-top: 0;}
.navigation{ background-color: rgba(21, 117, 219, .65); position: absolute; bottom: 0; left: 0; width: 100%;}
.breadcrumb{ padding: 15px 0; line-height: 20px; margin: 0 0 20px; border-radius: 0; color: #fff; background-color: transparent; margin: 0;}
.breadcrumb li a{color: #fff; }
.breadcrumb li.active{color: #fff;}

.modal-content{border-radius: 15px; overflow: hidden; border: 10px solid rgba(255, 255, 255, .15)}
.modal-header{ background-color: #1575db; color: #fff;}
.modal-footer{ background-color: #f8f8f8;}
.modal-title{ text-align: center; }
.close, .close:focus, .close:hover{ color: #fff; text-shadow: 0 1px 0 #000;}

.page-title{ margin-bottom: 20px; background-color: #f8f8f8; border-radius: 4px; padding:10px 15px;}
.page-title .title{ margin: 0; border-width:0 0 0 5px; border-style: solid; font-size: 20px; line-height: 30px; padding-left: 15px;}

/* register */
.ps-letter{ margin-top: 5px; clear: both; height: 14px;}
.ps-letter .letter-group{border-right: 1px #fff solid; font-size: 12px; color: #fff; display: inline-block; float: left; height: 14px; line-height: 14px !important; text-align: center;width: 33.3%; background: #ccc;}
.ps-letter .letter-group.low{ background-color: #ff7f00;}
.ps-letter .letter-group.medium{ background-color: #337ab7;}
.ps-letter .letter-group.strong{ background-color: #85b716;}

.agreement-link{ display: inline-block; padding-left: 5px; padding-top: 7px; text-decoration: underline;}


/* login */
.modal-login .modal-dialog{ width: 840px;}
.modal-login .modal-content{ background:#fff url("../image/login-bg.png") center no-repeat; background-size: cover; border:0}
.modal-login .modal-body .logo{ text-align: center; margin-bottom: 30px;}
.modal-login .modal-body .logo img{ height: 60px;}
.modal-login .modal-body{ margin-right: 520px; background-color: rgba(255,255,255,0.9); padding-top: 50px; padding-bottom: 50px;}
.modal-login .close{ position: absolute; right: 15px; top: 15px; font-size: 20px; line-height: 40px; opacity:0.5; width: 40px; border-radius: 50%; background-color: #1575db;}
.modal-login .control-label{ margin-bottom: 5px; color: #7a7a7a;}
.modal-login .modal-title{ font-size: 20px; text-align: center;}
.third-party{ margin-top: 10px;}
.third-party a{ display: inline-block; margin-right: 6px; margin-bottom: 5px;}
.third-party a:last-child{ margin-right: 0;}
.checkcode{ cursor: pointer; float: left; padding-top: 2px;}
.codecheck-result{ position: absolute; right: -5px; top: 10px; font-size: 16px;}
.codechecking{-webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}
@-webkit-keyframes loadrotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes loadrotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@keyframes loadrotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}
.checkbox label.control-label, .radio label.control-label{color: #7a7a7a; font-weight: bold; padding-left:0; margin-right: 10px;}

.result-list{ margin: -10px; list-style: none; padding: 0;}
.result-list::after{ content: ""; display: table; height: 0; clear: both; width: 100%;}
.result-list > li{ box-sizing: border-box; width: 100%; padding: 10px;}
.result-group{ padding: 10px; background-color: #fff; border-radius: 10px;}
.result-group .photo{ width: 100px; height: 100px; margin: 0 auto;}

.result-list>li .group-title{ line-height: 40px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.result-list>li .group-title .label, .result-list>li .group-title .badge{ position: relative; top: -3px; margin-right: 5px;}
.result-list>li .info{ background-color: #f8f8f8; border-radius: 5px; padding: 10px; line-height: 24px;}

.photo span{ display: inline-block; height: 100%; vertical-align: middle;}
.photo img{ max-height: 100%; max-width: 100%; vertical-align: middle;}

.operate li .btn{ display: block;}
.operate li + li{ margin-top: 10px; }

.result-group ul{ list-style: none; padding: 0; margin: 0;}
.result-group .result-info li{ line-height: 24px; padding-left: 110px; position: relative;}
.result-group .result-info li .title{ position: absolute; left: 0; width: 100px; top: 0; text-align: right; line-height: 24px; color: #999;}

.result-group.wiki-group{ margin-bottom: 30px; padding: 15px;}
.result-group.wiki-group h4.title{ font-size: 24px;  margin: 0 0 10px;}

.result-group.wiki-group ul{ max-width: 0 -10px;}
.result-group.wiki-group ul::after{ content: ""; display: table; clear: both; float: inherit;}
.result-group.wiki-group ul li{ float: left; width: 50%; margin-top: 5px;}

.wiki-content .page-title{ margin-top: 25px;}


/* data */
.data-group ul{display: -webkit-flex; display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -15px;}
.data-group li{display: -webkit-box; display: box; width: 16.6%; box-sizing:border-box; padding: 15px;}
.data-group li .data-item{display: block; width: 100%; background-color: #fff; padding: 9px; border:1px solid transparent; -webkit-box-shadow: 0 2px 6px 0 rgba(69,73,91,.18); box-shadow: 0 2px 6px 0 rgba(69,73,91,.18); text-align: center; border-radius: 10px;}
.data-group li .data-item .photo{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 10px;}
.data-group li .data-item .photo img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.data-group li .data-item .data-name{ display: block; overflow:hidden; text-align: left; }
.data-group li .data-item .btn-submit{ margin-top: 10px; display: block; width: 100%;}
.data-group li .data-item:hover{ border-color:#1575db;}


.data-group.data-type{ margin-top: 20px;}
.data-group.data-type li{width: 25%; }
.data-group.data-type li .photo{padding-bottom: 100%; background-color: #f8f8f8;}
.data-group.data-type li .data-name{font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }

.data-group.data-type li .info{ margin-top: 10px;}
.data-group.data-type li .item{ padding-left: 80px; position: relative; line-height: 20px; text-align: left;}
.data-group.data-type li .item strong{ position: absolute; left: 0; top:0; text-align: right; width: 80px; display: block;}

.data-group.cateory-type li .data-item{ height: 200px;}
.data-group.cateory-type li{width: 16.6%; }
.data-group.cateory-type li .data-item .data-name{ line-height: 18px; height: 36px; text-align: center;}

.leftmenu ~ .content-box  .data-group.data-type li{width: 33.3%;}

.sort-button .sort{ cursor:pointer; }
.sort-button .sorting:after, .sort-button .sorting_asc::after, .sort-button .sorting_desc::after{font-family: 'FontAwesome'; font-size:12px; margin-left:5px; position: relative;speak:none;}
.sort-button .sorting::after{content:"\f0dc";}
.sort-button .sorting_asc::after {content:"\f0dd";}
.sort-button .sorting_desc::after{content:"\f0de";}

/* brand */
.brand-group{ text-align: center; margin-bottom: 20px; padding: 20px 0;}
.brand-group .title{ position: relative; font-weight: bold; display: inline-block; line-height: 40px; font-size: 28px; margin: 0; padding: 0 20px;}
.brand-group .title::before, .brand-group .title::after{content: ""; height: 2px; background-color: #d9dbe5; width: 100px; position: absolute;  top: 50%; transform: translateY(-50%);}
.brand-group .title::before{left: -100px;}
.brand-group .title::after{right: -100px;}
.brand-group ul{ padding: 0; margin: 20px 0 0; list-style: none;  display: -webkit-flex; display: flex; flex-wrap: wrap;}
.brand-group li{display: -webkit-box; display: box; width: 16.6%; box-sizing:border-box; padding: 10px 15px 35px; transition: all 0.3s ease 0s; border: 1px solid #d9dbe5; margin: -1px 0 0 -1px; background-color: #fff;}
.brand-group li:hover{ z-index: 1; transform: scale(1.1); left: -5%; top: -5px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15);}

.brand-group li a{ display:block; width: 100%; height:60px; text-align: center; position: relative;}
.brand-group li a img{ max-width: 100%; max-height: 60px;}
.brand-group li a .brand-name{ position: absolute; display: block; left: 0; width: 100%; line-height: 20px; bottom: -20px; text-align: center;}


.upload-photo .photo{display:block; width: 120px; height: 120px; border: 1px solid #ccc; padding: 1px;}
.help-block{ margin-bottom: 0;}


.patent-content .slogen{ color: #1575db; font-size: 30px; line-height: 40px; margin-bottom: 10px;}
.patent-content .mianSearch{width: auto; margin-bottom: 10px;}
.patent-content .mianSearch .searchInput{ padding-left: 180px; width: calc(100% - 334px); border-color: #4295eb;}
.patent-content .mianSearch .searchInput:focus{ border-color: #1575db;}

.patent-content .mianSearch .btn-group{ position: absolute; left: 15px; top: 10px;}
.patent-content .mianSearch .btn-group .btn-default{ height: 40px; border: 0; background-color: #f8f8f8; font-size: 16px; padding-left: 15px; padding-right: 15px; border-radius: 20px; box-shadow: none; width: 155px;}
.patent-content .mianSearch .btn-group .btn-default:focus{ box-shadow: none;}

.patent-search-type{ text-align: center;}

.patent-content .hot-words{ color: #7a7a7a; margin-bottom: 40px;}
.patent-content .hot-words a{ color: #1887fd;}
.patent-content .hot-words a:hover{color: #1575db;}

.patent-content-main{ padding-top: 100px; padding-bottom: 100px;}
.patent-content.patent-content-main .slogen{ font-size: 50px; line-height: 80px; margin-bottom: 40px;}
.patent-content.patent-content-main .mianSearch{margin-bottom: 30px;}
.patent-content-main .patent-search-type{margin-bottom: 40px;}

@media (min-width: 780px) and (max-width: 1279px) {
  .container { width: 960px; }
  .videoslider{height: 480px}
  .site-list .group h4{ font-size: 20px;}
  .brand-group li{ width: 25%;}
  .leftmenu+.content-box{width: 650px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:720px;}
  .videoslider .container{ padding-top: 100px;}
  .videoslider h2.title{font-size: 30px; line-height: 40px;}
	.videoslider{height: 320px}
  .links-group{ top: -20px}
  .videoslider h2.slogen, .pageBanner h2.slogen{font-size: 20px; line-height: 30px;}
  .site-list .group h4{ font-size: 20px; margin: 20px 0; line-height: 30px;}
  .site-list ul, .site-list .group{ height: 200px;}
  .site-list li a{ line-height: 20px; font-size: 16px; padding: 7px 0;}
  .site-list .group .button{ font-size: 16px; letter-spacing: 0; padding-left: 20px; padding-right: 20px;}
  .brand-group li{ width: 33.3%;}
  .leftmenu+.content-box{width: 400px;}

  .innerPage .header .headerLink .innerButton{padding: 5px;  font-size: 14px;  margin-left: 5px; letter-spacing: 0;}
  .card-radio{width: 100px; padding: 5px;  font-size: 14px;}

  .leftmenu ~ .content-box  .data-group.data-type li{width: 100%;}
}
@media (max-width: 767px) {
  .aside-menu, .hot-words{ display: none;}
  .header{ position: fixed; background-color: #4295eb; height: 60px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
  .header .logo{padding-top: 0px; height: 60px;}
  .header .logo img{ height: 45px; padding-top: 10px;}
  .header .headerLink .button{ letter-spacing: 0; padding: 10px 20px; font-size: 14px;}
  .header .headerLink{ text-align: right;}
  .header .headerLink .mobileIcon{ font-size: 24px;  width:40px; height:40px; text-align:center; color: #fff; border: 0; position: relative; background: none; padding: 0; border-radius: 0;}
  .header .headerLink .mobileIcon:hover{background: none;}

  .innerPage .header .headerLink .innerButton{ display: none;} 

  .form-stack{width: 120px; position: absolute;right: 70px; top: 8px;}
  .form-stack .card-radio{width: 50%;}
  .form-stack .card-radio::after{ display: none;}

  .mobileIcon span, .mobileIcon::before, .mobileIcon::after{left:4px; position:absolute;  height:4px; width:32px; border-radius:2px; background-color:#fff; transition:all 0.5s ease 0s;}
  .mobileIcon span{ top:18px;}
  .mobileIcon::before{ content:""; top:8px; }
  .mobileIcon::after{ content:""; top:28px; }


  .mobileIcon.active span{ left:50%; width:0;}
  .mobileIcon.active::before{ transform:rotate(45deg); top: 18px;}
  .mobileIcon.active::after{ transform:rotate(-45deg); top: 18px;}

	.mobilemenu{  position: fixed; z-index: 2; top:50px; width:calc(100% - 40px); left: 20px; max-height: 80vh; overflow-y: auto; background-color:#fff; border-radius:20px; margin-top:5px; box-shadow: 0 2px 15px 0 rgba(0, 39, 102, .15);}

  
	.mobilemenu .icon-double-angle-up{display: block; font-size:1.4em; text-align:center; color:#1887fd;; line-height:24px; border-radius:12px; background-color:#f8f8f8; margin-top: 10px;}
	.mobilemenu .icon-double-angle-up:hover{ color:#fff;background-color:#1887fd;}
	.mobilemenu ul{ padding:15px;}
	.mobilemenu li{ clear:both; border-bottom:1px solid #eee; text-align: left;}
	.mobilemenu li:last-child{ border:0;}
	.mobilemenu li .font-icon{ position:absolute; top:5px; right:5px;}
	.mobilemenu li a{ line-height:24px; padding:10px 30px 10px 5px; position:relative; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;font-size:16px;}
	.mobilemenu li a:hover, .mobilemenu li.current a, .mobilemenu li.current a:hover{}
  
  .videoslider .container{ padding-top: 80px;}
  .videoslider h2.slogen, .pageBanner h2.slogen{font-size: 20px; line-height: 30px;}
	.videoslider{height: 240px; background: url(../image/blue_bg.png) no-repeat; background-size: cover;}
  .video-file{ display: none;}
  .mianSearch{ width: auto;}
  .mianSearch .searchInput{padding: 10px 100px 10px 20px; height: 26px; font-size: 16px; border-radius: 25px; width:calc(100% - 124px)}
  .mianSearch .button{ padding:10px 20px; font-size: 16px; top: 3px; right: 4px; border: 0;}
  .links-group{top: auto; margin: 20px -10px 0;}
  .site-list{ width:50%; padding: 0 10px;}
  .site-list .group h4{ font-size: 20px; margin: 20px 0; line-height: 30px;}
  .site-list ul, .site-list .group{ height:auto; padding: 10px;}
  .site-list ul:hover, .site-list .group:hover{ margin-top: 0;}
  .site-list li a{ line-height: 20px; font-size: 16px; padding: 7px 0; text-align: center; }
  .site-list li a .icon-angle-right{ display: none;}
  .site-list li a .mobileImg{ display: block; text-align: center; margin-bottom: 10px; font-size: 50px; line-height: 60px;}
  .site-list .group .button{ font-size: 16px; letter-spacing: 0; padding-left: 20px; padding-right: 20px;}


  .mobilebottom{ margin-top: 20px; display: block;}
  .mobilebottom ul{margin: 0 -10px}
  .mobilebottom ul::after{content: ""; clear: both; display: table; height: 0; float: inherit;}
  .mobilebottom li{ padding:0 10px; width: 33.3%; box-sizing: border-box; float: left; display: table;}
  .mobilebottom li a{background-color: #1575db; display: table-cell; padding: 10px; box-shadow: 0 2px 15px 0 rgba(0, 39, 102, .15); border-radius: 10px; transition: all 0.3s; text-align: center; color: #fff; height: 110px; vertical-align: middle;}
  .mobilebottom li a i{display: block; font-size: 40px; line-height: 50px;}

  .mobilebottom li:first-child a{background-color: #76b900; color: #fff;}
  .mobilebottom li:last-child a{background-color: #c80000;color: #fff;}  

  .pageBanner{ margin-bottom: 20px;}

  .page-nav .col-sm-7{ text-align: center !important;}
  .page-nav .btn-group{ margin-bottom: 10px;}
  .page-nav .btn-group button.btn{padding-left: 8px; padding-right: 8px;}
  .page-nav .input-group .btn-default{ width: 80px;}

  .result-group.wiki-group ul li{ width: 100%;}
  .result-group.wiki-group h4.title{ text-align: center; font-size: 20px;}
  .leftmenu{ width: 100%; margin-bottom: 20px; }
  .leftmenu+.content-box{ width: 100%; margin-left: 0;}

  .leftmenu .arrow{ display: block; font-size: 24px; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;}
  .leftmenu .arrow::before{content: "\f078";font-family: FontAwesome; font-weight: normal; font-style: normal; line-height: normal;}
  .leftmenu.opened .arrow::before{content: "\f077";}
  .leftmenu > ul { display: none;}
  .leftmenu.opened  > ul { display: block;}


  .sort-button{ display: block; margin-top: 10px;}

  .data-group li{ width: 50%;}
  .data-group.data-type li{ width: 100%;}

   .leftmenu ~ .content-box  .data-group.data-type li{width: 100%;}

  .brand-group li{ width: 50%;}

  .patent-content{ padding-top: 20px; padding-bottom: 20px;}
  .patent-content .slogen{ font-size: 24px;}
  .patent-content .mianSearch{width: auto; padding-top: 50px;}
  .patent-content .mianSearch .searchInput{ padding-left: 10px; width: calc(100% - 114px); }
  .patent-content .mianSearch .btn-group{ position: absolute; left: 0; top: 0;}
  .patent-content .mianSearch .button{ top: auto; bottom: 3px;}
}



 