.product{
	width: 100%;
	background:#fff;
	box-sizing: border-box;
}
 .title_h2{
 	line-height: 50px;
	font-size: 30px;	
	font-weight: 600;
 }
.content_text{
	font-weight: 700;
    font-size: 19px;
}

/*跑马灯 css*/
.str_wrap {
	overflow:hidden;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:absolute;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
	/*top: 507px;*/
	bottom: 0;
}

.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_wrap a{
	position: relative;
	vertical-align: middle;	
	margin-right:15px;
	overflow: hidden;
}
.str_wrap a span{
	position: absolute;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	left: 0;
	line-height: 140px;
	transition: all 0.8s;	
	color: #fff;
	font-size: 15px;
	transform: scale(0);
}
.str_wrap a:hover span{
	background-color:rgba(131,195,255,0.9);
	transform: scale(1);
}
.str_wrap img{
	width: 210px;
	height: 140px;
	opacity:1;
	vertical-align: middle;
}
.str_wrap img:hover{
	box-shadow: 0px 4px 20px #828282;
	background: rgba(255,255,255,0.1);
}
/*跑马灯结束*/



/*产品中心一级页面*/
.product .content h1{
	line-height: 60px;
    text-indent:5.5em;
    text-align: left;
    color: #7d7d7d;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.product .content h2.h2{
	text-indent: 10em;
	text-align: left;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: -6px;
    color: #f08300;
}
.product .content li{
	width: 100%;
	background-color:#cddaed;
	border-bottom:7px solid #fff;
	height: 350px;
	overflow: hidden;
	position: relative;
}
.product .content li:nth-last-child(1){
	margin-bottom: 80px;
}
.product .content li img{
	/*padding: 0 40px;*/
	/*height: 100%;*/
}
.product .content li .left{
	width: 50%;
	display: inline-block;
	position: absolute;
	height: 100%;
	transition: all 0.6s;

}
.product .content li .left:hover{
	transform: scale(1.05); 
	
}

.product .content li .right{
	width: 50%;
	display: inline-block;
	background-color:#0953a0;
	position: absolute;	
	top: 0;
	text-align: center;
	padding-top:130px;
	height: 100%;
	
}
.product .content li .right a{
	color: #fff;
}
.product .content li .right a:hover{
	color: #efa000;
}
.product .content li .q{
	position: absolute;
    top: 0;
    right: 50%;
    /* display: none; */
    margin-right: -60px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 350px solid #0953a0;
    border-left: 50px solid transparent;
}

.product .content li:nth-child(1) .right{
	right: -60px;
}
.product .content li:nth-child(2n) .left{
	right: 0px;
	width: 52%;
}
.product .content li:nth-child(2) .q{
    left: 48%;
    border-top: 360px solid #0953a0;
    border-right: 50px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}
.product .content li:nth-child(2) .right{
	width: 48%;
}
.product .content li:nth-child(3) .q{
	margin-right: 0;
	right: 52%;
}
.product .content li:nth-child(3) .left{
	left: 0;
	width: 48%;
}
.product .content li:nth-child(3) .right{
	right: 0;
	width: 52%;
}
.product .content li:nth-child(4) .right{
	width: 43%;
}
.product .content li:nth-child(4) .q{
	position: absolute;
    top: 0;
    left: 46%;
    margin-left: -60px;
    width: 0;
    height: 0;
    border-top: 360px solid #0953A0;
    border-right: 50px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}
.product .content li:nth-child(4) .left_bg{
	left: -10%;
}
.product .content li  .left_bg{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    z-index: 0;
    background-color: rgba(255,255,255,0.5);
    vertical-align: middle;
    transition: 0.6s;
}
.product .content li:nth-child(2n) .left_bg{
	 left: auto;
	 right: 0;
}
.product .content li .left_bg a{
	font-size: 17px;
	color: #fff;
	border-radius: 10px;
	vertical-align: middle;
	padding: 4px 25px;
	border:1px solid #fff;
	position: absolute;
	left: 41%;
    top: 42%;
    display: none;
}
.product .content li:nth-child(2n) .left_bg  a{
	 left: auto;
	 right:41%;
}
.product .content li  .left:hover .left_bg{
	width: 110%;
}
.product .content li .left:hover .left_bg a{
	display: block;
}
.product .content li .left_bg a:hover{
	background-color: #007ac1;
}


/*产品中心 二级页面 目录模式*/
.second_level {position: relative;}
.product_nav .bread_crumb{
	padding: 10px 0;
    border-bottom: 1px solid #ccd5de;
    border-radius: 0;
    position: absolute;
    top: 105px;
    background-color: #fff;
    z-index: 100;
    margin-left: 1px;
    width: 99%;
    overflow: hidden;
    box-sizing: border-box;
}

/*头部图片 产品信息*/
.product_nav .top_img{
	height: 690px;background-size: 33%;
	background-position-x: 50%;background-position-y: 46%;
	background-repeat: no-repeat;text-align: center;
	background-attachment: fixed;margin: 0 auto;
	position: relative;
	top: 180px;
	z-index: -1;
}
.second_level .secondLevel_title{
	height: 300px;
	background: rgb(255,255,255,0);
	text-align: center;
	width: 100%;
	position: fixed;
	top: 190px;
	left: 0;
}
.second_level .secondLevel_title h1{
	color: #0079d1;
    margin-top: 1rem;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    left: 222px;
}
.second_level .buttom_box{
	background-color:#cfe3ff;
	padding: 20px 0;
	padding-bottom: 70px;
	position: relative;
    z-index: 10;
}
.second_level .buttom_box .content_title{
	padding-bottom: 25px;
	width: 1024px;
}
.second_level .buttom_box .content_title h2{
	line-height: 50px;
	color: #0079d1;
}
.second_level .buttom_box .content_title p{
	line-height: 27px;
	font-size: 17px;
	font-weight: 300;
	margin-top: 10px;
}
.second_level .buttom_box .content_title button{
	margin-top: 18px;
}
.second_level .buttom_box .content_title p:nth-child(3){
	display: none;
}
.second_level .buttom_box .content_title p.class_description2{
	display: block;
}
.product_nav .right_nav{
	position: fixed;
	width: 270px;
	overflow: hidden;
	padding: 25px;
	top:40%;
	right: 80px;
	/*box-shadow: 0px 0px 5px #0095ff;*/
    border-radius: 10px;
    z-index: 1;
  	top:47%;
  	transform:translateY(-50%);
  	overflow: hidden;
}
.product_nav .right_nav li{	
	background-size: 100% 100%;
	padding:0 15px;
	padding-left: 44px;
	background-repeat: no-repeat;
	color: #fff;	
	margin-bottom:1px;
	border-radius: 28px;
	line-height: 40px;
	height:40px;
	position: relative;
}
.product_nav .right_nav li:before{
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 40px;
	content: "";
	left: 10px;
	top: 7px;
	background-color: #fff;
	opacity: 0;
}
.product_nav .right_nav li:hover::before{
	opacity: 1;
}
.product_nav .right_nav li a{
	color: #949494;
	white-space:nowrap;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	/*width: 160px;*/
	font-size: 17px;	
	text-overflow:ellipsis;
	padding: 0;

}
.product_nav .right_nav li:hover{
	/*background-image: url(/Public/images/92.png);*/
	background-color: rgba(47,49,139);
}
.product_nav .right_nav li:hover a{
	color: #fff;
}

/*产品中心 二级页面 层级进入模式*/
#product_content_box > h1{
	margin:20px 0 30px 0;
	text-align: center;
}
#product_content_box li{
	vertical-align: top;
	width: 24.1%;
	margin-right: 1.2%;
	display: inline-block;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #fff;
	margin-left: -4.3px;
	overflow: hidden;
}
#product_content_box li:hover .content_text{color: #fff;}
#product_content_box li:nth-child(4n){
	margin-right: 0;
}
#product_content_box li:nth-last-child(1),
#product_content_box li:nth-last-child(2),
#product_content_box li:nth-last-child(3),
#product_content_box li:nth-last-child(4),{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
#product_content_box li img{
	
	height: 270px;
    padding: 50px 15px 10px 15px;
    transition: all 1s;
}
#product_content_box li:hover img{
	transform: scale(1.1);
}
#product_content_box li .content_text{
	position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #000;
    font-size: 20px;
    line-height: 50px;
}


/*产品中心 三级页面*/
.boxShadow{
	box-shadow: 2px 2px 10px#3498db;	
}
.second_level .content,.third_level .content{
	width: 1500px;
	margin: 0 auto;
	margin-top: 40px;
}
.third_level .content{width: 1270px;}
.second_level .content{margin-bottom: 40px;}

