﻿/* top&seach */
.pubTopWrap{
	background-color: #f4f4f4;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	width: 100%;
}
.pubTopWrap a{
	font-size: 14px;
}
.pubTopWrap a:hover{
	color: #028fe1;
}
.pubTopWrap span{
	margin: 0 2px;
}
.pubTop2 {
	padding: 40px 0 32px;
}
.pubLogo img{
	width: 100%;
	display: block;
	max-width:220px;
	padding-top:10px;
}
.pubSeach{
	position: relative;
	z-index: 1;
    width: 170px;
    float: right;
}
.pubSeach input{
	color: #999;
	font-size: 15px;
	width: 108px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #666;
	border-radius: 6px;
	padding: 0 44px 0 16px;
}
.pubSeach i{
	position: absolute;
	right: 12px;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background: url(../images/seach.png) no-repeat center;
	cursor: pointer;
}
.pubKeyword{
	margin-top: 10px;
	font-size: 14px;
}
.pubKeyword span{
	font-weight: bold;
	margin-left: 4px;
}
.pubKeyword a{
	font-size: 14px;
	color: #999;
	margin-right: 6px;
}
.pubKeyword a:hover{
	color: #028fe1;
}

/*	sm-header	*/
.sm-header{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	background-color: #0198f1;
	z-index: 9999999;
}
.sm-logo{	
	width: 12%;
	display: flex;
	justify-content: center;
	align-items: center;
    height: 58px;
}
.sm-logo img{
	width: 100%;
	display: block;
}
.sm-seach{
    width: 72%;
    height: 58px;
    margin-top: 12px;
    margin-left: 4%;
    position: relative;
}
.sm-seachInput{
	color: #fff;
    font-size: 14px;  
    width: 84%; 
    height: 36px;
    line-height: 36px;
    border: 1px solid #486c7f;
    background-color: #135f9b;
    padding-left: 2%;
    padding-right: 12%;
}
.sm-seachIcon{
    width: 5%;
    height: 38px;
    position: absolute;
    right: 3%;
    top: 0px;
    background: url(../images/sm_seach.png) no-repeat center;
    background-size: 100%;
}
.sm-menu{
	width: 10%;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 2%;
}
.sm-menuIcon{
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/sm_menu.png) no-repeat center;
	background-size: 100%;
}

