section{ background: #f7f7f7;}

/*.header_two{width:calc(100%);position:relative;}*/

.product{padding-top: 30px; padding-bottom: 30px;}
.menut { margin-bottom: 20px;}
.menut a{ display: block; width: 50%; float: left; font-size:18px;color: #333; line-height: 50px; font-weight: bold;}
.menut a:nth-child(1){background: url(../images/h2-2c.png) no-repeat left center; padding-left: 20px;}
.menut a:nth-child(2){background: url(../images/iconzk.png) no-repeat left center; padding-left: 30px;}
.menut a.active{color: #20217d;}

.promenu{display:block; width:240px;z-index:5;top:0px;left:0px; border: 1px solid #999999; border-radius: 5px; box-shadow:0px 0px 5px #ddd;}
.promenu:hover{box-shadow:3px 3px 10px #ddd;}
.promenu > li{ background: #d1d1ec; border-top:3px solid #20217d;}
.promenu > li > a{display:block;cursor:pointer; font-size: 18px; color: #20217d; font-weight: bold; padding-left: 15px; height: 40px; line-height: 40px; 
	position: relative;
}
.promenu > li > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up.png) no-repeat center center;
}
.promenu > li.active > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up1.png) no-repeat center center;
}
.promenu > li.active .er{display: block;}

.er{display:none;width:100%;background:rgb(100,100,100);}
.er li{width:100%; border:solid rgb(140,140,140);border-width:1px 0px 0px; background: #e0e0f9;}
.er li a{display:block; background:none; font-size: 12px; color: #20217d; line-height: 40px; padding-left: 20px; position: relative;}
.er > li > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up3.png) no-repeat center center;
}
.er > li.active > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up4.png) no-repeat center center;
}
.er > li.active .er{display: block;}


.thr{background:rgb(150,150,150); display:none;}
.thr li{margin-bottom:0px;border-top: 1px dashed rgb(180,180,180);position:relative; background: #f8f8fe;}
.thr li a{ color: #666666; padding-left: 30px; line-height:35px; position: relative;}
.thr li input{ 
	width: 16px; height: 16px; border: 1px solid #dcdcdc; background: #f3f3f3; 
	margin-right: 3px; margin-top: 10px;
}
.thr > li > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up3.png) no-repeat center center;
}
.thr > li.active > a:before{ content: ''; width: 17px; height: 100%; right: 10px; position: absolute; display: block; 
	background: url(../images/up4.png) no-repeat center center;
}
.thr > li.active .er{display: block;}