.second_level .product_content{
	width: 100%;
	background: #fff;
	margin-bottom: 55px;	
}
.second_level .product_content .left{
	text-align: center;
	width: 25%;
	display: inline-block;
	color: #1d5ec3;
	padding: 15px;
	vertical-align: top;	
}
.second_level .product_content .left img{
	width:345px;
	margin-bottom: 10px;
	border-radius: 8px;
}
.second_level .product_content .left h2{
    text-align: center;
    line-height: 65px;
    display: inline-block;
    box-shadow: 7px -5px 0 0px #3498db;
    border-radius: 13px;
    padding: 0 20px 15px 20px;
    border: 1px solid #3498db;
    color: #007ad1;
    margin-bottom: 45px;
    -webkit-box-reflect: below -65px -webkit-gradient(linear,left top,left bottom, from(rgba(255,250,250,0)),to(rgba(255,255,255,0.24)));
    box-reflect: below -45px -webkit-gradient(linear,left top,left bottom, from(rgba(255,250,250,0)),to(rgba(255,255,255,0.24)));
} 

.second_level .product_content .left p{
	line-height: 30px;
    text-align: left;
    font-size: 17px;
    margin-top: 20px;
    text-indent: 2em;
}
.second_level .product_content .right{
	width: 75%;
	display: inline-block;
	padding: 20px;
	vertical-align: middle;;
}	
	
.second_level .product_content .right .subclass{
	width: 256px;
	display: inline-block;
	vertical-align: top;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	box-shadow:6px 6px 0px 0 #3498db;
	transition: all 0.6s;
	overflow: hidden;
}
.second_level .product_content .right .subclass:hover{
	box-shadow: 7px 7px 0 0 #fff;
	border:1px solid rgba(64,139,255,0.4);
	background: #83c3ff;
}
.second_level .product_content .right .subclass p{
	position: absolute;	
	color: #0079d1;	
	bottom: 0px;
	display: inline-block;
	width: 100%;
	font-size: 17px;
	line-height: 45px;
	left: 0;
	text-align: center;
}
.second_level .product_content .right .subclass:hover p{
	color: #fff;
}
.second_level .product_content .right .subclass img{
	transition: all 1s;
}
.second_level .product_content .right .subclass:hover img{
	transform: scale(1.1);
}
.second_level .product_content  .subclass:nth-child(4n){
	margin-right: 0;
}
.second_level .product_content .right .subclass .Mask{
	position: absolute;
	width: 150%;
	left: -79%;
    top: -24%;
	height: 20%;
	background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.9),rgba(255,255,255,0.2));
	transform:rotate(330deg);
	-ms-transform:rotate(330deg); 	/* IE 9 */
	-moz-transform:rotate(330deg); 	/* Firefox */
	-webkit-transform:rotate(330deg); /* Safari 和 Chrome */
	-o-transform:rotate(330deg); 	/* Opera */
	transition: all 1s;
}
.second_level .product_content .right .subclass:hover .Mask{
	left: 20%;
    top: 132%;    
}




/*产品中心四级页面*/
.third_level .product_display {
	text-align: center;
}
.third_level .product_display .display_top_left{
	width: 50%;
	display: inline-block;
}
.third_level .product_display .display_top_left img{
	box-shadow: 5px 5px #ccc;
	box-shadow: 3px 3px 8px #ccc;
	border-radius: 3px;
}
.third_level .product_display .display_top_right{
	width: 70%;
	display: inline-block;
	margin-left: -21%;
	background-color: rgba(52,152,219,0.25);
	padding: 20px;
	line-height: 32px;
    font-size: 17px;
    text-align: left;
    box-shadow: 4px 4px 10px #ccc;
}
.third_level .product_display .display_top_text{
	vertical-align: top;
	width: 100%;
	margin-top: 45px;
	margin-bottom: 5px;
	text-align: left;

}
.third_level .product_display .display_top_text p{
	text-indent: 2em;
	text-align: left;
	line-height: 30px;
	font-size: 16px;
	color: #777;
}
.third_level .product_display .title{
	text-align: center;
	line-height: 75px;
    
    display: inline-block;
    box-shadow: 7px -5px 0 0px #3498db;
    border-radius: 13px;
    padding: 0 20px 15px 20px;
    border: 1px solid #3498db;
    color: #007ad1;
    margin-bottom: 30px;
    -webkit-box-reflect: below -76px -webkit-gradient(linear,left top,left bottom, from(rgba(255,250,250,0)),to(rgba(255,255,255,0.24)));
    box-reflect: below -45px -webkit-gradient(linear,left top,left bottom, from(rgba(255,250,250,0)),to(rgba(255,255,255,0.24)));
}
.third_level .content ul{
	text-align: left;
	display: inline-block;
	margin-left: -4.5px;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.third_level .content .list{
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	border:1px solid #3498db;	
	vertical-align: top;
	margin-right: 20px;
    margin-bottom:7px;
	transition: all 0.6s;
	position: relative;
	height: 250px;
	overflow: hidden;
}
.third_level .content .list:hover{
	box-shadow: inset 0px 0px 10px #4da8e0;
}
.third_level .content .list>a{
	width: 25%;
	height: 100%;
	display: inline-block;
	margin-right: -4.3px;
	box-shadow: 7px 0px 0px #4da8e0;
}
.third_level .list img{
	transition: all 0.7s;
    padding: 50px 5px;
    height: 100%;
}
.third_level .list:hover img{
	transform: scale(0.95);
}

.third_level  .list .message{
	font-size: 14px;
	line-height: 30px;
	display: inline-block;
	width: 74%;
	margin-left: 1%;
	background-color: rgba(243 243 243);
	height: 100%;
	vertical-align: top;
	text-align: left;
	padding: 25px 20px;
}
.third_level  .list .message h2{
	font-weight: 600;
	line-height: 50px;
}
.third_level  .list #moreList a{
	font-size: 20px;
	display: block;
    box-sizing: border-box;
    color: #007ad1;
    border: 1px solid #007ad1;
    background-color: rgba(0,0,0,0);
    float: right;
}
.third_level  .list .message a:hover{
	color: #ffb828;
	color: #007ad1;
}



/*分页按钮*/
div.pages{
	margin-bottom: 25px;
}
div.pages a, div.pages span{
	padding: 6px 19px;
}



/*产品内页 终极页面*/
#product_details{
	background-color: unset;
	overflow: hidden;
}
/*按钮*/
.product .botton{
	position: relative;
	width: 165px;
	height: 50px;
	vertical-align: top;
	 margin-top: 10px;
}
.product .botton .bg{
	position: absolute;
	height: 100%;
	width: 0px;
	background-color: #ffc107;
	transition: all 1s;
	z-index: 1;
}
.product .botton .submit span{
	position: absolute;
    z-index: 2;
    text-align: center;
    left: 29%;
    top: 24%;
}
.product .submit{
	font-size: 19px;
    color: #fff;
    width: 100%;
    height:100%;
    background: #3498db;   
    padding-left: 0 !important;
    border-radius: 3px;
    border:0;
}
.product .botton:hover .bg{
	width: 100%;
}
/*上头*/
.product .top{
	width: 1465px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
}
.product .top:after{
	 content: '';
    width: 1000px;
    background: #f6f6f6;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
}
   
.product #featured, 
.product .description{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
/*左边缩略图*/
.product #featured {
	position: relative;
	background: #fff;
	width: 49%;
	height:440px;
	margin-right: 1%;
}
.product #featured ul{
	width: 160px;
	position: absolute;
	height:84%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.product #featured ul::-webkit-scrollbar{
	display: none;
}
.product #featured .big_picture{
	position: absolute;
	right: 0;
}
.product #featured ul.ui-tabs-nav li{
	width: 100%;
	height: 110px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.product #featured li.ui-tabs-nav-item img{
	width: 100%;
	height:100%;
	border:2px solid #efefef;
	padding: 5px;
}
.product #featured li.ui-tabs-selected img{
	border:1px solid #ffc107;
}


.product #featured ul.ui-tabs-nav li:nth-last-child(1){
	margin-bottom: 0;
}
.product #featured li.ui-tabs-nav-item a:hover{
	transform: scale(0.9);
}

