.header{
	width: 100%;
	height: 80px;
	background-color: white;
}
.header .g-row{
	position: relative;
}
.header .logo{
	display: block;
	width: 202px;
	height: 80px;
	float: left;
	overflow: hidden;
}
.header .nav{
	float: left;
	width: auto;
	height: 100%;
	padding-left: 75px;
}
.header .nav li{
	float: left;
}
.header .nav li a{
	display: table-cell;
	height: 66px;
	border-bottom: 5px solid white;
	padding-top: 9px;
	line-height: 1.2;
	vertical-align: middle;
	font-size: 16px;
	color:#7e7c7c;
	text-align: center;
	transition: background .3s ease;
	
}
.header .nav li a p{
	font-size: 10px;
	transform:scale(.6);
	white-space:nowrap;
}
.header .nav li a.active,.header .nav li a:hover{
	background-color: #f6f6f6;
	border-bottom: 5px solid #066eb7;
}
.header .nav a.n1{
	width: 76px;
}
.header .nav a.n2{
	width: 108px;
}
.header .nav a.n3{
	width: 119px;
}
.header .nav a.n4{
	width: 76px;
}
.header .search-bar{
	float: right;
    width: 250px;
    height: 35px;
    margin-right: 140px;
    margin-top: 21px;
    line-height: 35px;
}
.header .search-bar .s-select{
	float: left;
	height: 35px;
	border:1px solid #d8d8d8;
	color:#676767;
}
.header .search-bar .s-select select{
	
	width: 66px;
	height: 35px;
	text-align: center;
	border:none;
	vertical-align: top;
}
.header .search-bar .s-select select option{
	width: 100%;
	text-align: center;
}
.header .search-bar .s-input{
	float: left;
	width: 138px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.header .search-bar .s-input input{
	width: 128px;
	height: 35px;
	padding:0 5px;
	border:none;
	vertical-align: top;
}
.header .search-bar .s-btn{
	float: left;
	width: 43px;
	height: 37px;
}
.header .search-bar .s-btn a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #646464;
}
.header .search-bar .s-btn a:hover{
	background-color: #6f6f6f;
}
.header .action{
	position: absolute;
	top:0px;
	right:0px;
	height: 100%;
	line-height:80px;
	color:#7e7c7c;
	font-size: 14px;
}
/*
.banner{
	width: 100%;
	min-width: 1100px;
	height: 570px;
	background:url(../images/banner.png) no-repeat center;
}*/
.page-banner{
	width: 100%;
	min-width: 1100px;
	height: 300px;
	background:url(../images/page-banner1.jpg) no-repeat center;
}
.page-banner-download{
	width: 100%;
	min-width: 1100px;
	height: 300px;
	background:url(../images/page-banner2.jpg) no-repeat center;
}

.simulation-banner{
	width: 100%;
	height:auto;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
}
.simulation-banner > img{
	width:100%;
	max-width: 1920px;
	min-width: 1100px;
	object-fit: cover;
}


.subnav{
	width: 100%;
	min-width: 1100px;
	height: 60px;
	background-color: #066eb7;
}

.subnav > .g-row.simulation-menu{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}

.subnav > .g-row.simulation-menu > ul{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
    align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
    height: 100%;
}

.subnav  > .g-row.simulation-menu > ul > li{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

    height: 100%;
}
.subnav li a{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

	flex-direction: column;
    -moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
   
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;

	justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
    

	padding:0 20px;
	color:white;
	font-size: 14px;
	text-align: center;
    line-height: 1.2;
}

.subnav li a.logo{
	padding-left: 0;
}

.subnav li a > span{
	font-size:10px;
}

.subnav li a.btn-back-index:hover{
	text-decoration: underline;
}

.subnav li a.logo > img{
	height:60px;
}
.subnav li a .icon{
	display: none;
	position: absolute;
	top:50%;
	right:-6px;
	margin-top: -5px;
}
.subnav li a.active{
	background: url(../images/subnav_bg.jpg) repeat-x;
}
.subnav li a.active .icon{
	display: block;
}
.subnav > .g-row.simulation-menu > .action{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

    align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;

	color:#ffffff;
	padding-right: 10px;
	box-sizing: border-box;
}
.subnav > .g-row.simulation-menu > .action > a{
	color:#ffffff;
	text-align: center;
    line-height: 1;
}

.subnav > .g-row.simulation-menu > .action > span{
	margin-right: 10px;
}
.subnav > .g-row.simulation-menu > .action > i{
	margin: 0 5px;
	width: 1px;
    height: 20px;
    border-right: 1px solid #ffffff;
    
}