.four{ display: none;}
.four a{ display: block;}
.four li{margin-bottom:1px;border-top: 1px solid rgb(180,180,180);position:relative; background: #fff;}
.four li a{ clear:none; margin-left: 50px; padding-left: 0;}
.four label{ float:left; padding-left:30px;}

.er .e_li .thr li a{background:none;}
.er .e_li .thr li .xuan{background:rgb(249,152,49);}
.more1{margin-left: 28px;margin-top: -4px;}

.rcontent{ background: none!important; padding: 0!important;}
.classlist{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px;}
.prosearch{ margin-bottom: 20px; margin-top: 10px; text-align: right;}
.prosearch button{ width: 95px; height: 36px; background: #20217d; color: #fff; letter-spacing: 2px; border: 0;}
.prosearch input{ height: 36px; line-height: 36px; width: 200px; border: 0;}

.clist{ border: 1px solid #dedede; margin-bottom: 20px;}
.clist h2{ background: #f1f1f1; font-size: 16px; color: #333333; line-height: 40px; padding-left: 15px;}
.clist ul{padding:10px 15px;}
.clist ul li{ width: calc(100% / 4); float: left;}
.clist ul .en{ width: calc(100% / 4); float: left;}
.clist ul li a{ line-height: 30px; color: #20217d;}

.rcontent > div > h2{ background: #e1e1eb; font-size: 16px; padding-left: 15px; line-height: 40px; margin-bottom: 20px;}
.prolist{ width: calc(100%); background: #fff; border-radius: 0px; padding: 30px 20px;}
.prolist .tybg{ box-shadow:0px 0px 2px #ddd; margin-bottom:25px;}
.prolist .tybg:hover{ box-shadow:0px 0px 5px #ddd;}
.prolist table tr td{padding: 5px 10px;}
.prolist table{width:100%;}
.prolist .canshu{ margin-bottom: 50px;}
.prolist .canshu table tr td{padding: 10px 10px;}

.prolist .listp{border-bottom: 1px solid #e9e9e9; padding: 25px 15px;}
.prolist .listp:nth-child(2){border-top: 1px solid #e9e9e9;}
.prolist .listp dd{ width: 220px; text-align: center; float: left;}
.prolist .listp dd div{ width: 220px; display: table-cell;vertical-align:middle;text-align:center; overflow:hidden; border-radius: 10px;}
.prolist .listp dd div img{vertical-align:middle;transition: all 0.5s;}
.prolist .listp dd div img:hover{vertical-align:middle;transform: scale(1.1);}
.prolist .listp div{ width: calc(100% - 240px); float: right;}
.prolist .listp h4{ font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 20px; border-bottom: 1px #e9e9e9 dashed; line-height: 40px;}
.prolist .listp h4 a{margin-left: 30px; color: #20217d; font-size: 14px;}
.prolist .listp h4 a.xunjiaa{ 
	float: right; display: block; background: #20217d; width: 110px; height: 30px; color: #fff; line-height: 30px; text-align: center; border-radius: 30px;
	
}
.prolist .listp h4 a.xunjiaa.active{ background: #a0a0a0; }
.prolist .listp div dd{ line-height: 25px; width: 100%;}
.prolist .listp:hover{box-shadow: 0px 0px 5px #dcdcdc;}


.prolists{border: 1px solid #999999; border-radius: 10px; overflow: hidden; background: #ffffff; margin-bottom: 20px;}
.prolists h4{background: #fafafa; color: #20217d; font-size: 18px; font-weight: bold; padding-left:20px; border-bottom: 2px solid #20217d; height: 50px; line-height: 50px;}
.prolists h4 a{color: #999; font-size: 14px; padding-left:30px; font-weight:100;}
.prolists h4 a:hover{color: #20217d;}
.prolists .classer{ padding: 25px 20px; border-bottom: 1px solid #a0a0a0;}
.prolists .classer a{ padding: 5px 20px; border: 1px solid #a0a0a0;}
.prolists .classer a.active{background: #20217d; color: #fff;}
.prolists .classsan{ margin: 0 20px; border-bottom: 1px dashed #a0a0a0; padding: 10px 0px;}
.prolists .classsan a{ color:#666666; position: relative; padding-left: 15px;}
.prolists .classsan a:before{content: '';
	width: 0; height: 0; left: 0; top: 3px;
    border-top: 6px solid transparent;
    border-left: 10px solid #20217d;
    border-bottom: 6px solid transparent; position: absolute;
	}
.prolists .classslists{
	margin: 10px 20px 30px 20px;
	background: #f7f7f7;
	padding: 5px;
	border: 1px solid #eeeeee;
}
.prolists .classslists dl{ overflow: hidden;}
.prolists .classslists dl>label:nth-child(1){color: #20217d; font-weight: bold; font-size: 14px; margin-right: 30px; width: 100px; 
display: block; float: left; text-align: right;}
.prolists .classslists dl dd{ width: calc(100% - 130px); float: right; padding-top: 3px;}
.prolists .classslists dl dd a{  display: block; float: left; margin-right: 15px;}
.prolists .classslists dl dd a:nth-child(1){ display: block; float: left; margin-right: 55px; }

.prolists .classslists dl label{ margin-right: 10px; display: block; float: left; margin-bottom: 10px;}
.prolists .classslists dl label input{ margin-right: 10px; display: block; float:left; }

.leftmenu .prosearch{ margin-bottom: 0px; margin-top: 10px; text-align: right; overflow: hidden;}
.leftmenu .prosearch button{ width: 70px; height: 36px; background: #20217d; color: #fff; letter-spacing: 0px; border: 0;}
.leftmenu .prosearch input{ width: calc(100% - 70px); height: 36px; line-height: 36px; border: 0; background: #fff;}
.leftmenu .menutc { margin-bottom: 10px;}
.leftmenu .menutc a{ display: block; width: 33.33%; float: left; font-size:14px;color: #333; line-height: 50px; margin-top: 20px; font-weight: bold;
 text-align: center; padding-top: 10px;}
.leftmenu .menutc a:nth-child(3){background: url(../images/n1.png) no-repeat center top;}
.leftmenu .menutc a:nth-child(4){background: url(../images/n2.png) no-repeat center top;}
.leftmenu .menutc a:nth-child(5){background: url(../images/n3.png) no-repeat center top;}

.rcontent3{ width: calc(100% - 270px); background: #fff; border-radius: 10px; padding: 30px 20px;}
.rcontent3 table{ margin-bottom: 50px;}
.rcontent3 table tr td{padding: 10px 10px;}
.rcontent3 table tr td input{border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid;}
.rcontent3 p{ color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.xjproc table{ margin-bottom: 0px; width: 100%; }
.rcontent3 .form li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 10px;}
.rcontent3 .form li:nth-child(2n){margin-right: 0px;}
.rcontent3 .form li.content{ width: 100%;}
.rcontent3 .form li.title{ width: 100%; text-align: left;}
.rcontent3 .form li.yanzm{ width: 25%;}
.rcontent3 .form li.yanzmt{ width: 20%; margin-left: 10px;}
.rcontent3 .form li.yanzmt img{height: 35px; margin-top: 30px;}
.rcontent3 .form li label{ display: block; line-height: 30px; font-size: 14px; margin-bottom: 5px;}
.rcontent3 .form li label span{ color: #f00;}
.rcontent3 .form li input{ width: 100%; border: #cccccc 1px solid; border-radius: 5px; height: 35px; line-height: 35px; font-size: 16px;}
.rcontent3 .form li textarea{ width: 100%; border: #cccccc 1px solid; border-radius: 5px; line-height: 25px; font-size: 16px;}
.rcontent3 .form dl {text-align: center; clear: both; margin-top: 20px;}
.rcontent3 .form dl button{ width: 240px; height: 50px; line-height: 50px; text-align: center; background: #013687; color:#fff; border: none; border-radius: 50px;}



@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.product{padding-top: 30px; padding-bottom: 30px;}
	.promenu{display:block; width:100%;z-index:5;top:0px;left:0px; border: 1px solid #999999; border-radius: 5px;}
	.rcontent{ background: none; padding: 0; margin-top: 10px;}
	.classlist{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px;}
	.prosearch{ margin-bottom: 20px; margin-top: 10px; text-align: right;}
	.prosearch button{ width: 95px; height: 36px; background: #20217d; color: #fff; letter-spacing: 5px; border: 0;}
	.prosearch input{ height: 36px; line-height: 36px; width: calc(100% - 95px); border: 0;}
	
	.rcontent h2{ background: #e1e1eb; font-size: 16px; padding-left: 15px; line-height: 40px; margin-bottom: 20px;}
	.prolist{ width: calc(100%); background: #fff; border-radius: 0px; padding: 30px 20px;}
	.prolist table{ margin-bottom: 50px;}
	.prolist table tr td{padding: 10px 10px;}
	
	.prolist .listp{border-bottom: 1px solid #e9e9e9; padding: 25px 0px;}
	.prolist .listp:nth-child(2){border-top: 1px solid #e9e9e9;}
	.prolist .listp dd:nth-child(1){ width: 100%; height: auto; text-align: center; float: left; background: #f5f5f5;}
	.prolist .listp dd:nth-child(1) div{ width: 100%; height: auto; display: table-cell;vertical-align:middle;text-align:center;}
	.prolist .listp dd:nth-child(1) div img{vertical-align:middle;}
	.prolist .listp div{ width: calc(100%); float: right;}
	
	
	.prolists{border: 1px solid #999999; border-radius: 10px; overflow: hidden; background: #ffffff; margin-bottom: 20px;}
	.prolists h4{background: #fafafa; color: #20217d; font-size: 18px; font-weight: bold; padding-left:20px; border-bottom: 2px solid #20217d; height: 50px; line-height: 50px;}
	.prolists .classer{ padding: 25px 20px; border-bottom: 1px solid #a0a0a0; overflow: hidden;}
	.prolists .classer a{ padding: 5px 0px; margin-bottom: 10px; text-align: center; float: left; display: block; width: 50%;}
	.prolists .classslists dl{ overflow: hidden;}
	.prolists .classslists dl>label:nth-child(1){color: #20217d; font-weight: bold; font-size: 14px; margin-right: 10px; width: 70px; 
	display: block; float: left; text-align: right;}
	
	
	.rcontent3{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px;}
	.rcontent3 table{ margin-bottom: 50px;}
	.rcontent3 table tr td{padding: 10px 10px; line-height: 30px;}
	.rcontent3 table tr td input{border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid;}
	.rcontent3 p{ color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 20px}
	.rcontent3 .form li{ width: 100%; float: left; margin-right: 2%; margin-bottom: 10px;;}
	.rcontent3 .form li:nth-child(2n){margin-right: 0px;}
	.rcontent3 .form li.content{ width: 100%;}
	.rcontent3 .form li.title{ width: 100%; text-align: left;}
	.rcontent3 .form li.yanzm{ width: 50%;}
	.rcontent3 .form li.yanzmt{ width: 40%;}
}

@media screen and (max-width:767px) {
	.product{padding-top: 30px; padding-bottom: 30px;}
	.clist ul { padding: 10px; }
	.promenu{display:block; width:100%;z-index:5;top:0px;left:0px; border: 1px solid #999999; border-radius: 5px;}
	.rcontent{ background: none; padding: 0; margin-top: 10px;}
	.classlist{ width: calc(100%); background: #fff; border-radius: 10px; padding: 20px 15px;}
	.prosearch{ margin-bottom: 20px; margin-top: 10px; text-align: right;}
	.prosearch button{ width: 95px; height: 36px; background: #20217d; color: #fff; letter-spacing: 5px; border: 0;}
	.prosearch input{ height: 36px; line-height: 36px; width: calc(100% - 95px); border: 0;}
	
	.rcontent h2{ background: #e1e1eb; font-size: 16px; padding-left: 15px; line-height: 40px;}
	.prolist{ width: calc(100%); background: #fff; border-radius: 0px; padding: 30px 20px;}
	.prolist table{ margin-bottom: 20px;}
	.prolist table tr td{padding: 5px 10px;}
	
	.prolist .listp{border-bottom: 1px solid #e9e9e9; padding: 25px 0px;}
	.prolist .listp dd{ width: 100%;}
    .prolist .listp dd div{ width: 100%;}
	.prolist .listp:nth-child(2){border-top: 1px solid #e9e9e9;}
	.prolist .listp dd:nth-child(1){ width: 100%; height: auto; text-align: center; float: left;}
	.prolist .listp dd:nth-child(1) div{ width: 100%; height: auto; display: table-cell;vertical-align:middle;text-align:center;}
	.prolist .listp dd:nth-child(1) div img{vertical-align:middle;}
	.prolist .listp div{ width: calc(100%); float: right;}
	.xunjiaqp { height: 88vh; }
	.xunjia table tr td { padding: 4px 6px; font-size:12px; }
	.prolists .classslists dl label { margin-right: 0px;}
	.prolists .classslists dl dd a { margin-right: 0px; font-size: 12px;}
	
	.prolists{border: 1px solid #999999; border-radius: 10px; overflow: hidden; background: #ffffff; margin-bottom: 20px;}
	.prolists h4{background: #fafafa; color: #20217d; font-size: 18px; font-weight: bold; padding-left:20px; border-bottom: 2px solid #20217d; height: 50px; line-height: 50px;}
	.prolists .classer{ padding: 15px; border-bottom: 1px solid #a0a0a0; overflow: hidden;}
	.prolists .classer a{ padding: 5px 0px; margin-bottom: 10px; text-align: center; float: left; display: block; width: 50%;}
	.prolists .classslists dl{ overflow: hidden;}
	.prolists .classslists dl>label:nth-child(1){color: #20217d; font-weight: bold; font-size: 12px; margin-right: 10px; width: 110px; 
	display: block; float: left; text-align: right;}
	.prolists .classslists dl dd { width: calc(100% - 120px); padding-top: 0px;}
	.prolists .classsan { margin: 0 15px;}
	.prolists .classslists { margin: 10px 15px 20px 15px;}
	.xunjia table tr td input:nth-child(2) { width: 60px;}
	
	.rcontent3{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px;}
	.rcontent3 table{ margin-bottom: 50px;}
	.rcontent3 table tr td{padding: 10px 10px; line-height: 30px;}
	.rcontent3 table tr td input{border-left: 0; border-right: 0; border-top: 0; border-bottom: #666666 1px solid;}
	.rcontent3 p{ color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 20px}
	.rcontent3 .form li{ width: 100%; float: left; margin-right: 2%; margin-bottom: 10px;}
	.rcontent3 .form li:nth-child(2n){margin-right: 0px;}
	.rcontent3 .form li.content{ width: 100%;}
	.rcontent3 .form li.title{ width: 100%; text-align: left;}
	.rcontent3 .form li.yanzm{ width: 50%;}
	.rcontent3 .form li.yanzmt{ width: 40%;}
	
	.title2 h2 { font-size: 14px;}
	.title2 h2 span { font-size: 20px;}
	.xunjia .sub { right: 45%;}
	.xunjia .sub button { width: 100px;}
	.xunjia { bottom: -200px;}
	.xunjia .title2 span.qp { right: 10%;}
	.xunjia .form li label { width: 60px;}
	.xunjia .form li input { width: calc(100% - 60px);}
	.clist ul .en{ width:100%;}
}