/*上下按钮*/
.product #featured #scro_top,
.product #featured #scro_bottom{
	height: 16px;
	width: 160px;
	text-align: center;
	background-image: url(/public/images/pro_detail01_2.png);
	background-repeat: no-repeat;
	background-position-x: 50%;
}
.product #featured #scro_top{
	background-position-y:0;
	margin-bottom: 8px;
	transition: all 0.6s;
}
.product #featured #scro_top:hover{
	background-position-y:36%;
}

.product #featured #scro_bottom{
	background-position-y: 100%;
    transition: all 0.6s;
    position: absolute;
    top: 395px;
}
.product #featured #scro_bottom:hover{
	background-position-y:67%;
}
.product #featured .fa{
	font-size: 50px;	
	color:#3498db;
	
}
.product #featured #scro_top .fa{
	line-height: 28px;
    padding-top: 5px;
}
.product #featured #scro_bottom .fa{
	line-height: 40px;
    padding-top: 0px;
    margin-top: -5px;
}
.product #featured .fa:hover{
   color: #ffc107;
}




/*右边大图*/
#featured .ui-tabs-hide{
	display: none;
}
.product #featured .ui-tabs-panel{
	width: 565px;
    height: 370px;
}
.product #featured .ui-tabs-panel img{
	width: 100%;
	height: 100%;
	padding: 0 22px;
}


/*右边描述*/
.product .description {
	margin-bottom: 10px;
    width: 49%;
    padding: 35px 0;
    padding-left: 32px;
    box-sizing: border-box;
    margin-left: -5px;
    padding-right: 0;
    height: 100%;
    display: inline-block;

}
.product .description h1{
	font-size: 31px;
    font-weight: 900;
    display: inline-block;
    line-height: 75px;
    color: #ffc107;
}
   
.product .description p{
	line-height: 30px;
	font-size: 15px;
}
.product .description .domain{
	margin-top: 20px;
	margin-bottom: 10px;
}
.product .description .domain h3,
.product .description .download h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 45px;
	color: #3498db;
	transition: all 0.5s;
	cursor: pointer;
	position: relative;
}
.product .description .download .tubiao{
	position: absolute;
	overflow: hidden;
	width: 35px;
	height: 35px;
}
.product .description .download h3 span{
	margin-left: 30px;
}

.product .description .download h3 i{
	position: absolute;
	transition: all 0.8s;
	top: 12px;
}
.product .description .download h3 i:nth-child(2){
	top: 35px;
	color: #ffc107;
}
.product .description .download h3:hover i:nth-child(1){
	top:-20px;
}
.product .description .download h3:hover i:nth-child(2){
	top:12px;
}
.product .description .domain h3:hover,
.product .description .download h3:hover{
	color: #ffc107;
}
.product .description .domain hr,
.product .description .download hr{
	margin-bottom: 5px;
	margin-top: -5px;
	border-top: 1px solid #ccc;
}
.product .description .domain p{
	background: #fff;
    line-height: 30px;
    padding: 4px 3px;
    font-size: 15px;
    display: inline-block;
    width: 168px;
    margin-right: 3px;    
    margin-bottom: 4px;
    transition: all 0.7s;
}
.product .description .domain a{
	color: #3498db;
}
.product .description .domain p:hover{
	background-color:  #ffc107;
}
.product .description .domain p:hover a{
	color: #fff;
	
} 
.product .description .domain p  img{
	height:35px;
    width: 35px;
    margin: 0 auto;
    vertical-align: middle;
    margin-right: 3px;    
    transition: all 0.8s;
}
.product .description .domain p:hover  img{
	transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.product .banner{
   height: 95px;
   vertical-align: middle;
   border-top:6px solid #1d5ec3;
   margin-bottom: 20px;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
}
.product .banner #banner_ul {
	float: right;
}
.product .banner  #banner_ul li{
	display: inline-block;
	width: auto;
	margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    font-size: 24px;   
    line-height:85px;
    cursor:pointer;
}

.product .banner  #banner_ul li a{
	color: #ffc107;
	font-weight: 700;
}
.product .banner  #banner_ul li:hover a{	
	color: rgb(89,164,237);
}

/*鼠标滑动到此处时加载样式 */
.product .no_ul {
	display: none;
}
.product .dis_ul {
	display: block;
	position:fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 99;
    box-shadow: 0px -6px 20px 0px #777;
    background: #fff;
}
.product .dis_ul_op {
	opacity: 0;
}
/*面包屑*/
.product .banner .bread_crumb{
	width: auto;
	margin-top: 22px;
	margin-left: 3%;
}


/*做导航栏*/
.product .product_title{
	line-height: 80px;
    font-size: 33px;
    color: #ffc107;
    font-weight: 500;
    margin-top: 25px;
    border-bottom: 2px solid;
    margin-bottom: 15px;
}

.product .capsule,
.product .parameters,
.product .chain,
.product .example{
	z-index: 99;
	vertical-align: top;
	width: 1400px;
    margin: 0 auto;
    transition: all 1s;
}


.product .capsule_title{
	display: inline-block;
	width: 20%;
	margin-right: 1%;
}
.product .capsule_title li{
	margin-bottom: 4px;
	background: #f2f2f2;
	position: relative;
}
.product .capsule_title li.active a{
	color: #fff;
	background-color: #ffc107;

}
.product .capsule_title li a{
	display: inline-block;
    width: 100%;
    color: #333;
    transition: all 0.9s;
}
    
.product .capsule_title li:nth-last-child(1){
	margin-bottom: 0; 
}
.product .capsule_title span{	
	line-height: 53px;
    display: inline-block;
    font-size: 17px;
    margin-left: 30px;
}

.product .capsule_title .hr{
	background: #ffc107;
    width: 5px;
    position: absolute;
    margin-left: 0;
    left: 0;
    transition: all 0.6s;
}
.product .capsule_title i{
	position: absolute;
    top: 20%;
    font-size: 34px;
    color: #ffc107;
    right: -12px;
    display: none;
}
.product .capsule_title li.active i{
	display: block;
}
.product .capsule_title p{
	position: absolute;
    top: 33%;
    left: 10%;
    font-size: 16px;
}
.product .capsule_title li:active .hr{
	width: 100%;
}
.product .capsule_title li:hover .hr{
	width: 100%;
}
.product_details .capsule .tab-content{
	width: 78%;
    display: inline-block;
    vertical-align: top;
}
.product .capsule .capsule_content{	
	width: 100%;
	vertical-align: top;
	background: #f5f5f5;
	padding: 14px 8px;
	height: 280px;
	box-sizing: border-box;

}
.product .capsule .capsule_content img{
	width: 388px;
}
.product .capsule .capsule_content p{
	line-height: 39px;
	font-size: 16px;
	font-weight: 200;	
	transition: all 1s;
	margin: 0;
}

.product .parameters .tz{
   text-align: center;
    border: 0.5px solid #ffe1aa;
    width: auto;
    display: inline-block;
    padding: 5px;
    line-height: 30px;
    text-align: left;

}

.product .parameters .tz .tz_img{
	width: 420px;
	text-align: center;
	color: #3498db;
	display: inline-block;
	vertical-align: top;
}
.product .parameters .tz p{
	text-align: center;
}
.product .parameters .tz:hover{
	color: #ffc107;
	margin-right: 3px;
	cursor: pointer;
}

.product .parameters .tz .tz_img img{
	display: block;
	transition: all 1.5s;
	box-sizing: border-box;
	padding: 1px;
	background-color: rgba(255,255,255,0);
}
.product .parameters .tz .tz_img img:hover{
	/*border:1.5px solid rgb(255 193 8);*/
	box-sizing: border-box;
	transition: all 2s;
	background-color: #ccc;
}
.product .parameters table{text-align: center;}


.product  .example .example_img{
	text-align: center;
	margin: 0 auto;
	text-align: left;
}
.product  .example .example_img img{
	width: auto;
}
.product .chain .chain_img{
	width: 340px;
	display: inline-block;
	margin: 0 auto;
	height: 240px;
	overflow: hidden;
	position: relative;
}
.product .chain .chain_img p{
	position: absolute;
	bottom:10px;
	text-align: center;
	width: 100%;
	line-height: 30px;
	font-size: 17px;
	transition: all 0.6s;
	background: #fff;
}
.product .chain .chain_img:hover p{
	background: rgba(208,208,208,0.6);
}
#product_details  .chain img,
#details_pages .chain img{
	width: auto;
} 
#product_details  .chain tbody{
	vertical-align: top;
}
#product_details  .chain table {
	vertical-align: top;
	text-align: center;
}
.solution{
	width: 100%;
	background:rgb(255 201 37);
	box-sizing: border-box;
	padding:30px 20px;
	overflow: hidden;
	position: relative;
	z-index: 88;
}