.sim-meau{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.sim-meau dl{
	float: left;
	width: 540px;
	margin-right: 10px;
	margin-top: 10px;
}
.sim-meau dl dt{
	width: 500px;
	height: 40px;
	padding-left: 40px;
	background-color: #646464;
	line-height: 40px;
	color:white;
	font-size: 14px;
	background-image: url(../images/icon-right.jpg);
	background-repeat: no-repeat;
	background-position: 20px center ;
}
.sim-meau dl dd li{
	float:left;
	width: 250px;
	height: 38px;
	margin: 0 10px;
	line-height: 38px;
	border-bottom: 1px dashed #d8d8d8;
	white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.input-page{
	margin-top: 20px;
}
.input-page h6{
	width: 1082px;
	height: 40px;
	padding-left: 18px;
	background-color: #646464;
	line-height: 40px;
	color:white;
	font-size: 14px;
	margin-top: 50px;
}
.input-page .input-wrap{
	padding:24px 0;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}
.input-page .input-wrap .form-wrap{
	float: left;
	width: 520px;
}
.input-page .input-wrap .sim-show{
	float: right;
	width: 500px;
}
.input-page .input-wrap .sim-show img{
	max-width: 400px;
}

.input-page .form{
	text-align: right;
	color:#686767;
	font-size: 14px;
}
.input-page .action,.rs-page.action{
	
	margin-top: 80px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: white;
    width: 100%;
    z-index: 399;
}

.input-page .action.ding{
	position: fixed;
    bottom: 0px;
    left: 0;
    box-shadow: 0px -5px 10px #dedede;
}



.select-wrap{
	width: 1100px;
	overflow: hidden;
}
.selected-device{
	padding-bottom: 10px;
	border-bottom: 2px solid #f8f8f8;
}
.selected-device ul{
	width: 1200px;
}
.selected-device li{
	float: left;
	margin:0 5px;
	text-align: center;
	color:#b3b3b3;
	line-height: 30px;
}
.selected-device li .device-pic{
	width: 208px;
	height: 158px;
	border:1px dashed #ebebeb;
	overflow: hidden;
}
.selected-device li .device-pic img{
	width: 100%;
	height: 100%;
}
.selected-device li .p1{
	margin-top: 10px;
}
.selct-wrap .p01{
	font-size: 14px;
	color:#615f5f;
	padding-left: 18px;
	margin-top: 15px;
}
.selct-wrap .p02{
	font-size: 14px;
	color:#615f5f;
	padding-left: 18px;
	margin-top: 15px;
}
.table-wrap{
	margin-top: 15px;
}
.table-wrap table{
	width: 100%;
	color:#706e6e;
}
.table-wrap table thead{
	background-color: #646464;
	color:white;
}
.table-wrap th,.table-wrap td{
	text-align: center;
	height: 48px;
	vertical-align: middle;
	border:1px solid #ebebeb;
}
.table-wrap td img{
	vertical-align: middle;
}
.table-wrap table tbody tr:nth-child(even){
	background-color: #f4f4f4;
}

.qrcode-wrap{
	width:100%;
	margin-top:50px;
}

.qrcode-wrap > ul{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

	justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;

	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}
.qrcode-wrap > ul > li{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;

	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	
	font-size:13px;
	color:#000000;
	margin:0 20px;
}

.qrcode-wrap > ul > li > img{
	width:80px;
	height:80px;
	margin-bottom: 10px;
}

.qrcode-wrap > ul > li > span{
	height:30px;
	text-align: center;
	line-height: 1.2;
}
.font-10{
	font-size:10px;
}

.footer{
	position: relative;
	width: 100%;
	min-width: 1100px;
	margin-top:20px;
	padding:18px 0;
	line-height: 2;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
}
.footer p{
	text-align: center;
}
.footer p > a{
	color:#ffffff;
}

.index-show{
	margin-top: 12px;
}
.index-show > dt{
	position: relative;
	width: 1077px;
	height: 35px;
	padding-left: 16px;
	border-left:7px solid #646464;
	line-height: 34px;
	font-size: 16px;
	color:#6a6969;
}
.index-show > dt .action{
	position: absolute;
	top:0px;
	right:0px;
}
.index-show.demo-list  > dd{
	position: relative;
	width: 1100px;
	height: 229px;
	margin-top: 10px;
	overflow: hidden;
}
.demo-list ul{
	position: absolute;
	top:0;
	left:0;
	width: 1200px;
}
.demo-list li{
	float: left;
	width: 257px;
	margin-right: 24px;
	text-align: center;
}
.demo-list li .img-wrap{
	display: block;
	width: 255px;
	height: 184px;
	border:1px solid #efefef;
}
.demo-list li:hover .img-wrap{
	border-color:#066eb7;
}
.demo-list li .img-wrap img{
	max-width: 100%;
	max-height: 100%;
}
.demo-list li h6{
	font-size: 14px;
}
.demo-list li p{
	font-size: 12px;
}

.brand-list table{
	width: 100%;
}
.brand-list table td{
	border:1px solid #dedede;
	width: 20%;
	height: 128px;
}
.brand-list table td a{
	display: block;
	width: 100%;
	height: 100%;
}
.brand-list table td img{
	width: 100%;
	height: 100%;
}
.solution-item{

}
.solution-item > dl > dt a{
	display: block;
	width: 1082px;
	height: 40px;
	padding-left: 18px;
	color:#585858;
	border-bottom: 1px dashed #ccc;
	line-height: 40px;
}

.solution-item > dl.active > dt a{
	background-color: #066eb7;
	color:white;
	border-bottom: none;
}
.solution-item > dl > dt a:hover{
	text-decoration: underline;
}
.solution-item > dl.active > dt a:hover{
	text-decoration: none;
}
.solution-item > dl > dd{
	display: none;
}
/*
.solution-item > dl.active > dd{
	display: block;
}*/
.solution-item > dl > dd > dl{
	margin-bottom: 2px;
}
.solution-item > dl > dd > dl > dt a{
	display: block;
	width: 1055px;
	height: 40px;
	line-height: 40px;
	padding-left: 45px;
	background-color: #9b9b9b;
	color:white;
}
.solution-item > dl > dd > dl > dd{
	display: none;
}
/*
.solution-item > dl > dd > dl.active > dd{
	display: block;
}
*/
.solution-item > dl > dd > dl > dd li{
	width: 1036px;
	height: 40px;
	padding-left: 64px;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
}
.solution-item > dl > dd > dl > dd li:hover{
	background-color: rgba(6, 110, 183, 0.32);
}
.solution-item > dl > dd > dl > dd li a{
	display: block;
	width: 100%;
	height: 100%;
	color:#737373;
}
.solution-top .left{
	width: 232px;
	height: 252px;
	background-color: white;
	overflow: hidden;
	line-height: 252px;
}
.solution-top .left img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.solution-top .right{
	width: 818px;
}
.solution-top .right h6{
	display: inline-block;
	width: 788px;
	height: 50px;
	padding:0 15px;
	background-color: #066eb7;
	color:white;
	line-height: 50px;
	font-size: 16px;
}
.solution-top .right .p1{
	width: 788px;
	padding:0 15px;
	margin-top: 20px;
	font-size: 14px;
	color:#615f5f;
}
.solution-top .right .p2{
	width: 788px;
	padding:0 15px;
	margin-top: 20px;
	font-size: 12px;
	color:#585858;
}

.pop-reg .left{
	width: 450px;
}
.pop-reg .right{
	width: 350px;
}

.pop-reg .pop-reg-info{
	padding-top: 30px;
	color:#858585;
}
.pop-reg .pop-reg-info dl{
	margin-bottom: 15px;
}
.pop-reg .pop-reg-info dt{
	float:left;
	width: 20px;
}

.pop-reg .pop-reg-info dd{
	float: left;
}
.pop-reg .pop-reg-info .btn-submit{
	font-size: 16px;
}
.pop-reg .pop-reg-info .p2{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
}


.pop-login .form-default{
	width: 480px;
	margin:0 auto;
}

.pop-login .btn-submit{
	width: 312px;
}
.download-list .cat-wrap{
	width: 1078px;
	margin:10px 0;
	padding-left: 22px;
}
.download-list .cat-wrap li{
	float: left;
	margin-right: 10px;
}
.download-list .cat-wrap li a{
	padding:4px 8px;
	background-color: white;
	color:#066eb7;
}
.download-list .cat-wrap li a:hover,.download-list .cat-wrap li a.active{
	padding:4px 8px;
	background-color: #066eb7;
	color:white;
	border-radius: 2px;
}
.download-list .download-wrap li{
	position: relative;
	width: 1055px;
	height: 40px;
	padding: 0 15px 0 30px;
	line-height: 40px;
	border-bottom:1px dashed #f3f3f3;
	background-image:url(../images/icon-dot.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	color:#555555;
}
.download-list .download-wrap li:hover{
	background-color: #f3f3f3;
}
.download-list .download-wrap li .action{
	position: absolute;
	top:0px;
	right:15px;
	width: auto;
	height: 40px;
	line-height: 40px;
	
}


.pagebar{
	padding: 30px 0;
	text-align: center;
	font-size: 12px;
	color:#585858;
	line-height: 1;
	vertical-align: middle;
}
.pagebar span.b{
	color:#85b5ec;
}

.active-wrap{
	position: relative;
	padding: 20px 50px 20px 120px;
}
.active-wrap .icon-email{
	position: absolute;
	top:20px;
	left:50px;
}
.active-wrap h6{
	margin-top: 10px;
	font-size: 16px;
	color:#5c5b5c;
}
.active-wrap .p1{
	margin-top: 50px;
}





.mt-40{
	margin-top: 40px;
}
.font-16{
	font-size: 16px;
}
.heatsink-item{
	
}

.heatsink-item h6{
	background-color: #f1f1f1;
	color:#615f5f;
}
.heatsink-item .left{
	float: left;
	width: 410px;
	padding:0 15px 15px;
}
.heatsink-item .left input[type="text"]{
	width: 110px;
}
.heatsink-item .right{
	float: right;
	width: 628px;
	padding:0 15px 15px;
}
.heatsink-item li{
	margin-top: 15px;
}
.heatsink-item li label{
	float:left;
	width: 180px;
	margin-right:15px;
	text-align: right;
}
.heatsink-item .right label{
	float: left;
	width:110px;
}
.heatsink-item .right select{
	width: 160px;
}
.heatsink-item .right input{
	width:100px;
}
.result-item{
	width: 100%;
	height: auto;
}
.result-item li{
	width: 1100px;
	height: auto;
	overflow: hidden;
	padding:30px 0;
	border-bottom: 1px solid #ccc;
}
.result-item li h5{
	margin-top:15px;
}
.result-item table{
	width: 460px;
	font-size: 12px;
    border: 1px solid #aaa;
    border-collapse: collapse;
    border-spacing: 0;
}
.Result-FreeRow {
    border: 1px solid white;
    color: #005da9;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.result-item table tr {
    background: #fff;
}
.result-item table th, .result-item table td {
    padding: 2px;
    text-align: left;
    border: 1px solid #aaa;
}
.result-item .table-rs-wrap{
	float: left;
}
.result-item .rs-img{
	height:347px;
}
.img-wrap{
	float: left;
	width: 640px;
	overflow: auto;
}
.result-item .img-wrap table{
	width: 620px;
	margin-left: 20px;
}

.img-wrap img{
	width: 300px;
}
.result-download{

}
.result-download dl{
	width: 96%;
	margin:0px auto 20px;
}
.result-download dt{
	padding:10px;
	border-bottom:1px solid #dedede;
	font-size: 14px;
}
.result-download dd li{
	float: left;
	
	margin-right:18px;
	margin-top: 20px;
}
.result-download dd li a{
	display: block;
	padding:15px;
	width: 300px;
	text-align: center;
	border:1px solid #dedede;
	color:#555555;
	transition:border .3s;
}
.result-download dd li a:hover{
	border:1px solid #1c1414;
}
.result-download dd li img{
	vertical-align: middle;
	margin-right: 10px;
}


.select-table tbody tr:hover,.select-table tr.active:hover{
	background-color: #3B90DB !important;
	color:white;
}
.select-table tr.active{
	background-color: #DDF4FF !important;
}

.banner{
	position: relative;
    width: 100%;
    max-width: 1920px;
    min-width: 1100px;
    height: 570px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: background .5s;
}
.banner .banner-action{
	position: absolute;
	left:0px;
	bottom:25px;
	width: 100%;
	height: 16px;
	z-index:299;
	text-align: center;
}
.banner .banner-action li{
	display: inline-block;
	margin:0 4px;
}
.banner .banner-action li a{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border:1px solid white;
	background-color: white;
}
.banner .banner-action li a:hover,.banner .banner-action li a.active{
	border:1px solid #066eb7;
	background-color: #066eb7;
}
.banner .banner-link{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index:19;
}

.detail-content img{
	max-width: 100%;
}

.hr{
	display: none;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.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: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px 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 {
  color: #2a6496;
  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: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.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;
}
.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;
}
.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;
}