.in_banner{width: 100%; overflow: hidden; background:#000;}
.in_banner img{width: 100%; display: block; animation: changescale 1 2.5s}
.slidebox{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slidebox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slidebox .bd li {
	zoom: 1;
	vertical-align: middle;
	background:#000;
}
.slidebox .bd .img01 {
	display: block;
	width: 100%;
	animation: changescale 1 2.5s
}

.in-menu{width: 100%; height: 134px; background:#d0111b; color: #fff;}
.in-menu li{width: 11%; float: left; position: relative; height: 134px; color: #fff; padding-top: 34px; padding-left: 30px; cursor: pointer; transition-duration: 0.5s;}
.in-menu li .t1{ line-height: 32px; font-weight: bold; font-size: 22px; font-family: "arial"; }
.in-menu li .t2{ line-height: 30px; font-size: 18px; }
.in-menu li:hover{background:#d9d7d8;}
.in-menu li:after{ position: absolute; content: ""; left: 0; width: 1px; height: 48px; background: #de5960; top:43px;}
.in-menu li:nth-child(1):after{display: none;}
.in-menu li:hover .t1{ color: #d0111b;}
.in-menu li:hover .t2{ color: #372d2b;}
.in-menu li:nth-child(8) .t2{ font-size: 16px }
.in-menu li:nth-child(8) {width: 12%;}
.in-padd{padding-top: 100px;}
.in_bit{line-height: 80px; text-align: center; color: #000000; font-size: 40px; margin-bottom: 40px; }
.in_bit span{display: inline-block; position: relative; padding-left: 38px; margin-left: 10px; color: #555555; font-size:26px !important;}
.in_bit span:after{position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; background:#d0111b; left: 0; top: 35px; }
.xlgk{width: 100%; position: relative; overflow: hidden; color:#fff; margin-bottom: 100px;}
.menubox2 {width: 100%; position: relative; height: 150px; background:  no-repeat top left; padding-top: 26px;}
.menubox2 li {width: 14.285%; float: left;display: block;cursor: pointer; color: #fff;  text-align: center; position: relative; border-radius: 5px; padding: 15px 0; }
.menubox2 li .b1{font-size: 24px; font-weight: bold; line-height: 36px;}
.menubox2 li .b2{font-size: 18px; font-weight: bold; line-height: 34px;}
.menubox2 li:after{width: 19px; height: 10px; background: no-repeat; content: "";position: absolute;  left: 50%; transform: translate(-50%); transition-duration: .5s; bottom: -10px; display: none;} 
.menubox2 li.hover { background:#fff; font-weight:bold;}
.menubox2 li.hover .b1{color: #d0111b; }
.menubox2 li.hover .b2{color: #231815; }
.menubox2 li.hover:after{ display: block;}
.contentbox2 {clear: both; width:100%; min-height:196px; padding-top:60px;}
.cbcontainer2{position:relative; width: 90%; margin:0 auto; }
.cb_left{width:45%; color: #555;}
.cb_left .bit{line-height: 72px; font-size: 40px;}
.cb_left .bit span{display: inline-block; font-weight: bold; font-family: "arial"; padding-right: 15px; color: #d0111b; }
.cb_left .neir{font-size: 18px; line-height: 30px; margin:20px 0 80px 0;}
.cb_left .pic{ text-align: center; }
.cb_left .pic img{display: inline-block; max-width: 100%;}
.cb_right{width: 50%; background: #b70f18; -moz-box-shadow:0px 0px 13px #d1d1d1; -webkit-box-shadow:0px 0px 13px #d1d1d1; box-shadow:0px 0px 13px #d1d1d1; padding:60px 35px;}
.cb_right li{width: 100%; border-bottom: 1px solid #be2730;  padding:15px 0 15px 40px; background:  no-repeat left 15px;  transition-duration: 1s; cursor: pointer;}
.cb_right li span{display: inline-block; line-height: 29px; color: #fff; font-size: 18px; transition-duration: 1s;}
.cb_right li:hover{background:  no-repeat left 15px; }
.cb_right li:hover span{padding-left: 15px;}

.sidemenu1{ width: 80%; float: left; }
.sidemenu1 h3{ height:70px; line-height:70px; background:#ffffff; cursor:pointer; margin-top: 18px; padding:0 30px 0 40px; position: relative;}
.sidemenu1 h3 .jia span{
	position: absolute;
	right: 30px; top: 27px;
	width: 15px;
	height: 15px;
	background:  no-repeat center center;
}
.sidemenu1 .on .jia span{
	background:  no-repeat center center;
}
.sidemenu1 ul{ padding:0 30px 20px 40px; display:none; font-size:16px; background:#fff; }
.sidemenu1 ul p{ line-height:30px; font-size:16px; display: block; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical; }

.in_pro_list{width: 100%; padding:10px 0 110px 0;}
.pro_list{width: 100%;}
.pro_list dl{  overflow: hidden; cursor: pointer; }
.pro_list dl:hover{  background:#ad0911; }
.pro_list dl dt{width: 100%; position: relative; overflow: hidden; background:#000;}
.pro_list dl dt .dw{width: 100%; position: absolute; left: 0; top: 40px; line-height: 70px; font-size:30px; color: #111111; text-align: center; z-index:999; }
.pro_list dl dt .dw span{ font-weight:bold; }


.pro_list dl dt figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}

.pro_list dl dt figcaption::before,
.pro_list dl dt figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
.pro_list dl dt figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.pro_list dl dt figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}


.pro_list dl:hover dt figcaption::before,
.pro_list dl:hover dt figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.pro_list dl dt img{display: block; width: 100% !important; transition-duration: 1s;}
.pro_list dl:hover dt img{opacity: 0.8;}
.pro_list dl dd{padding:30px 30px 10px 30px; color: #fff; background: #ffffff; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; transition-duration: 1s;}
.pro_list dl:hover dd{background: #d0111b; border-left:1px solid #d0111b; border-right:1px solid #d0111b; border-bottom:1px solid #d0111b;}

.pro_list dl dd .an{width: 100%; text-align: center; margin-bottom: 20px;}
.pro_list dl dd .an a{display: inline-block;width: 148px; height: 48px; text-align: center; font-size: 18px; line-height: 48px; margin:0 6px; border:1px solid #d0111b;}
.pro_list dl dd .an a:nth-child(1){ color: #fff; background: #d0111b; }
.pro_list dl dd .an a:nth-child(2){color: #d0111b;}
.pro_list dl:hover dd .an a{border:1px solid #fff;}
.pro_list dl:hover .an a:nth-child(1){ color: #d0111b; background: #fff; }
.pro_list dl:hover .an a:nth-child(2){ color: #fff; }
.pro_list dl dd .neir{width: 100%; font-size: 16px; line-height: 26px; color: #333333; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}
.pro_list dl:hover dd .neir{ color: #fff; }


.ne_top{width: 100%; position: relative;}
/*10-31修改*/
.ne_banner{width: 100%; position: relative; overflow: hidden;background: #f7f7f7; }
/*10-31修改*/
.ne_banner img{display: inline-block; animation: changescale 1 2.5s; width: 100%;}


@media only screen and (max-width: 1440px){
.cb_right li span{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient: vertical;
   font-size: 16px;
}
.cbcontainer2 {
    width: 100%;
}
.xlgk {
    margin-bottom: 60px;
}
.contentbox2 {
    padding-top: 40px;
}
.in_bit {
    line-height: 60px;
    font-size: 35px;
}
}
@media only screen and (max-width: 1366px){
.w11 {
    width: 88%;
}
.w44 {
    width: 88%;
}
.cb_left .bit {
    line-height: 62px;
    font-size: 30px;
}
.pro_list dl dd .an a {
    width: 40%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
}
footer .f1 {
    line-height: 46px;
    font-size: 16px;
}
footer .f2 {
    font-size: 15px;
}
.pro_list dl dd .neir {
    font-size: 15px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.cb_right li span{
    -webkit-line-clamp:1;
    line-clamp:1;
}

.contentbox2 {
    padding-top: 20px;
}
.cb_left .neir {
    font-size: 16px;
    line-height: 28px;
    margin: 10px 0 20px 0;
}
.cb_right {
    padding: 30px 30px;
}
.menubox2 li .b1 {
    font-size: 20px;
    line-height: 30px;

}
.menubox2 li .b2 {
    font-size: 17px;
    line-height: 30px;
}
.menubox2 li {
    padding: 10px 0;

}
.in_bit {
    font-size: 28px;
}
.in_bit span {
    padding-left: 30px;
    font-size: 22px !important;
}
.in_pro_list {
    padding: 10px 0 60px 0;
}
}
@media only screen and (max-width: 1240px){
.cb_left .bit {
    line-height: 52px;
    font-size: 26px;
}
.menubox2 li .b2 {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    line-clamp:1;
    -webkit-box-orient: vertical;
}
.cb_right li {
    padding: 10px 0 10px 40px;
    background:  no-repeat left 10px;
}
.cb_right li:hover{background:  no-repeat left 10px; }
.xlgk {
    margin-bottom: 40px;
}
.logo{width: 30%;}
.logo img{width: 100%;}
nav {
    margin-top: 5px;
}
.cb_left .neir {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp:3;
    -webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 992px){
.slidebox {
margin-top: 60px;
}
.w44 {
    width: 96%;
}
.menubox2 li {
    width: 25%;
    padding: 8px 0;
}
.menubox2 li .b1 {
    font-size: 18px;
    line-height: 26px;
}
.menubox2 li .b2 {
    font-size: 16px;
    line-height: 26px;
}
.xlgk {
background-size: cover;
}
.menubox2 li.hover {
 font-weight: normal;
}
}
@media only screen and (max-width: 768px){
.in_banner{ margin-top:55px;}
.slidebox {
margin-top: 75px;
}
	.w11 {
    width: 96%;
}
.menubox2 {
    height: 160px;
    background:  no-repeat top left;
    padding-top: 16px;
    padding-bottom: 16px;
}
.menubox2 li {
    height: 60px;
    padding: 5px 0;
       margin-bottom: 10px;
}
/*10-31修改*/
.menubox2 li:nth-child(1),.menubox2 li:nth-child(2),.menubox2 li:nth-child(3){width: 33.333%; }
/*10-31修改*/
.menubox2 li .b1 {
    font-size: 14px;
    line-height: 25px;
}
.menubox2 li .b2 {
    font-size: 13px;
    line-height: 25px;
    font-weight: normal;
}
.cb_left {
    width: 100%;
    padding-top:15px;
}
.cb_right {
    width: 100%;
    padding: 20px 20px;
}
.xlgk {
padding-bottom: 25px;
margin-bottom:20px;
}
footer .f1 a {
    padding: 0 15px;
}
.xz-list-ti li {
    font-size: 14px;
}
.contentbox2 {
    padding-top: 0px;
}
.cb_left .bit {
    font-size: 20px;
    line-height: 40px;
}
.cb_left .neir {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 20px 0;
}
.in_bit {
    font-size: 22px;
}
.ne_banner{ padding-top: 55px; }
.in_bit span:after {
    top: 26px;
}
.cb_left .pic img {
    width: 80% !important;
    padding-bottom: 20px;
}
.pro_list dl dt .dw{ top: 20px; line-height: 60px; font-size:20px; }
.menubox2 li.hover:after{ display: none;}
/*10-31修改*/

/*10-31修改*/
}






@keyframes changescale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changescale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changescale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changescale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}



.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#portalquesdialogbg1,#portalquesdialogbg2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;}
#portalquesdialog1,#portalquesdialog2{ width: 880px; height: 580px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }
.portalquesdialogtop1{ position:absolute; right:5px; top:5px;}
.portalquesdialogtop1 a{ color:#fff;}

.questitle{
	height:8%;
	text-align:center;
	font-size:22px;
	padding-top:15px;
	font-weight:bold;
	border-bottom:0px solid #d0111b;
	
}
.firstpage{
	overflow:auto;
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	
	height:80%;
	
}

.showtextareap{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:20px;
	text-align:left
}

.firstpage label{
	margin-left:40px;
}

.firstpage textarea{
	width:95%;
	margin-top:10px;
	padding-top: 10px;
	padding-left: 10px;
	font-size:14px;
}

.firstpage li{
	height: 30px;
    padding: 0 15px;
    overflow: hidden;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    float:left;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    border:1px solid #a8a8a8;
    border-radius:5px;
    margin-left:30px;
    color:#fff;
    background:#a8a8a8;
}


.firstpage li.active{background:#d0101b;color:#fff}

.firstpage li:hover{border:1px solid #d0101b}

.jqbtj{
	float:left;padding-left:30px;
}
.jqtj{
	float:right;margin-right:30px;
}

.secondpage{
	overflow:auto;
	font-size:18px;
	padding:20px;
	height:80%;
	
}

.secondpagecontent{
	overflow:auto;
	
}


.secondpage .title{
	font-size: 20px;
    color: #222;
    line-height: 1.2;
    float:left;
    margin-top:2px;
    width:50%;
	float:left;
	font-weight:normal;
    
}



    
.secondpage ul{
	 margin-bottom: 40px;
     padding: 0 10px;
     width:50%;
     
}
   
.secondpage li{
	height: 30px;
    padding: 0 15px;
    overflow: hidden;
    margin-bottom: 16px;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}
.questiondiv{
	width:100%;
	height:40px;
	margin-top:25px;
	float:left;
}

.questiondiv select{
	width: 50%;
    height: 30px;
    padding-left: 5px;
    float:left;
    font-size: 18px;
    box-sizing: border-box;
    border-radius:5px;
    
   
}

.secondpage li.active{background:#d0101b;color:#fff}

.secondpage li:hover{border:1px solid #d0101b}

.questiondiv{

}

.secondpage li .contenttext{
	width:50%;
	border:0;
	border-bottom:1px solid black;
	background:;
	margin-left:5px;
	font-size:18px;
}

.quesfooter{
	width:100%;
	border-top:0px solid #d0111b;
	padding-top:5px;
	padding-left:10px;
	height:12%;
	font-size:26px;
	bottom:10px;
	font-weight:bold
}

.quesfooter button{ 
	width:100px; 
	height:96%;
	padding:2px 0; 
	background:#d0111b; 
	color:#fff; 
	font-size:20px; 
	border:none; 
	float:right;
	display:inline-block; 
	outline:none; 
	cursor:pointer; 
	transition-duration:.5s; 
	margin:0 10px;
	border-radius:5px;
	
}
.quesfooter1 button:hover{  border:1px solid #000;background:#fff; color:#d0111b;}

.quesfooter1 button:hover{  border:1px solid #fff;}


@media screen and (max-width:769px){
	
	#dialog1,#dialog2{ width: 95%; height: 90%; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }
	.dialogtop1{ position:absolute; right:5px; top:5px;}
	.dialogtop1 a,.dialogtop2 a{ color:#fff;}
	
	.firstpage li{
		height: 30px;
	    padding: 0 5px;
	    overflow: hidden;
	    margin-bottom: 16px;
	    font-size: 18px;
	    display: -ms-flexbox;
	    display: flex;
	    float:left;
	    -ms-flex-align: center;
	    align-items: center;
	    cursor: pointer;
	    overflow: hidden;
	    border:1px solid #a8a8a8;
	    border-radius:5px;
	    margin-left:8px;
	    color:#fff;
    	background:#a8a8a8;
	}
	
	.jqbtj{
		float:left;padding-left:10px;
	}
	.jqtj{
		float:right;margin-right:10px;
	}
	
	
	.questiondiv{
		width:100%;
		margin-top:10px;
		float:left;
		height:auto;
	}
		

	.secondpage .title{
		font-size: 18px;
	    color: #222;
	    line-height: 1.2;
	    margin-top:2px;
	    width:100%;
		font-weight:normal;
	}
	
	.secondpage ul{
		 margin-bottom: 20px;
	     padding: 0 10px;
	     width:100%;
	     
	}
	
	.questiondiv select{
		width: 95%;
	    height: 40px;
	    padding-top: 3px;
	    padding-left: 5px;
	    font-size: 16px;
	    box-sizing: border-box;
	    border-radius:5px;	   
	}
	
	
	
}