.solution ul{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.solution  li{
	width: 24.8%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.solution ul span{
	width: 1px;
	display: inline-block;
	height: 80px;
	background: #000;
	height: 200px;
    background: #fff;
}
.solution  li h1{
	margin-bottom: 10px;
	line-height: 80px;
}
.solution  li input{
	height: 35px;
	border:0;
	outline: none;
}
.solution  li input[type="text"]{
	width: 185px;
	padding-left: 10px;
}
.solution  li input[type="submit"]{
	width: 60px;
	vertical-align: top;
}
.solution  li img{
	width: 70px;
	height: 70px;
	transition: 0.6s;
}
.solution  li i{
	font-size: 40px;
	padding: 5px;
}

.solution  li:hover img{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

/*手册提交*/
.product .eject{
	display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 70%;
   	left: 15%;
   	top: 15%;
   	display: none;
    position: fixed;
    z-index: 60;
    background: #fff;
    padding: 0 20px;
    padding: 50px 60px;
    box-shadow: 2px 2px 10px #43b4ff;
    border-radius: 10px;
    z-index: 100;
}

.product .eject .describe{
	width: 60%;
	display: inline-block;
	vertical-align: top;
}
.product .eject .describe span{
	display: inline-block;
	text-indent: 2em;
	text-align: right;
	margin-right:9px;
}

.product .eject #download,
.product .eject #quotation{
	width: 40%;
	margin-left: -5px;
	display: inline-block;
}
.product .eject  h1{
	font-size: 36px;
    line-height: 65px;
}

.product .eject  #exit{
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 55px;
    color: #fddb68;
    transition: all 1s;
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    line-height: 43px;
    
}
.product .eject  #exit:hover{
	transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.product .eject  p{
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 5px;
    font-weight: 300;
}
.product .eject input,.product .eject textarea{
	width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 30px;
    padding-left: 12px;
    box-sizing: border-box;
}
.product .eject form .half{
	width: 48.5%;
	display: inline-block;
}
.product .eject form .half:nth-child(1){
	margin-right: 3%;
}
.product .eject form .half:nth-child(2){
	margin-left: -4.6px;
}
.product .eject input[type="checkbox"] {
	width: 18px;
    margin: 0;
    padding: 0;
    height: 18px;
    margin-top: 15px;
}
.product .eject textarea{
	width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    height: 80px;
}
.product .eject #quotation{
	display: none;
}

/*表单信息提示*/
.product .eject .int{
	position: relative;
	height: 55px;
	margin-top: 15px;
}
.product .eject .msg{
	position: absolute;
	left: 0;
	bottom: 0;
}
.product .eject .onError{
	color: #f00;
}
.product .eject .onSuccess{
	color: #71b83d;
}
/*提交成功*/
.success_box{
	width: 350px;
	text-align: center;
	position: fixed;
	top: 27%;
	left: 44%;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0px 0px 4px #42afff;
	border-radius: 5px;
	display: none;
}
.success_box h3{
	background-color:#42afff;
	color: #fff;
	text-align: left;
	line-height: 50px;
	font-size: 16px;
	text-indent: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.success_box #exit{
	position: absolute;
	right: 9px;
	top:5px;
	color: #fff;
	font-size: 21px;
	transition: 1s;
}
.success_box .Tips_info{
	line-height: 120px;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	border-bottom: 1px solid #888;
}
.success_box h4{
	font-size: 18px;
	line-height: 50px;
}
.success_box #exit:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
}
.success_box h4:hover{
	color: #ffc107;
}


/*相关领域*/
.solution .related_fields ul{
	width: 100%;
}
.solution .related_fields li{
    width: 230px;
    display: inline-block; 
    font-size: 19px;
    line-height: 35px;
    font-weight: 400;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
}
.solution .related_fields li i{
	font-size: 20px;
}
.solution .related_fields li ul{
	display: none;
	position: absolute;
	overflow-x: hidden;
	max-height:145px;
	top: -145px;

}
.solution .related_fields li ul a{
	color: #333;
}