/*  nav  */
.pubNavWrap{
	background:rgba(33,33,33,0.7);
	height: 80px;
	line-height: 80px;
	width: 100%;
	position:fixed;
	z-index:999;
	top:0
}
.pubNavWrap.on{ background:#333}
.pubNav{
	position: relative;
}
.pubNav ul{
	z-index: 2;
	overflow:hidden;
	max-width:780px;
	height:auto;
	float:left;
	padding:0 20px;
}
.pubNav ul li{
	float: left;
}
.pubNav ul li:hover{ background:#000}
.pubNav ul li a{
	display: block;
	width: 110px;
	text-align: center;
	color: #f1f1f1;
	font-size:18px
}
.pubNav ul li.pubNavActiv a{
	background-color: #325da1;
	height: 48px;
	border-bottom: 2px solid #ffae3b;
}
.pubNav ul li.pubNavAseach a{
	background-color: #7da8ec;
	height: 48px;
	border-bottom: 2px solid #7da8ec;
}
.navActDiv{
    height: 48px;
	border-bottom: 2px solid #ffae3b;
    width: 130px;
    background-color: #325da1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;	
}

/*	sm-nav	*/
.sm-nav{
	position: fixed;
	right: 0;
	top: 0;
	width: 360px;
	background-color: #191f24;
    z-index: 999999;
    height: 100%;
    overflow-y: auto;
    margin-right: -360px;
}
.sm-nav li{
	text-align: center;
	margin-bottom: 12px;
}
.sm-navList li {
    transform: translateX(100%);
}
.sm-navList .trasfor {
    transform: translateX(0%);
    transition: all .8s;
}
.sm-nav li a{
	color: #fff;
	position: relative;
	padding-top: 54px;
	display: block;
	font-size: 14px;
}
.sm-nav li a i{
	position: absolute;
	left: 50%;
	margin-left: -18px;
	top: 10px;
	width: 36px;
	height: 36px;
	background-size: 100%;
}
.smIcon1{
	background: url(../images/smicon1.png) no-repeat center;
}
.smIcon2{
	background: url(../images/smicon2.png) no-repeat center;
}
.smIcon3{
	background: url(../images/smicon3.png) no-repeat center;
}
.smIcon4{
	background: url(../images/smicon4.png) no-repeat center;
}
.smIcon5{
	background: url(../images/smicon5.png) no-repeat center;
}
.smIcon6{
	background: url(../images/smicon6.png) no-repeat center;
}
.smIcon7{
	background: url(../images/smicon7.png) no-repeat center;
}

.sm-mengWrap{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,.4);
}
.sm-navLiActive{
	background-color: #40474f;
}

.pubNav .nav_sub{max-width:1900px; height:0px;  position: fixed; top:80px;/* background: linear-gradient(rgba(33,33,33,0.7) 0%, transparent 100%);*/ background:#000; z-index:888; overflow:hidden; }
.pubNav .nav_sub.old{ left:0; right:0; margin:0 auto; width:100%}
.pubNav .nav_sub dt{ line-height:36px;}
.pubNav .nav_sub dt a{ font-size:16px; height:32px; color: #78a8ff;}
.pubNav .nav_sub dd,.pubNav .nav_sub a{ text-align:left; color:#fff; font-size:13px; text-indent:20px;}
.pubNav .nav_sub a:hover{  color:#f0c564; }

.pubNav .nav_sub.old .nav_item{ max-width:1200px; margin:0 auto; padding-top:15px;}
.pubNav .nav_sub.old dl{ float:left; width:165px; line-height:200%; min-height:1px; height:230px; border-right: 1px solid #444; white-space: nowrap;}
.pubNav .nav_sub.old dt a{ font-size:16px; color: #78a8ff; width:165px;  }
.pubNav .nav_sub.old .as{ font-size:16px; color: #78a8ff; width:165px; line-height:45px}
.pubNav .nav_sub.old a{ color:#fff; font-size:12px;  width:215px; }
.pubNav .nav_sub.old a:hover{ color:#f0c564;}



/*  banner  */
.banner{
	position: relative;	
	border-bottom: 1px solid #eee;
	box-shadow: 0px 2px 5px #eee;
}
.banner ul{
	height: 422px;
	width: 100%;
}
.banner ul li{
	position: absolute;
	display: none;
	width: 100%;
}
.banner ul li a{
	display: block;
	width: 100%;
}
.banner .bannerBuybut{
	position: absolute;
	border: 1px solid #666;
	color: #292929;
	font-size: 18px;
	font-weight: bold;
	width: 9%;
	height: 5%;
	padding: 0.4% 0;
	text-align: center;
	border-radius: 50px;
}
.banner .bannerBuybut1{
	right: 20%;
	bottom: 5%;
}
.banner .bannerBuybut2{
	right: 29%;
	bottom: 5%;
}
.banner .bannerBuybut3{
	right: 19%;
	bottom: 58%;
	background-color: #e7e7e7;
	
}
.banner .bannerBuybut:hover{
	background-color: #ff7e2b;
	border-color: #ff7e2b;
	color: #fff;
	transition: all .3s; 
}
.banner ul li a img{
	display: block;
	width: 100%;
}
.bannerPoint a{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin-top: -40px;
	font-size: 14px;
	color: #fff;
	border-radius: 6px;
    background-color: rgba(0,0,0,0.5);
	*background: url(../images/bannerbutbg.png) repeat;
}
.bannerPoint a:hover{
	background-color: rgba(0,0,0,0.7);
	transition: all .5s; 
}
.bannerPoint .banPotL{
	left: 70px;
}
.bannerPoint .banPotR{
	right: 70px;
}
/*  导航路径  */
.cplistPath{
	font-size: 15px;
	position: relative;
	padding: 20px 0;
}
.cpPathIcon{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	background: url(../images/cppathicon.png) no-repeat center;
	background-size: 100%;
	width: 22px;
	height: 22px;
}
.cplistPath span{
	margin: 0 3px;
}
.cplistPath .cpPathHere{
	margin-left: 30px;
}
.cplistPath a{
	font-size: 15px;
}
.cplistPath .cpPathAct{
	color: #315ca0;
}
/*	sm导航路径	*/
.sm-navPathWrap{
	margin-top: 70px;
	display: none;
}
.sm-navPath{
	position: relative;
	padding-left: 38px;
	line-height: 54px;
	background-color: #fff;
}
.sm-navPathIcon{
	background: url(../images/sm_topnavicon.png) no-repeat center;
	width: 18px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -12px;
}
/*	sm-banner  */
.mCSbanner{
	display: none;
	margin-top: 62px;
}

/*	footer  */
.footerWrap{
	min-height: 410px;
	width: 100%;
	background: url(../images/footerbg.jpg) no-repeat center;
	color: #fff;
	position: relative;
}
.footerWrap a{
	color: #fff;
}
.footerWrap a:hover{
	color: #029aee;
}
.yqlineWrap{
	background-color: #f2f2f2;
    width: 100%;   
	margin-top: 50px;
}
.yqline{
	padding: 12px 0 10px;
	line-height: 24px;
}
.yqline1{
	width: 92%;
}
.yqline span{
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
}
.yqline a{
	padding: 0 12px;
	font-size: 14px;
	color: #666;
	border-right: 1px solid #dedede;
}
.yqline a:hover{
	color: #315ca0;
}
.footNavMes{
	padding-top: 30px;
}
.footNav{
	width: 50%;
}
.footNav dl{
	float: left;
	margin-right: 90px;
}
.footNav .footNavLine{
	display: block;
	width: 40px;
	background-color: #0696db;
	height: 1px;
	margin: 16px 0 20px 0;
}
.footNav dl dd{
	margin-bottom: 14px;
}
.footNav dl dd a{
	font-size: 14px;
}
.footMessage{
	width: 50%;
}
.footInp_name{
	width: 46%;
	margin-right: 8%;
	background-color: #fff;
	height: 44px;
	line-height: 44px;
}
.footInp_name span,.footInp_tel span{
	width: 26%;
	text-align: center;
	float: left;
	color: #727272;
}
.footInp_tel{
	width: 46%;
	background-color: #fff;
	height: 44px;
	line-height: 44px;
}
.footInpTip{
	font-size: 14px;
	color: #fff;
	margin-bottom: 12px;
}
.footInp_name input,.footInp_tel input{
	width: 74%;
	height: 44px;
	line-height: 44px;
	border: none;
	outline: none;
}
.footInp_mesg{
	position: relative;
	background-color: #fff;
	width: 100%;
	margin-top: 20px;
}
.footInp_mesg span{
	position: absolute;
	left: 12px;
	top: 14px;
	color: #727272;
}
.footInp_mesg textarea{
	width: 88%;
	border: none;
	outline: none;
	height: 112px;
	padding: 12px 0 4px 70px;
	line-height: 22px;
}
.footSubmitDiv{
	height: 36px;
	width: 100%;
	background-color: #fff;
}
.footSubmitDiv .footSubmit{
	float: right;
	text-align: center;
	width: 100px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background-color: #315ca0;
}
.footer_hotTel p{
	float: left;
	margin-top: 12px;
	margin-right: 24px;
}
.footSubmitDiv .footSubmit:hover{
	color: #fff;
}

.footWxImg{
	margin-top: -78px;
	height: 0;
}
.footer_addr{
	margin-top: 10px;
}
.foot_bottom{
	background:rgba(33,33,33,0.3);
	height: 38px;
	line-height: 38px;
	text-align: center;
	position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.foot_bottom p{
	font-size: 12px;
}
.footer_telAddr{
	font-size: 14px;
}

/*	sm-footer   */
/*底部悬浮*/
.clearfix{*zoom:1}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0}
.footSuspend{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	height: 30px;
	background-color: #cccccc;
	width: 100%;
	padding: 5px 0;
	display: none;
}
.footSuspend ul li{
	width:29%;
	margin: 0 2%;
	height: 30px;
	line-height: 30px;
	background-color: #1858a6;
	float: left;
}
.footSuspend ul li:last-child{
	overflow: hidden;
}
.footSuspend ul li a{
	display: block;
}
.footSuspend ul li a h2{
	width: 52px;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	padding-left: 24px;
}
.footSuspend ul li a i{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 18px;
	background-size: 100%;
	margin-top: -9px;
}
.footSusMFTH{
	background: url(../images/footsuspendicon01.jpg) no-repeat center;
}
.footSusZXZX{
	background: url(../images/footsuspendicon02.jpg) no-repeat center;
}
.footSuspend ul li a .footSusQQZX{
	background: url(../images/footsuspendicon03.jpg) no-repeat center;
	background-size: 100%;
	/*left: 16px;*/
	left: 0px;
}
.footSuspend ul li a .footSusHome{
	overflow: hidden;
}


@media only screen and (max-width: 1200px){
	body{
		margin-bottom: 30px;
	}
	.mod-1200{
		width: 100%;
	}
	html {
	    overflow-x: hidden;
	}
	.sm-nav li:first-child {
	    margin-top: 66px;
	}
	.mas{
		display:none;
	}
	.pubTopWrap,.pubNavWrap,.pubSeach,.pubTop2,.yqlineWrap{
		display: none;
	}
	.sm-header,.mCSbanner,.sm-navPathWrap,.footSuspend{
		display: block;
	}
	.owl-theme .owl-nav.disabled+.owl-dots {
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    margin-left: -75px;
	}
	.owl-theme .owl-dots .owl-dot span {
	    width: 30px;
	    height: 6px;
	    margin: 10px;
	    display: block;
	    border-radius: 12px;
	}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	    background: #fead3a;
	}
	.footMessage{
		display: none;
	}
	.footNav{ width:100%}
	.footNav dl { width:31.33%; text-align:center; margin:0 1%}
	.footNav .footNavLine{ width:50%; margin:15px auto}
	.footer_telAddr{ text-align:center;}
	.footer_hotTel p{ float:none}
	.sm-footer{
		margin-top: 20px;
		display: block;
		background-color: #008fdb;
		color: #fff;
	}
	.sm-footerUL li{
		float: left;
	}
	.sm-footerUL{
		margin-left: 20px;
	}
	.sm-footerDiv01{
		margin-bottom: 30px;
	}
	.sm-footerDiv01{
		padding-top: 30px;
	}
	.sm-footerUL li a{
		color: #fff;
		padding: 0 10px;
		border-left: 1px solid #fff;
		display: inline-block;
	}
	.sm-footerDiv01{
		position: relative;
	}
	.sm-footer{
		padding-bottom: 12px;
	}
	.sm_backTop{
		width: 48px;
		height: 48px;
		position: absolute;
		right: 14px;
		top: 14px;
		background: url(../images/sm_backtop.png) no-repeat center;
		background-size: 100%;
	}
	.sm_footerIcon{
		float: left;
		width: 27%;
		margin: 0 1%;
		position: relative;
		padding-left: 4%;
		height: 22px;
		line-height: 22px;
	}
	.sm_footerIcon a{
		color: #fff;
		float: left;
	} 
	.sm_footerIcon i{
		width: 10%;
		height: 100%;
		float: left;
		margin-right: 4px;
	}
	.sm_footerTel i{
		background: url(../images/sm_footertel.png) no-repeat center;
		background-size: 100%;
	}
	.sm_footerPhone i{
		background: url(../images/sm_footerphone.png) no-repeat center;
		background-size: 100%;
	}
	.sm_footerMail i{
		background: url(../images/sm_footermail.png) no-repeat center;
		background-size: 100%;
	}
	.sm-navTop{
	    margin: -14px 0 10px;
	}
	.pageban{ margin-top:58px;}
	.hyCaseTop{ margin:0 0 30px;}
}

@media only screen and (max-width: 680px) {
	.sm_footerTel{
		width: 30%;
    	padding-left: 1%;
	}
	#newcpListTab2{ display:block}
}

@media only screen and (max-width: 560px) {
	.sm-logo {
	    margin-left: 2%;
	}
	.sm-seach {
    	width: 64%;
    }
    .sm-menu {
    	width: 17%;
    	margin-left: 1%;
    }
	
}
@media only screen and (max-width: 520px) {
	.sm-header{
		height: 44px;
	}
	.sm-logo{
		height: 44px;
	}
	.sm-seach{
		height: 44px;
		margin-top: 8px;
	}
	.sm-menu{
		height: 44px;
	}
	.sm-menuIcon {
	    width: 38px;
	    height: 38px;
	}
	.sm-seachIcon {
    	width: 8%;
        height: 28px;
        margin-top: 0;
    }
	.mCSbanner {
	    margin-top: 45px;
	}
	.sm-seachInput{
		height: 28px;
		line-height: 28px;
	}
	.sm-nav li:first-child {
	    margin-top: 48px;
	}	
}

@media only screen and (max-width: 480px) {
	.owl-theme .owl-nav.disabled+.owl-dots {
	    margin-left: -60px;
	}
	.owl-theme .owl-dots .owl-dot span {
	    width: 24px;
	    height: 6px;
	    margin: 6px 8px;
	    display: block;
	    border-radius: 12px;
	}
}
.pageban, .pageban img{ width:100%}


.subnr{ overflow:hidden; margin-top:20px;}
.subnr h3{ border-bottom:1px solid #333; line-height:200%; font-size:16px}
.subnr p {
	overflow: hidden;
	font-size: 15px;
	line-height: 25px;
}
.subnr span {
	color: #e05b2f;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.thisclass{ display: inline-block;
    padding: 8px 12px;
    text-align: center;
    background-color: none;
    margin-right: 6px;}
.cplistPage li{ }
