html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Microsoft YaHei",sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{margin:0;padding:0;color: inherit;}
body{ color: #020202; font-size: 16px; background-color: #fff;font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:focus, a:hover{ color: inherit;text-decoration: none;}
ul,ul li{list-style:none}
.clear{ clear: both;}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;display: block; color: #020202; }
a:hover{ color: #0272ba;}
.font24{ font-size: 28px;}
.headbg{height: 170px; width: 100%; background: url(../image/topbg1.jpg) no-repeat center top; position: relative;;}
.main{ max-width: 1400px; width:96%; margin: 0px auto;}
.logo{ float: left; margin-top: 20px; width: 60%;}
.logo img{ max-width: 1046px; width: 100%;}
.menuBtn{width:50px;height: 50px;cursor:pointer;position:absolute;right:0px;top:30px;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../image/iconq2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;display:none}
.menuBtn.open{background-image: url(../image/iconq3.png);}

.soBox{position:absolute;top:0;right:0;z-index:4;text-align:center;width:28%;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:34px 60px 35px;display:none}
.header.fixed .soBox{padding:24px 60px}
.so{float:right;width:308px;border:1px solid rgba(255,255,255,.49);background-color:rgba(255,255,255,.06);border-radius:20px;padding-right:40px;position:relative}
.so.qm{display: none;}
.so .inp{display:block;width:100%;height:39px;background:none;border:none;padding:0 20px;font-size:14px;color:#fff;line-height:39px;overflow:hidden}
.so .sub-btn{display:block;width:40px;height:40px;background:url(../image/i-so.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border:none;position:absolute;top:0;right:0}
.close{display:block;width:30px;height:30px;position:absolute;top:50%;right:25px;background:url(../image/i-close.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.close:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}
.so-btn{position:absolute;top:10px;bottom:0;right:0;width:90px;background:url(../image/so-btn.png) center center no-repeat}

.nav-m{
	    display: none;
}
.nv{position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0,0,0,.52);
    overflow: hidden;
    display: none;}
.nv .ht {
    padding: 0 90px 0 35px;
    overflow: hidden;
}
.nv .lg {
    float: left;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}
.nv .lg img {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}
	.nv .cont {
	    background-color: #fff;
	    border-left: 9px #0ca2a1 solid;
	    overflow: hidden;
	    overflow-y: auto;
	}
	.nav-m-list{ margin-top: 0px;}
	.nav-m-list li { float: left;
	    width: 50%;
	    border-bottom: 1px #ededed solid;
			padding-bottom: 0;
			line-height: 54px; height: 54px;
			font-size: 18px;
			text-align: center;
	}
	.soBox-m{float: left; padding: 10px; width: 100%; background: #edf1f1; color: #555;}
  .soBox-m .so{  float: none;
    margin: 0px auto;
    width: 70%;
    border: 1px solid #ddd;
    background: #fff;} 
		.soBox-m .so .inp{ color: #333;}

.menu{ clear: both; margin-top: 30px; float: left; width: 100%; }
.menu ul{margin-left: -4% ; margin-right: -2%;}
.menu li{ float: left; width: 12.5%; text-align: center; position: relative; }
.menu li h3{ font-size: 20px; font-weight: 400;}
.menu li h3 .iconfont{ margin-right: 5px; font-size: 16px;}
.menu li h3 .icon-3{ font-size: 20px;}
.menu li h3 .icon-4{ font-size: 18px;}
.menu li h3 .icon-6{ font-size: 20px;}
.menu li a{ color: #fff;}
/* .navSub{ display: none;} */
.menu li .navSub{width: 160px; 
border-radius:0 0 5px 5px; 
z-index: 999999; 
padding: 0 10px 10px;
border:1px solid #ddd;
box-shadow: rgba(0,0,0,.1) 0 1px 3px 1px;
position: absolute; left: 50%; margin-left: -80px; top: 51px;
background: rgba(255,255,255,.9);
    border-top: 2px solid #ddd;
		 border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
     display: none;}
.menu li .navSub dd{text-align:left; width:100%; height: 40px; line-height: 40px; }
.menu li .navSub dd a{display: block;font-size: 16px;color: #333; display: block;
	line-height: 35px;
	margin: 5px 10px;
	border-bottom: 1px dotted #C3C4C8;
	position: relative;
	padding-left: 15px;
	transition: .3s;}
.menu li .navSub dd a:hover{ text-decoration: none;
	padding-left: 18px;color: #0272ba;}
	.menu li .navSub dd a:before{
		content: "";
		display: block;
		position: absolute;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		top: 21px;
		left: 0px;
		width: 6px;
		height: 6px;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: translate(0, -0.5em) rotate(45deg);
		transform: translate(0, -0.5em) rotate(45deg);
		box-shadow: inset 2em 1em 0 0 #C3C4C8;
}
.menu li .navSub dd a:hover:before{
	box-shadow: inset 2em 1em 0 0 #0272ba;
}
.nav-m{ display: none;}

a.g-top{display:none;width:48px;height:59px;
background:url(../image/i-q5.png) center center no-repeat;
position:fixed;right:3%;bottom:43px;z-index:99;}
a.g-top.active{display:block}
a.g-top:hover{opacity: 0.8;}

#banner{width:100%;height:auto;overflow:hidden}
#banner .img{display:block}
#banner .img img{width:100%;height:auto}
#banner .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {display: block;}
#banner .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  display: inline-block;
  border-radius: 0px;
}
.matop20{ margin-top: 20px;}

/**news**/
.news-tit{ border-bottom: 1px solid #e6e6e6; float: left; width: 100%; height: 60px;}
.news-title{ float: left; height: 58px; line-height: 58px; border-bottom: 2px solid #0272ba; }
a.titmore{ float: right; font-size: 14px; color: #065fae; line-height: 30px; margin-top: 20px;}
.news{ margin-top: 20px; float: left; width: 100%;}
.newsbox{ float: left; width: 60%;}
.newsbox li{ float: left; width: 46%; margin-right: 4%;}
.news_pic { width: 100%; height: 254px; overflow: hidden;}
.news_pic img{ width: 100%; height: 100%;}
.newsbox li:hover img{ transform: scale(1.05); transition: transform 1s;}
.news_wz{font-size: 18px; line-height: 30px; margin-top: 8px; height: 60px; overflow: hidden;
	word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_time{ color: #666; margin-top: 20px; height: 28px; display: inline-block; border-bottom: 2px solid #e2e2e2;}
.newslist{ float: left; width: 40%;}
.newslist li{float: left; width: 100%;}
.newslist li a{display: inline-block; box-sizing: border-box; width: 100%; padding: 13px 10px 13px 20px; position: relative; }
.newslist li a:before{content: "";position: absolute;left: 10px;top:16px; width:2px;height: 40px;background: #34A0CE;
}
.newslist li a:hover{ background-color: #f0f7ff;}
.newslist li a h4{ overflow: hidden; height: 24px;line-height: 24px;}
.newslist li a p{ font-size: 14px; color: #999;}

/**result**/
.resultbg{ background: #f5f5f5; float: left; width: 100%; margin-top: 40px; padding: 30px 0px 55px 0px;}
.index_tit{float: left ;width: 100%; text-align: center; margin-bottom: 30px; height: 50px; line-height: 50px;}
.result_left,.result_rig{ float: left; width: 50%; height: 382px; overflow: hidden; background-color: #fff; }
.result_rig{ box-sizing: border-box; padding: 30px 40px; background:#fff url(../image/newsbg1.jpg) no-repeat right bottom;}
.result_left:hover img{ transform: scale(1.05); transition: transform 1s;}
a.result_rigtit{ display: inline-block; width: 100%; height: 35px; line-height: 35px;text-overflow: ellipsis; overflow: hidden; font-size: 20px;}
.result_wz{ margin-top: 20px; font-size: 14px; color: #5a5a5a; line-height: 28px; height: 140px; overflow: hidden;
	word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.mat_50{ margin-top: 50px;}
a.link_more{ border-radius: 20px; display: inline-block; padding: 8px 30px; font-size: 16px; border:2px solid #065fae; color: #065fae;}
a.link_more:hover{ opacity: 0.8;}
.result_list{ float: left; width: 100%; margin-top: 30px;}
.result_list li { 
	float: left; 
	width: 32%; 
	margin-right: 2%;
	background-color: #fff;
 }
 .result_list li a{ display: inline-block; color: #5f5f5f; width: 100%; box-sizing: border-box; padding:20px 30px 30px 30px;}
 .result_list li a:hover{ box-shadow: 1px 0px 5px 1px #d2d2d2;}
 .result_list li:nth-child(3){ margin-right: 0px;}
 .result_list li a .time{ color: #065fae; font-size: 36px;}
 .result_list li a .re_tit{font-weight: 400;margin-top: 25px; font-size: 18px; color: #020202; 
	line-height: 30px; height: 60px; overflow: hidden;
	word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.result_list li a .re_detail{margin-top: 15px; font-size: 14px; color: #555;
		line-height: 22px; height: 44px; overflow: hidden;
		word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
		.result_list li a:hover .re_tit{ color: #0272ba;}
.btncenter{ float: left; width: 100%; margin-top: 40px; text-align: center;}	


.probg{ float: left; width: 100%; background: url(../image/bg_2.jpg) no-repeat center center; padding: 30px 0px 55px 0px;}
.j_cbrlist{ float: left; width: 100%; box-sizing: border-box; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.j_cbrlist .j_list { float: left;
	padding: 30px 47px 39px 47px;
	border: 1px solid #EEEEEE;
	border-top: none;
	border-left: none;
	background: #FFFFFF;
	width: 25%; box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.j_cbrlist .j_list:hover {
	background: #065fae;
	z-index: 99;
}

.j_cbrlist .j_list:hover h3 {
	color: #FFFFFF;
}

.j_cbrlist .j_list:hover span {
	color: #FFFFFF;
	padding-right: 10px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.j_cbrlist .j_list h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: 600;
	overflow: hidden;  
    text-overflow:ellipsis;  
    white-space: nowrap;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.j_cbrlist .j_list p {
	font-size: 14px;
	line-height: 24px;
	color: #a2a2a2;
	margin-top: 10px;
	display: -webkit-box;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;  
    overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.j_list .j_lists span {
	float: left;
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
	color: #065fae;
}
.jt_bo{
	float: left;
	display: inline-block;
	line-height: 20px;
	width:49px;
	height: 20px;
	position: relative;
}
.j_list .j_lists img {
	position: absolute;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 49px;
	height: 11px;
	margin-left: 5px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.j_list .j_lists .j_jt1 {
	opacity: 0;
}
.j_cbrlist .j_list:hover .j_jt1 {
	position: absolute;
	opacity: 1;
	margin-left: 20px;
}

.j_list .j_lists {
	margin-top: 34px;
}
.showImg{ float: left; width: 100%; padding: 40px 0px; background: url(../image/bg_1.jpg) no-repeat center center;}



/**foot**/
.foot{float:left; width: 100%; font-size: 14px;  background: #08314d; padding: 20px 0px; text-align: center; color: #eeeeee; line-height: 30px;}
.foot_link a{ margin: 0px 5px; display: inline-block; color: #eee;}
.foot_link a:hover{ text-decoration: underline; color: #74c0f4;}
/**other**/
.ot-banner{ float: left; width: 100%; position: relative;}
.ot-banner img{ max-width: 100%; height: 100%;}
.ot_menu{  position: absolute; width: 100%;  bottom: 0px;}
.ot_menubg{ background: #0562c4;  float: left; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px;
display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;}
a.menu_li{display: flex;
  justify-content: center;
  align-items: center;
  align-content: center; flex: 1 1 auto; height: 70px; color: #fff; font-size: 20px;}
a.menu_li:hover{ background: #2e83dd;}
a.menu_li.active,a.menu_li:hover.active{ background: #fff; color: #0562c4;}

a.menu_li:first-child:hover,a.menu_li.active:first-child{  border-top-left-radius: 10px;}
a.menu_li:last-child:hover,a.menu_li.active:last-child{  border-top-right-radius: 10px;}
.location{ height: 60px; line-height: 60px; border-bottom: 1px dotted #d5d5d5; color: #555; float: left; width: 100%; margin-top: 10px;}

.ot_art{ float: left; width: 100%; padding-bottom: 20px;}
.p_articles{margin-top: 25px; width: 100%;
    padding: 0px;
    border: 0px;
    background: #f6f6f6;
    transition: all 0.4s ease-in-out;overflow: hidden; height:200px;
    float: left;}

.p_images { width: 300px; float: left; overflow: hidden;height:200px;}
.p_images img {width:100%; height: 100%;}
.p_right{ padding: 20px 40px 0px 40px;width: calc(100% - 300px) !important; float: left;    box-sizing: border-box;}
.p_articles:hover { cursor: pointer;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    transform: translate3d(0px,-4px,0px);
    transition: all 0.4s ease-in-out;}
.p_time{ font-size: 14px; color: #c61f06;}		
.p_tit{ font-size: 18px; margin-top: 5px; height: 30px; line-height: 30px; overflow: hidden;} 
.p_detail{ margin-top:10px; color: #666; line-height: 25px; height: 50px; overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.p_more{ float: right; margin-top: 10px;}
.fanye{ float: left; width: 100%; margin-top: 25px; text-align: center; }
.fanye a{ display: inline-block; padding: 3px 15px; background: #f6f6f6; line-height: 20px; font-size: 13px; margin: 0px 2px;}
.fanye a:hover{ color: #0d6ca2;}
.fanye a.fanyenow{ background: #0d6ca2; color: #fff; font-weight: bold;}
.detail{ float: left; width: 100%; margin-top: 10px; padding-bottom: 30px;}
.otnewstit{ font-size: 26px; line-height: 40px; text-align: center; margin-top: 30px;}
.otnewstime{ color: #565656; line-height: 24px; text-align: center; margin-top: 10px;padding: 10px 0px; margin-top: 20px;}
.detail{ margin-top: 20px; line-height: 30px;}
.tex-in{ text-indent: 32px;}
.detail p{ margin: 5px 0px;}
.detailimg{ max-width: 100%; margin-bottom: 10px;}
.img-center{ text-align: center;}
.img-center img{ max-width: 100%;}



@media only screen and (max-width:1280px){
	.headbg{ height: 150px;}
	.logo{ width:630px;}
	.soBox{padding: 18px 60px 17px; width: 200px;}
	.menu{ margin-top: 25px;}
	a.menu_li{ height: 60px; font-size: 18px;} 
	.menu li h3{ font-size: 18px;}
	.so{ width: 240px;}
	.so-btn{ background-size: 32px 32px;}
}
@media only screen and (max-width:1000px){
	body{ font-size: 14px;}
	.menuBtn{ display: block; width: 40px; height: 40px;}
	.menu,.so-btn{display: none;}
	.matop20{ margin-top: 5px;}
	.logo{ width: 80%; margin-top: 10px;}
	.headbg{ height: 80px;}
	.j_cbrlist .j_list{ width: 50%;padding: 20px 47px 20px 47px;}
	.j_list .j_lists{ margin-top: 10px;}
	.newsbox,.newslist{ width: 100%;}
	.newsbox li{ width: 46%;}
	.newslist{ margin-top: 15px; border-top: 1px dotted #ddd;}
  .font24{ font-size: 22px;}
	.result_left, .result_rig{ width: 100%;}
	.result_list li{ width: 100%; margin:0px; margin-bottom: 10px;}
	.result_list li a .re_tit{-webkit-line-clamp:1;margin-top:13px; height: 30px;}
	.result_list li a .re_detail{ margin-top: 5px;}
	.index_tit{ margin-bottom: 15px;}
	.j_cbrlist .j_list h3{ font-size: 16px;}
	.foot{ font-size: 12px; line-height: 20px;}
	.btncenter{ margin-top: 20px;}
	.resultbg,.showImg,.probg{ padding-bottom: 35px; padding-top: 20px;}
	.resultbg{ margin-top: 20px;}
	a.menu_li{ font-size: 16px;} 
	.p_images{ width: 300px; height: 200px;}
	.p_right{ padding: 20px;width: calc(100% - 300px) !important;} 
	.p_detail{ margin-top: 10px;}
	a.link_more{ font-size: 14px;padding: 5px 20px;} 
}
@media only screen and (max-width: 767px){
	.menuBtn {
	    width: 30px;
	    height: 30px;
	    right: 10px;
	}
	.logo{ height: 40px;}
	.headbg{ height: 70px;}
	.news_pic{ height: 120px;}
	.news_wz{ font-size: 16px; line-height: 25px; height: 50px;}
	.ot_menu{  position: initial; width: 100%;  bottom: 0px; float: left; margin-top: 0px;}
	.ot_menubg{ background: transparent;  float: left; width: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px;
 display: initial;
	  }
	a.menu_li{display: inline-block; border: 1px solid #ddd; margin-top: 10px;
	   color: #333; font-size: 14px; font-weight: bold; margin-right:10px; padding:4px 10px; border-radius: 20px; height: 24px; line-height: 24px;}
	a.menu_li:hover,a.menu_li.active{ background: transparent; background-color: #0562c4; border: 1px solid #0562c4; color: #fff;}
	a.menu_li:first-child:hover, a.menu_li.active:first-child,a.menu_li:last-child:hover,a.menu_li.active:last-child{ border-radius: 20px;}
  .location{ height: 40px; line-height: 40px;}
	.otnewstit{ margin-top: 20px; font-size: 18px; line-height:30px;}
	.otnewstime{ font-size: 12px;}
	.otnewstime,.detail{ margin-top: 0px;}
	.ot-banner img{ height: auto;}
	
}

@media only screen and (max-width: 568px){
	.slide,.slide .slide-content,#indexpic{ height: 200px;}
	.headbg{ height: 55px;}
	.head_rig{ margin-top: 20px; height: 40px;}
	.result_rig{ padding:10px 20px;}
	.mat_50{ margin-top: 30px;}
	.result_rig{ height: 255px; background: #fff;}
	.result_list li a .time{ font-size: 28px;}
	.result_list li a .re_tit{ font-size: 16px;}
	.result_left{ height: auto;}
	.result_left img{width: 100%;}
	a.result_rigtit{ font-size: 16px;}
	.result_wz{ margin-top: 0px; line-height: 22px; height: 110px;}
	.result_list{ margin-top: 10px;}
	.p_articles{ height: auto;}
	.p_images{ width: 100%; height: 180px;}
	.p_images img{ width:100%}
	.p_tit{ font-size: 16px;}
	.p_time,.p_detail{ font-size: 12px;}
	.p_detail{ line-height: 20px; height: 40px; margin-top: 5px;}
	.p_right{ padding: 10px;width: 100% !important;} 
	.proname{ height: 40px; line-height: 40px;}
	.j_list .j_lists span{ font-size: 12px;}
	.j_list .j_lists img{ width: 28px; height: 6px;}
	.font24{ font-size: 20px;}
	.news-title{ height: 48px; line-height: 48px;}
	.news-tit{ height: 50px;}
	a.titmore{ margin-top: 15px;}
	.result_list li a{ padding: 10px 20px 20px 20px;}
	.resultbg, .showImg, .probg{padding-bottom: 25px;padding-top: 15px;}
	.index_tit{ margin-bottom: 10px;}
	.j_cbrlist .j_list{ padding: 10px 20px;}
	.j_list .j_lists{ margin-top: 0px;}
	.j_cbrlist .j_list h3{ font-size: 14px;}
	
}

@media only screen and (max-width: 390px){
	.slide,.slide .slide-content{ height: 200px;}
}

/**showImg**/
.recommendPro{ max-width: 1450px; width:94%;  margin: 0px auto ; box-sizing: border-box; padding: 0 50px; position: relative; overflow: hidden;}
.recommendPro .swiper-slide{ box-sizing: border-box;  margin: 0;  background: #fff; position: relative; overflow-x: hidden;}
.proname{ height: 64px; line-height: 64px; font-size: 14px; width: 96%; margin: 0px auto; text-align: center; overflow: hidden; }
.recommendPro .swiper-slide img{ width: 100%; display: block;transition: all 0.6s;  height: 220px;}
.recommendPro .swiper-slide:hover img{ transform: scale(1.1);}
.recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 50px; color: #c5c5c5; z-index: 100;}
.recommendPro .swiper-button-next{ right: -4px;}
.recommendPro .swiper-button-prev{ left: -4px;}
@media screen and (max-width:1280px){
	.recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 45px;}
	.recommendPro .swiper-button-next{  right: 0px;}
	.recommendPro .swiper-button-prev{ left: 0px;}
}
@media screen and (max-width:800px){
	.recommendPro .swiper-slide img{  height: 170px;}
}


@media only screen and (max-width: 568px){
	.proname{ height: 40px; line-height: 40px; font-size: 12px;}
	
}