.solution .related_fields li ul li{
	border-bottom: 1px solid #ccc;
	text-align: left;
    text-indent: 1em;
    background-color: rgba(255,255,255,0.8);
}
.solution .related_fields li:hover ul{
	display: block;
}
.solution .related_fields  li img{
	width: 30px;
    height: 30px;
    margin-top: -5px;
    vertical-align: middle;
    border-radius: 25px;

}
.solution .related_fields li ul li:hover{
	background-color: rgb(255 201 37);
}
.solution .related_fields li ul li img{
	transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

@media(max-width: 1800px){
	/*一级*/
	.product .content li:nth-child(1) .right{width: 49.5%;}
	.product .content li:nth-child(1) .q{right: 49.5%;}
	.product .content li:nth-child(3) .right{width: 51.5%;}
	.product .content li:nth-child(3) .q{right: 51.5%;}
	.product .content li:nth-child(4) .q{left: 46.5%;}
	.product .content li:nth-child(4) .right{width: 43.03%;}
	/*终级*/
	.product .eject{width: 76%;left: 12%;}
}
@media(max-width: 1600px){
	/*一级*/
	.product .content li{height: 330px;}
	.product .content li:nth-child(4) .right{width: 42.7%;}
	.product .content li:nth-child(3) img,
	.product .content li:nth-child(4) img{width: 107%;}
	/*跑马灯*/
	.str_wrap a{margin-right: 10px;}
	/*二级*/
	#product_nav .top_img{top: 165px;height: 600px;background-position-y: 42%;}
	#product_nav .secondLevel_title{top: 180px;}
	
	/*终级*/
	.product .banner{height: 92px;}
	.product .banner #banner_ul li{margin-right: 15px;margin-left: 15px;font-size: 23px;line-height: 80px;}
	.product .product_title{margin-top: 6px;font-size: 31px;margin-bottom: 13px;}
	.product .eject{width: 86%;left: 7%;top: 13%;}
	.product .eject h1 {font-size: 34px;line-height: 60px;}
	.product .eject p{font-size: 17px;line-height: 37px;}
	.product_details .agreement{width: 60%;left: 20%;height: 680px;}
}
@media(max-width: 1550px){
	/*一级*/
	.product .content li:nth-child(2) img{width: 105%;}
	.product .content li:nth-child(3) img,
	.product .content li:nth-child(4) img{width: 115%;margin-left: -5%;}
	/*二级*/
	#product_content_box li .content_text{font-size: 19px;}
	#product_content_box > h1{{font-size: 32px;}
	.second_level .product_content .right{width: 73%;}
	.second_level .product_content .left{width: 27%;}
	.second_level .product_content .right .subclass{width: 280px;height: 215px;margin-right: 10px;margin-bottom: 10px;}
	.second_level .product_content .right .subclass p{font-size: 16px;line-height: 40px;}
	.second_level .product_content .left img{width: 300px;}

	/*产品中心四级页面 */
	.second_level .content, .third_level .content{width: 1250px;}
	.third_level .content .list:nth-child(5n){margin-right: 20px;}
	.third_level .content .list:nth-child(4n){margin-right: 0px;}
	/*.third_level .content .list{width: 297px;}*/
	.third_level .list .message{line-height: 38px;}

	/*跑马灯*/
	.str_wrap a{margin-right: 5px;}
}
@media(max-width: 1460px){
	/*一级*/
	.product .content li{height: 320px;}
	.product .content li:nth-child(2) img,
	.product .content li:nth-child(3) img,
	.product .content li:nth-child(4) img{
		height: 100%;
	}

	/*跑马灯*/
	.str_wrap img{width: 200px;height: 130px;}

	/*终级页面*/
	.product .top{width: 1350px;}
	.product #featured{height: 415px;width: 51%;}
	.product #featured ul{width: 126px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 126px;top: 380px;}
	.product #featured .ui-tabs-panel{width: 545px;height: 350px;}
	.product #featured ul.ui-tabs-nav li{height: 95px;}
	.thumbnail{margin-top: 10px;}
	.product #featured .ui-tabs-panel img{padding: 0 }
	.product .description{width: 48%;}
	.product .top:after{left: 52%;}
	.product .description h1{font-size: 28px;line-height: 60px;}
	.product .description p{line-height: 27px;}
	.product .description .domain p{width: 151px;}
	.product .description .domain p img{width: 32px;height: 32px;}
	.product .banner .bread_crumb{float: left;margin-left: 2px;}
	.product .banner #banner_ul li{margin-left: 7px;}
	.product .capsule,.product .parameters, 
	.product .chain, .product .example,
	.solution ul{width: 1300px;}
	.product .product_title{line-height: 69px;font-size: 33px;}
	.solution ul span{height: 180px;}
	.solution li img{width: 65px;height: 65px;}
	.solution li h1{font-size: 29px;line-height: 65px;}
	.solution li h3 a{font-size: 21px;}
	.product .eject{width: 90%;left: 5%;top: 12%;}
	.product .eject h1 {font-size: 32px;line-height: 55px;}
	.product .eject p {font-size: 16px;line-height: 35px;margin-bottom: 4px;}
	.product .eject .int{margin-top: 10px;height: 52px;}
	.product .eject form .half{width: 49%;}
	.product .eject form .half:nth-child(1){margin-right: 2%;}
	.product .eject .msg,.product .eject input, .product .eject textarea{font-size: 14px;}
}
@media(max-width: 1380px){
	/*一级*/
	.product .content li{height: 300px;}

	/*产品中心四级页面 */
	.second_level .content, .third_level .content{width: 1100px;}
	/*.third_level .content .list{width: 260px;}*/
	.third_level .list .message h2{font-size: 28px;}
	.third_level .list .message{line-height: 37px;}
	.third_level .product_display .title{line-height: 75px;font-size: 34px;}


	/*跑马灯*/
	.str_wrap img{width: 190px;height: 120px;}

	/*二级*/	
	.second_level .secondLevel_title{height: auto;}
	.second_level .secondLevel_title h1{font-size: 32px;}
	.second_level .top_img{background-size: 35%;background-position-y: 39%;height: 560px;}
	#product_content_box li .content_text{font-size: 18px;}
	#product_content_box li img{padding: 45px 15px 10px 15px;}
	#product_content_box li{width: 32.1%;}
	#product_content_box li:nth-child(3n){margin-right: 0%;}
	#product_content_box li:nth-child(4n){margin-right: 1.2%;}
	.second_level .product_content .left{width: 28%;}
	.second_level .product_content .left img{width: 290px;}
	.second_level .product_content .left h2{font-size: 28px;}
	.second_level .product_content .right{padding: 13px;width: 72%;}
	.second_level .product_content .right .subclass{width: 244px; height: 188px;box-shadow: 5px 5px 0px 0 #3498db;}


	/*终极页面*/
	.product .top{width: 1230px;}
	.product #featured ul{width: 120px;}
	.product #featured li.ui-tabs-nav-item img{height: 100%;}
	.product #featured ul.ui-tabs-nav li{height: 79px;}
	.product #featured .ui-tabs-panel{width: 500px;height: 330px;}
	.thumbnail{margin-top: 0px;margin-bottom: 10px;}
	.product .eject h1{font-size: 32px;}
	.product .eject #exit{font-size: 48px;}
	.product .description h1{line-height: 45px;font-size: 27px;}
	.product .description p{line-height: 25px;}
	.product .description .domain p img{width: 30px;height: 30px;}
	.product .description .domain p{width: 137px;font-size: 14px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 120px;}
	.second_level .buttom_box .content_title{width: 100%;}
	/*.product .description .domain h3, .product .description #download h3{line-height: 37px;font-size: 19px;}*/
	.product .capsule,.product .parameters, 
	.product .chain, .product .example,
	.solution ul{width: 1200px;}
	.solution ul span{height: 170px;}
	.solution li img{width: 58px;height: 58px;}
	.solution li h1{font-size: 27px;line-height: 55px;}
	.solution li h3 a{font-size: 19px;}}

@media(max-width: 1260px){
	/*一级*/
	.product .content li:nth-child(3) .right{width: 51%;}
	.product .content li:nth-child(3) .q{right: 51%;}
	.product .content li:nth-child(4) .right{width: 42%;}

	/*跑马灯*/
	.str_wrap img{width: 180px;height: 115px;}

	/*二级*/
	.second_level .secondLevel_title{top: 170px;}
	.second_level .secondLevel_title h1{font-size: 30px;}
	.second_level .top_img{background-size: 36%;background-position-y: 34%;height: 510px;}

	.product_nav .right_nav{top: 38%;width: 250px;padding: 15px;right: 60px;}
	.product_nav .right_nav li{line-height: 38px;height: 38px;    padding: 0 10px;padding-left: 40px;}


	/*终极页面*/
	.product .description h1{font-size: 25px;}
	.product .top{width: 1165px;}
	.product .description{padding-left: 27px;width: 47%;}
	.product .description .domain hr{margin-top: 0;}
	.product .description .domain p img{width: 29px;height: 29px;}
	.product .description .domain p{margin-bottom: 0;width: 129px;font-size: 13px;}
	.product #featured .ui-tabs-panel{width: 470px;height: 325px;}
	.product #featured ul.ui-tabs-nav li{height: 77px;}
	.product #featured ul{height: 339px;width: 115px;}
	.product .banner{height: 85px;}	
	.product .banner .bread_crumb{margin-top: 20px;}
	.bread_crumb li a{font-size: 12px;}
	.product .banner #banner_ul li{font-size: 21px;margin-left: 0;}
	.product .parameters .tz .tz_img{width: 50%;}
	.product .product_title{line-height: 64px;font-size: 31px;}
	.product .capsule,.product .parameters, 
	.product .chain, .product .example,
	.solution ul{width: 98%;}
	.solution li h1{font-size: 25px;line-height: 50px;}
	.solution li h3 a{font-size: 18px;}
	.product_details .agreement{width: 70%;left: 15%;height: 600px;}
}
@media(max-width: 1200px){
	.product .top{width: 1060px;}
	.product #featured{height: 390px;}
	.product #featured .ui-tabs-panel{width: 430px;height: 290px;}
	.product #featured ul.ui-tabs-nav li{height: 70px;}
	.product #featured ul{height: 300px;width: 107px;}
	.product #featured #scro_bottom{top: 330px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width:107px;}
	.thumbnail{margin-bottom: 5px;}
	.product .description h1{font-size: 24px;line-height: 37px;}
	.product .description{margin-left: 0;padding: 6px;}
	.product .description p{line-height: 24px;}
	.product .description .domain hr{margin-top: 4px;margin-bottom: 8px;}
	.product .description .domain{margin-top: 10px;margin-bottom: 5px;}
	.product .description .domain p{width: 159px;margin-bottom: 3px;}
	.product .eject{margin-right: 5px;padding:10px 15px 20px 15px;width: 94%;left: 3%;top: 10%;}
	.product .eject h1{font-size: 30px;line-height: 45px;}
	.product .eject input, .product .eject textarea{margin-top: 5px;height: 23px;}
	 .product .eject textarea{height: 60px;}
	.product .submit{font-size: 17px; width: 130px!important;height: 50px!important;}
	.product .eject .int{height: 50px;}
	.product .botton{width: 130px;}
	.product .eject #exit{font-size: 46px;}
	.product .banner .bread_crumb{margin-top: 17px;}
	.product .banner ul li{line-height: 70px;width: 170px;font-size: 19px;}
	.product .banner #banner_ul li{line-height: 72px;font-size: 20px;}
	.product .banner{height: 80px;}
	.product .capsule_title{margin-right: 0.5%;}
	.product .product_title{font-size: 29px;}
	.solution{padding: 15px;}
	.product .parameters .tz input:checked + label img{-webkit-transform: scale(2.5); -moz-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);}
	.solution .related_fields li ul{max-height: 130px;top: -130px;}
	.third_level .list .message a{font-size: 18px;}
}
@media(max-width: 1150px){
	/*二级*/
	#product_content_box > h1{{font-size: 26px;}
	#product_content_box li .content_text{font-size: 17px;}
	#product_content_box li img{padding: 40px 15px 10px 15px;height: 255px;}
	.second_level .content{width: 99%;}
	.second_level .product_content .right .subclass{width: 32.5%;margin-right: 1%;}
	.second_level .product_content .right .subclass:nth-child(3n){margin-right: 0;}
	.second_level .product_content .left img{width: 100%;}

	.product_nav .right_nav{top: 36%;width: 240px;padding: 12px;right: 40px;}

	/*产品中心四级页面 */
	.third_level .product_display .title{font-size: 30px;}
	.third_level .content{width:98%;}
	/*.third_level .content .list{width: 24%;margin-right: 1%;height: 380px;}*/
	.third_level .list .message{line-height: 31px;padding: 20px 17px; width: 71%;}
	.third_level .list .message h2{font-size: 26px;}
	.third_level .content .list{height: 280px;}
	.third_level .content .list>a{width: 28%;}
	.third_level .list .message a{font-size: 17px;}
	.third_level .content .list:nth-child(4n){margin-right:0px;}
	.second_level .product_content .right .subclass p{font-size: 15px;line-height: 35px;}
	.third_level .list .message{font-size: 15px; line-height: 35px;}
}
@media(max-width: 1090px){
	/*跑马灯*/
	.str_wrap img{width: 170px;height: 110px;}

	.product .content h1{text-indent: 2em;}
	.product .content li{height: 390px;}
	.product .content li .left,
	.product .content li:nth-child(2n) .left,
	.product .content li:nth-child(3) .left{width: 100%;position: unset;}
	.product .content li:nth-child(1) .right,
	.product .content li:nth-child(2) .right,
	.product .content li:nth-child(3) .right,
	.product .content li:nth-child(4) .right{width: 100%;right: 0;left: 0;background-color: unset;}
	.product .content li .right{padding-top: 170px;}
	.product .content li .q{display: none;}
	.product .content li:hover .left_bg{width: 100%;}
	.product .content li .left_bg a,
	.product .content li:nth-child(2n) .left_bg a{left: 46%;right: auto;border: 1px solid #0079d1;color: #007ad1;}
	.product .content li:hover .left_bg a{display: block;}
	.product .content li:hover .right{display: none;}
	.product .content li .left:hover{transform: scale(1);}
	.product .content li .left:hover .left_bg{width: 100%;}
	.product .content li:hover .left_bg a:hover{color: #fff;}

	/*二级*/
	.second_level .secondLevel_title{top: 170px;}
	.second_level .secondLevel_title h1{font-size: 28px;}
	.second_level .top_img{background-size: 37%;background-position-y: 33%;height: 470px;}
	#product_content_box li img{height: 255px;}

	/*产品中心四级页面 */
	.third_level .product_display .title{line-height: 60px;font-size: 28px;padding: 0 20px 10px 20px;margin-bottom: 20px;}
	.third_level .list img{height: 230px; padding: 50px 5px;}
	/*.third_level .content .list{height: 360px;}*/

	/*终极页面*/	
	.product{padding: 5px;}
	.product .top{width: 966px;}
	.product #featured{width: 54%;}
	.product .top:after{left:54%;}
	.product #featured{height: 350px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 83px;}
	.product #featured #scro_bottom{top:290px;}
	.product #featured .ui-tabs-panel{width: 410px;height: 255px;}
	.product #featured ul{height: 264px;width: 94px;}
	.thumbnail{margin-bottom: 6px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 94px;}
	.product #featured ul.ui-tabs-nav li{height: 60px;margin-bottom: 8px;}
	.product .description{width: 44%;}
	.product .description{padding: 1px;padding-left: 5px;box-sizing: border-box;}
	.product .description h1{font-size: 21px;line-height: 36px;}
	.product .description p{font-size: 13px;}
	.product .description .domain{padding: 0px;margin-top: 4px;margin-bottom: 2px;}
	.product .description .domain p{width: 133px;}
	.product .description .domain h3, .product .description .download h3{line-height: 40px;font-size: 19px;}

	.product .submit{font-size: 16px; width: 120px!important;height: 45px!important;}
	.product .botton{width: 120px;height: 45px;}
	.product .eject input, .product .eject textarea{margin-top: 5px;}
	.product .eject h1{font-size: 27px;line-height: 42px;}
	.product .eject p{font-size: 17px;line-height: 32px; margin-bottom: 2px;}
	.product .banner{margin-bottom: 10px;border-top: 4px solid #1d5ec3;height: 65px;}
	.product .banner ul{width: 100%;}
	.product .banner ul li{line-height: 60px;width: 24.5%;font-size: 18px;}
	.product .capsule,.product .parameters, 
	.solution{padding: 5px 0;}
	.product .capsule_title span{line-height: 48px;}
	.product .capsule_title p{top: 30%;}
	.product .capsule .capsule_content{height: 257px;}
	.product .capsule_title i{font-size: 30px;right: -10px;}
	.solution li img{width: 52px;height: 52px;}
	.solution li h1{font-size: 22px;line-height: 40px;}
	.solution li h3 a{font-size: 17px;}
	.solution li input[type="text"]{width: 175px;padding-left: 5px;}
	.solution li input{height: 30px;}
	.solution .related_fields li{font-size: 17px;}
	.product_details .agreement{width: 80%;left: 10%;}
}
@media(max-width: 990px){

	.second_level .product_content .right .subclass{height: 165px;box-shadow: 4px 4px 0px 0 #3498db;}
	.second_level .product_content .left h2{font-size: 26px;}

	/*.third_level .content .list{box-shadow: 5px 5px 0px #4da8e0;margin-right: 0;width: 25%;margin-bottom: 10px;height: 330px;}*/
	.third_level .list .message h2{font-size: 24px;line-height: 40px;}
	.third_level .list .message{line-height: 28px; padding: 17px 14px;}
	.third_level .content .list{height: 240px;}
	.third_level .content .list:nth-child(5n){margin-right: 0;}
	.third_level .list img{padding: 40px 3px;height: 200px;}
	.third_level .product_display .title{font-size: 25px;}
	.third_level .product_display .display_top_text p{font-size: 15px;line-height: 23px;}
	.third_level .product_display .display_top_text{margin-bottom: 20px;}
	.third_level .product_display .display_top_left{position: relative;z-index: -1;}
	.third_level .product_display .display_top_right{float: right;
    margin-top: 5%;line-height: 30px;font-size: 16px;}

	/*终极页面*/	
	.product .top{width: 100%;background: #e2f1ff;padding: 20px;margin: 0;}
	.product .top:after{display: none;}
	.product #featured{width: 100%;}
	.product #featured ul{width: 150px;height: 380px;}
	.product #featured ul.ui-tabs-nav li{height: 90px;}
	.product #featured .ui-tabs-panel{width: 640px;	height: 370px;box-shadow: 0 0 2px #ffc311;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 152px;}
	.product #featured #scro_bottom{top: 405px;}
	.product .description{width: 100%;}
	.product .description h1{font-size: 24px;line-height: 45px;}
	.product .description .domain p{box-shadow: 0 0 3px #e0e0e0;width: 206px;margin-right: 5px;margin-bottom: 5px;}
	.product #featured{position: unset;background: none;height: 420px;}
	.product #featured .big_picture{position: unset;margin-left: 155px;}
	.product .description{margin-top: 14px;}
	.product .product_title{font-size: 27px;line-height: 58px;}
	.product .capsule, .product .parameters, .solution{padding: 0;}
	.product .capsule,.product .parameters, 
	.product .capsule .capsule_content span,
	.product .capsule .capsule_content p,
	.product .capsule .capsule_content h1,
	.product .capsule .capsule_content h2,
	.product .capsule .capsule_content h3,
	.product .capsule .capsule_content h4,
	.product .capsule .capsule_content h5,
	.product .capsule .capsule_content i,
	.product .capsule .capsule_content b{font-size: 13px!important;line-height: 30px!important;}
	.product .capsule_title p{top: 21%;font-size: 15px;}
	.solution{padding: 15px 0;}
	.solution li{width: 49.8%;}
	.solution li:nth-child(4){border:none;}
	.product .eject h1{font-size: 25px;}
	.product .parameters .tz input:checked + label img{-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);}

}
@media(max-width: 900px){
	/*一级*/
	.product .content h1{text-indent: 1em;font-size: 30px;}
	.product .content li{height: 360px;}
	.title_h2{font-size: 28px;}

	/*二级*/
	.second_level .secondLevel_title{top: 170px;}
	.second_level .secondLevel_title h1{font-size: 27px;}
	.second_level .top_img{background-size: 38%;background-position-y: 30%;height: 415px;}

	/*终极*/
	.product .eject{padding: 40px 50px;overflow-y: auto;height: 500px;}
	.product .eject .describe{width: 100%;}
	.product .eject #download, .product .eject #quotation{width: 100%;margin-left: 0;margin-top: 25px;}
}
@media(max-width:880px){
	.second_level .content{width: 98%;}
	.second_level .product_content .left h2{font-size: 24px;}
	.second_level .product_content .right .subclass{height: 150px;margin-bottom: 4px;}
	.product_nav .right_nav{display: none;}

	/*产品中心四级页面 */
	/*.third_level .content .list:nth-child(2n){margin-right: 0px;}*/
	.third_level .content ul.bread_crumb{display: none;}
	.third_level .content .list{height: 210px;}
	.third_level .list .message h2 {font-size: 22px;line-height: 37px;}
	.third_level .list .message a{font-size: 16px;}
	/*.third_level .content .list{width:32%;margin-right:2%;}*/
	.third_level .list .message {line-height: 23px; padding: 15px 12px;font-size: 14px;}
	.third_level .content .list:nth-child(3n){margin-right: 0;}
	.third_level .content .list:nth-child(4n),
	.third_level .content .list:nth-child(5n){margin-right:2%;}
	.third_level .product_display .title{line-height: 60px;font-size: 25px;padding: 0 20px 0px 20px;margin-bottom: 20px;-webkit-box-reflect:unset;box-reflect:unset;box-shadow: 5px -3px 0 0px #3498db;}
	.product_details .agreement{width: 90%;left: 5%;}

}
@media(max-width: 830px){

	/*跑马灯*/
	.str_wrap img{width: 160px;height: 100px;}

	/*终极页面*/
	.product #featured ul{width: 16%;height: 360px;}
	.product #featured ul.ui-tabs-nav li{height: 85px;margin-bottom: 7px;}
	.product #featured .big_picture{margin-left: 20%;width: 85%;}
	.product #featured .ui-tabs-panel{height: 360px;width: 85%;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 115px;}
	.product .description{width: 90%;}
	.product .description .domain p{width: 32.33%;margin-right:1%; }
	.product .eject{position: fixed;top: 10%;left:5%;width: 90%;}
	.product .parameters .tz input:checked + label img{-webkit-transform: scale(1.7); -moz-transform: scale(1.7);-o-transform: scale(1.7);transform: scale(1.7);}
	.product .capsule .capsule_content{overflow: hidden;}
}
@media(max-width: 790px){
	/*跑马灯*/
	.str_wrap img{width: 140px;height: 88px;}

	.product .content li{
		height: 330px;
	}
	.product .content li .right{
		padding-top: 140px;
	}
	/*二级*/
	#product_content_box > h1{{font-size: 22px;}
	#product_content_box li{width: 49%;margin-right: 2%;}
	#product_content_box li:nth-child(3n){margin-right: 2%;}
	#product_content_box li:nth-child(2n){margin-right: 0%;}
	.second_level .top_img{background-size: 40%;background-position-y: 36%;top:0;height: 400px;}
	#product_content_box li img{height: 275px;}

	/*终极页面*/
	.product #featured ul{display: inline-block;position: unset;}
	.product #featured .big_picture{display: inline-block;margin-left: 0;vertical-align: top;width: 83%;}
	.product #featured .ui-tabs-panel{width: 100%;}	
	.product #featured #scro_top, .product #featured #scro_bottom{width: 110px;}
	.product .description{width: 100%;}
	.product .banner .bread_crumb{display: none;}
	.product .banner #banner_ul li{line-height: 50px;text-indent: 1em;}
}
@media(max-width: 768px){
	.second_level .product_content .left{padding: 0px;}
	.second_level .product_content .right .subclass{height: 135px;}
	.second_level .product_content .right .subclass p{font-size: 14px;line-height: 30px;}	
	.second_level .top_img{height: 250px;top: 0px;}
	.second_level .secondLevel_title{top: 110px;}
	.second_level .top_img{background-position-y: 22%;}
	.product_details .agreement{width: 96%;left: 2%;padding: 20px 30px;font-size: 13px;height: 500px;}
	.product_details .agreement h3{font-size: 22px;line-height: 40px;}
	.product_details .agreement strong{line-height: 25px;}
	.product_nav .bread_crumb{position: unset;}

	.third_level .list .message h2{font-size: 20px;line-height: 33px;}
	.third_level .list .message a{font-size: 14px;position: absolute; right: 10px; bottom: 10px;}

}
@media(max-width: 700px){
	/*一级*/
	.product .str_wrap{margin-top: -100px;}
	.product .str_wrap img{width: 140px;height: 100px;}
	.product .str_wrap a span{line-height: 100px;}
	.product .content h1{font-size: 28px;line-height: 110px;}
	.product .content li{height: 300px;}
	.title_h2{font-size: 26px;}
	.product .content li .right{padding-top: 128px;}
	.product .content li .left_bg a, .product .content li:nth-child(2n) .left_bg a{left: 43%;}

	.second_level .product_content .right .subclass p{font-size: 13px;line-height: 25px;}
	.third_level .product_display .display_top_right{line-height: 26px; font-size: 15px;}

	/*四级页面*/
	.third_level .product_display .title{
		line-height: 55px;font-size: 21px;padding: 0 15px 0px 15px;
		margin-bottom: 10px;-webkit-box-reflect:unset;box-reflect:unset;box-shadow: 5px -3px 0 0px #3498db;
	}
	.third_level .list img{padding: 30px 3px;height: 180px;}
	.third_level .list .message{text-overflow:ellipsis;font-size: 13px;line-height: 20px;overflow: hidden;}

	.third_level .content .list {height: 200px;}
	/*.third_level .content .list{height: 290px;}*/
	/*终极页面*/
	.product #featured{height: 360px;}
	.product #featured ul{height: 300px;}
	.product #featured ul.ui-tabs-nav li{height: 70px;}
	.product #featured .ui-tabs-panel{height: 300px;}
	.product #featured #scro_bottom{top: 335px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 99px;}
	.product .banner ul li{font-size: 16px;line-height: 50px;}
	.product .banner{height: 60px;}
	.product .product_title{font-size: 24px;line-height: 48px;margin-bottom: 10px;}
	.product .capsule_title p{font-size: 14px;top: 19%;}
	.product .capsule .capsule_content{padding: 1px 4px;height: 237px;}
	.product .capsule_title span{line-height: 44px;}
	.product .capsule_title i{font-size: 24px;right: -8px;}
	.product .parameters .tz label.toggle{width: 210px;}
	.product .parameters .tz input:checked + label img{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}

	.solution ul span{height: 0;}	
	.product .eject{width: 96%;left: 2%;}
	.product .eject h1 {font-size: 23px;line-height: 40px;}
	.product .eject p{font-size: 16px;}
	.product .eject #download, .product .eject #quotation{margin-top: 15px;}
	.product .eject input, .product .eject textarea{margin-top: 3px;}
}
@media(max-width: 650px){
	/*一级*/
	.product .content li{height: 290px;}
	.product .content h1{font-size: 26px;line-height: 100px;}
	.title_h2{font-size: 24px;}
	.product .content li .right{padding-top: 120px;}
	.second_level .secondLevel_title h1{width: 100%;position: unset;}

	.str_wrap img{width: 130px;height: 80px;}

	/*二级*/
	.second_level .top_img{background-size: 48%;}
	.second_level .secondLevel_title h1{font-size: 26px;}
	.product .banner ul li{width: 49.5%;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 89px;}
	#product_content_box li img{height: 230px;}
	#product_content_box li .content_text{font-size: 16px;}

	.second_level .product_content .left{display: none;}
	.second_level .product_content .right{width: 100%;}
	.second_level .product_content .right .subclass{height: 150px;}
}
@media(max-width:600px){
	.product .content h1{font-size: 24px;line-height: 70px;}
	/*二级*/
	#product_content_box li img{
		height: 220px;
	}

	/*产品中心四级页面 */
	.third_level .content{width: 95%;}
	/*.third_level .content .list{width: 49%;margin:0;}*/
	.third_level .content .list:nth-child(5n){margin-right: 0;}
	.retrieval .tab-content li:nth-child(5n){margin-right: 0;}
	.third_level .content .list img{height: 200px;padding: 30px 5px;}
	.third_level .content .list .message p{font-size: 15px;}
	.bread_crumb li a{font-size: 13px;padding: 0 2px 0 0px;}
	.third_level .product_display .title{line-height: 50px;font-size: 18px;padding: 0 15px 0px 15px;margin-bottom: 10px;-webkit-box-reflect:unset;box-reflect:unset;box-shadow: 3px -2px 0 0px #3498db;}
	.third_level .product_display .display_top_left{width: 100%;}
	.third_level .product_display .display_top_right{width: 100%;margin-left: 0;}

	.product .top{width: 99%;}
	.solution li{width: 100%;border-bottom: 1px solid #fff;padding-bottom: 15px;}
	.product .eject{padding: 25px 35px;}
	.product .eject h1{font-size: 22px;line-height: 35px;}
	.product .eject p {font-size: 15px;line-height: 28px;margin-bottom: 1px;}
	.product .eject #exit{right: 10px;}
}
@media(max-width:560px){	
	/*二级*/
	#product_content_box > h1{{font-size: 18px;}
	.second_level .secondLevel_title h1{font-size: 25px;}
	.second_level .top_img{top: 30px; background-size: 50%;background-position-y: 33%; height: 230px;}	
	.product .top{margin-top: 10px;}
	.product #featured{height: 315px;}
	.product #featured .ui-tabs-panel,.product #featured ul{height: 270px;}
	.product #featured ul.ui-tabs-nav li{height: 63px;}
	.product #featured #scro_bottom{top: 300px;}
	.product .description h1{font-size: 22px;line-height: 40px;}
	.product .banner #banner_ul li{font-size: 18px;text-indent: 0em;}
	.product_details .agreement{width: 98%;left: 1%;padding: 13px 20px;font-size: 12px;}
	.product_details .agreement h3{font-size: 20px;line-height: 30px;}
	.product_details .agreement strong{line-height: 20px;}

	.second_level .product_content .right .subclass{height: 130px;}

	#product_content_box li img{height: 200px;}
	.third_level .list .message>div{display:-webkit-box; -webkit-box-orient:vertical;  -webkit-line-clamp:2; overflow : hidden;text-overflow: ellipsis;}
    .third_level .content .list{height: 132px;}
    .third_level .content .list img{height: 130px;padding: 17px 5px;}
    .third_level .list .message h2{font-size: 18px; line-height: 30px;}

}
@media(max-width: 500px){
	/*一级*/
	.product .content li{height: 260px;}
	.product .content li .right{padding-top: 109px;}
	.product .content li .left_bg a, .product .content li:nth-child(2n) .left_bg a{left: 40%;}
	.title_h2{font-size: 22px;}
	.product .content h1{font-size: 22px;line-height: 60px;}

	/*二级*/
	#product_content_box li img{height: 180px;}

	.second_level .product_content .right .subclass{height: 110px;}
	/*产品中心四级页面 */
	.second_level .content, .third_level .content{width: 100%;}
	.third_level .content ul{text-align: center;}
	.bread_crumb li a{font-size: 12px;margin-right: 20px;}

	.product #featured{height: 284px;}
	.product #featured .big_picture{width: 82%;}
	.product #featured .ui-tabs-panel, .product #featured ul{height: 244px;}
	.product #featured ul.ui-tabs-nav li{height: 56px;}
	.product #featured #scro_top, .product #featured #scro_bottom{width: 65px;}
	.product #featured #scro_bottom{top: 274px;}
	.product .description h1{font-size: 19px;line-height: 32px;}
	.product .description p{font-size: 12px;line-height: 19px;}
	.product .description .domain{margin-top: 3px;margin-bottom: 0px;}
	.product .description .domain h3, .product .description .download h3{font-size: 19px;line-height: 38px;}
}	
@media(max-width: 450px){
	/*二级页面 */
	#product_content_box > h1{{font-size: 17px;}
	.second_level .top_img{top: 0px; background-size: 71%; background-position-y: 32%;}
	#product_content_box li{width: 50%;padding-right: 1%; margin-left: 0; margin: 0 auto;display: inline-block;padding-bottom: 4px;}
	#product_content_box li:nth-child(3n){margin-right: 0;}
	#product_content_box li img{height: 165px;}
	#product_content_box li .content_text{font-size: 15px;font-weight: 500;}

	.second_level .product_content .right .subclass{width: 49%;height: 150px;}
	.second_level .product_content .right .subclass:nth-child(2n){margin-right: 0%;}
	.second_level .product_content .right .subclass:nth-child(3n){margin-right: 1%;}

	/*产品中心四级页面 */
	.bread_crumb li a{font-size: 12px;}
	.product .banner ul li{width: 49.3%;}	
	.product .top{margin-top: 0;}
	.product #featured{height: 316px;}
	.product #featured .ui-tabs-panel{height: 255px;}
	.product #featured ul{height: 50px;width: 100%;position: relative;top: 270px;}
	.product #featured ul.ui-tabs-nav li{height: 50px;}
	.product #featured li.ui-tabs-nav-item img{width: 19.4%;display: inline-block;margin-left: -4.5px;padding: 0;margin-right: 0.8%;}
	.product #featured li.ui-tabs-nav-item img:nth-child(1){margin-left: 0;}
	.product #featured li.ui-tabs-nav-item img:nth-last-child(1){margin-right: 0;}
	.product #featured #scro_top, .product #featured #scro_bottom{display: none;}
	.product #featured .big_picture{width: 100%;position: relative;top: -50px;}
	.product .description .domain p{font-size: 12px;margin-bottom: 3px;width: 32.5%;margin-right: 0.8%;padding: 3px;}
	.product .banner{height: 55px;}
	.product .banner #banner_ul li{font-size: 17px;margin-right: 10px;}
	.product .eject{width: 98%;left: 1%;padding: 15px 25px;}
	.product .eject h1 {font-size: 20px;line-height: 33px;}
	.product .eject p{font-size: 14px;line-height: 22px;}
	.product .eject .msg, .product .eject input, .product .eject textarea{font-size: 13px;}
	.product .eject form .half{width: 100%;}
	.product .eject form .half:nth-child(1){margin-right: 0;}
	.third_level .list .message{font-size: 13px;line-height: 20px;}
}
@media(max-width: 400px){
	.title_h2{font-size: 20px;}
	.second_level .buttom_box .content_title h2{font-size: 20px;}
	/*二级*/
	.second_level .top_img{    background-size: 80%;background-position-y: 20%;}
	#product_content_box li img{height: 140px;}
	.second_level .product_content .right .subclass{height: 140px;}	
	.second_level .content, .third_level .content{margin-top: 0px;}
	.second_level .buttom_box .content_title p{line-height: 25px; font-size: 14px;}
	#product_content_box li{width: 49.5%;margin-right: 1%;margin-left: 0;}	
	#product_content_box li:nth-child(3n){margin-right: 1%;margin-left: 0;}
	#product_content_box li:nth-child(2n){margin-right: 0;}


	.product .banner ul li{width: 49.1%;}
	.product .top{width: 100%;}
	.product #featured{height: 295px;}
	.product #featured ul{top:240px;}
	.product #featured ul.ui-tabs-nav li{height: 47px;}
	.product #featured .ui-tabs-panel{height: 230px;}	
	.product .description{margin-top: 3px;}
	.product .description h1{font-size: 17px;line-height: 30px;}
	.product .description .domain h3, .product .description .download h3{font-size: 18px;}
	.product .description .domain p img{width: 27px;height: 27px;}
	.product .banner #banner_ul li{font-size: 16px;margin-right: 8px;}
	.product_details .agreement{padding: 10px 15px;}
	.product_details .agreement h3{font-size: 18px;line-height: 28px;}

	.third_level .content .list img{height: 110px;}
	.third_level .list .message{font-size: 12px;line-height: 19px;padding: 10px 10px;}
	.third_level .list .message h2{font-size: 17px;line-height: 27px;}
	.third_level .content .list{height: 110px;}
}

@media(max-width: 350px){
	/*二级*/
	.second_level .top_img{background-size: 100%;}
	.second_level .product_content .right .subclass{height: 125px;}

	.product #featured{height: 257px;}
	.product #featured ul{top: 210px;}
	.product #featured .ui-tabs-panel{height: 200px;}
	.product #featured ul,.product #featured ul.ui-tabs-nav li{height: 42px;}
	.product .description{margin: 0;padding-left: 0;}
	.product .description h1{font-size: 16px;}
	.product .description .domain{padding: 0;}
	.product .description .domain h3, .product .description .download h3{font-size: 17px;line-height: 34px;}
	.product .description .domain hr, .product .description .download hr{margin-top: 0;}
	.product .description .domain p{width: 49.1%;}
	.product .banner #banner_ul li{font-size: 15px;margin-right: 6px;}
	.product .eject{padding: 8px 15px;}
	.product .eject h1 {font-size: 18px;line-height: 31px;}
	.product .eject p {font-size: 13px;line-height: 20px;margin-bottom: 0px;}
	.product .eject input, .product .eject textarea{margin-top: 0px;}
	.product_details .agreement{padding: 5px 10px;}
	.product_details .agreement h3{font-size: 17px;line-height: 27px;}

	.third_level .list .message h2 { font-size: 16px;line-height: 25px;}
}
@media(max-width: 325px){
	#product_content_box li{width: 100%;padding: 0;}
	#product_content_box li img{height: 215px;}
	.second_level .product_content .right .subclass{height: 120px;}
}