.screwBreed{ margin-left: -2%;overflow: hidden;}
.screwBreed dd{ float: left; width: 31.333%; margin-left: 2%; margin-top: 60px;}
.screwBreed dd a{ display: block; position: relative; border-bottom: 1px solid #ccc;}
.screwBreed dd a >p{margin: 10px 0; position: relative; padding-right: 65px;line-height:36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000;}
.screwBreed dd a >p span{ position: absolute; right: 0;top: 0; display: inline-block;*display: inline;*zoom: 1; padding-right: 26px;background: url(../images/more.png) no-repeat right center;color: #014099; font-size: 16px;}
.screwBreed dd a>b{ position: absolute; left: 0;bottom: -1px; height: 2px;width: 0;background: #014099;transition: 0.5s;-webkit-transition: 0.5s;}
.screwBreed_1{ margin-left: -2%;overflow: hidden;}
.screwBreed_1 dd{ float: left; width: 23%; margin-left: 2%; margin-top: 60px;}
.screwBreed_1 dd a{ display: block; position: relative; border-bottom: 1px solid #ccc;}
.screwBreed_1 dd a >p{margin: 10px 0; position: relative; padding-right: 65px;line-height:36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #404040;}
.screwBreed_1 dd a >p span{ position: absolute; right: 0;top: 0; display: inline-block;*display: inline;*zoom: 1; padding-right: 26px;background: url(../images/more.png) no-repeat right center;color: #014099; font-size: 14px;}
.screwBreed_1 dd a>b{ position: absolute; left: 0;bottom: -1px; height: 2px;width: 0;background: #014099;transition: 0.5s;-webkit-transition: 0.5s;}
.nav-pagination {
	margin-top:50px;
	margin-left:47%;
	padding-bottom:100px;
}
	.nav-pagination ul li {
		list-style-type:none;
		float:left;
	}
	.nav-pagination ul li.empty-space {
		padding:10px 6px 0px 5px;
		font-weight:bold;
	}
		.nav-pagination ul li a {
			float:left;
			color:#a9a9a9;	
			padding:5px 12px;
			font-family:Oswald, Arial, sans-serif;
			background-color:#3a3a3a;
			margin-right:1px;
		}
		.nav-pagination ul li.active a, .nav-pagination ul li a:hover {
			color:#FFF;	
			background-color:#f15620;
		}
.nav-pagination_1 {
	margin-top:50px;
	margin-left:47%;
	margin-bottom:50px;
	display:table;
	width:100%;
}
	.nav-pagination_1 ul li {
		list-style-type:none;
		float:left;
	}
	.nav-pagination_1 ul li.empty-space {
		padding:10px 6px 0px 5px;
		font-weight:bold;
	}
		.nav-pagination_1 ul li a {
			float:left;
			color:#a9a9a9;	
			padding:5px 12px;
			font-family:Oswald, Arial, sans-serif;
			background-color:#3a3a3a;
			margin-right:1px;
		}

/*新闻列表*/
.newsSummary dd{padding: 30px 0;border-bottom: 1px solid #ddd;}
.newsSummary dd a{ display: block;position: relative;overflow: hidden;height: 146px; padding-left: 250px;}
.newsSummary dd .scaleImg{ position: absolute; left: 0; width: 230px;height: 100%;top:0;}
.newsSummary dd .rightTxt h2{color: #000; font-weight: bold;font-size: 18px;line-height: 18px;padding-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsSummary dd .rightTxt .time{color: #999;font-family: arial;font-size: 13px;line-height: 15px;}
.newsSummary dd .rightTxt .time span{ display: inline-block; margin-left: 15px;}
.newsSummary dd .rightTxt .txt{ line-height: 22px;height: 40px;overflow: hidden; font-size: 15px;color: #000;margin: 10px 0 22px 0;}
.newsSummary dd .rightTxt .more{color:#fff;text-align: center;padding: 0 27px;line-height: 30px;font-size: 12px;background: #444;display: inline-block;transition: 0.3s;-webkit-transition: 0.3s;}
.newsSummary dd .rightTxt .more img{ position: relative;top: -1px;margin-left: 5px;}
.newsSummary dd .rightTxt .more:hover{background:#014099 ;}
.news .fl{ width: 72%; border-right: 1px solid #ededed; padding-right: 2%;}
.news .fr{ width: 24%; margin-top: 2%;font-size: 14px; color: #404040;}
.news .fr .hot{margin-top: 20px; color: #fff;font-size: 27px;padding:110px 0 20px 20px ;line-height: 27px;background: url(../image/hot.jpg) no-repeat center;background-size: cover;}
.hotUL li{line-height: 44px; position: relative;padding-left: 18px;background: url(../image/o.png) no-repeat left center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dotted #dcdcdc;}
.hotUL li a { color: #000}
.hotUL li a:hover{ color: #014099;text-decoration: underline;}
/*常见问题*/
.faqsSummary dd{padding: 30px 0;}
.faqsSummary dd a{ display: block;position: relative;overflow: hidden;height: 146px; padding-left: 250px;}
.faqsSummary dd .scaleImg{ position: absolute; left: 0; width: 230px;height: 100%;top:0;}
.faqsSummary dd .rightTxt h2{color: #000; font-weight: bold;font-size: 18px;line-height: 18px;padding-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.faqsSummary dd .rightTxt .time{color: #999;font-family: arial;font-size: 14px;line-height: 23px;}
.faqsSummary dd .rightTxt .time span{ display: inline-block; margin-left: 15px;}
.faqsSummary dd .rightTxt .txt{ line-height: 22px;height: 60px;overflow: hidden; font-size: 15px;color: #000;margin: 5px 0 -5px 0;}
.faqsSummary dd .rightTxt .more{color:#fff;text-align: center;padding: 0 27px;line-height: 30px;font-size: 12px;background: #444;display: inline-block;transition: 0.3s;-webkit-transition: 0.3s;}
.faqsSummary dd .rightTxt .more img{ position: relative;top: -1px;margin-left: 5px;}
.faqsSummary dd .rightTxt .more:hover{background:#014099 ;}
.faqs .fl{ width: 100%;}
/*新闻详情*/
.wenzhang .you {padding-bottom: 20px;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wenzhang .syb {color: #005bac;font-size: 16px;padding-top: 20px;}
.wenzhang .lff {float: left;text-align: left;width: 50%;position: relative;}
.wenzhang .rff {float: right;text-align: right;width: 50%;position: relative;}
.wenzhang .lff .zuo {border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.wenzhang .rff .zuo {border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.wenzhang p a {color: #666;}
.wenzhang p a:hover {color: #005bac;text-decoration: underline;}
.wenzhang { margin-top: 30px;}
.newsContent .newsTitle{text-align: center;font-size: 24px; color:#000}
.newsContent{ padding-top: 40px; font-size: 14px;}
.editTxt{line-height:1.8em;}
.returnGo{ text-align: right; padding: 30px 0; font-size: 13px;}
.returnGo a{ display: inline-block;*display: inline;*zoom: 1;color: #fff;line-height: 24px;padding: 0 15px;background: #005bac;}
.returnGo a:hover{background: #AE1425;}
.shareDate{ text-align: center; line-height: 25px; margin: 20px 0; height: 25px;overflow: hidden;}
.shareDate .date{position: relative; text-align:center; top: -25px; display: inline-block;*display: inline;*zoom: 1;padding-left: 25px;background: url(../images/date.png) no-repeat left center; font-family: arial;color: #a4a4a4;}
.shareDate .bdsharebuttonbox{ display: inline-block;*display: inline;*zoom: 1; }
.shareDate .bdshare-button-style1-16 .bds_more{background: url(/images/fx.png) no-repeat center !important; margin: 0 !important; padding: 0 !important; width: 25px;height: 25px;}
.editTxt img{ max-width: 100%;}
.share{padding-left:37%; padding-top:20px}
.share_add{padding-left:37%; padding-top:20px; padding-bottom:40px}

/*proMain*/
.proMain{background:url(images/bg1.png) repeat center;padding-bottom: 50px;padding-top: 35px;} 
.proMain2{ background:#fff;}
.proMain .pro_l{float:left;width: 200px;}
.proMain .pro_r{float:right;width: 870px;}
.proMain2 .pro_l{ margin-top:0px;}
.proMain2 .pro_r{ padding-top:25px;}
/*pro_l*/
.proMain .pro_l h2{font-weight:normal;background: #ffb901;height:113px;}
.proMain .pro_l h2 p{ text-decoration:none; display:block; color:#fff; text-align:center; font-size:25px; padding:32px 0;}
.proMain .pro_l h2 p em{ font-weight:bold;}
.proMain .pro_l h2 p span{display:block;font-size:15px;text-transform: uppercase;}
.cpnavbox{background:#fff;padding-bottom: 15px;}
.cpnav {padding: 10px 15px 0px 15px;overflow:hidden;}
.cpnav li {margin-top:5px;font-weight:normal;line-height: 40px;background:url(images/cpnavbg.png) repeat-x;}
.cpnav li a {display:block;font-size:16px;color:#292929;text-decoration:none;height: 40px;line-height: 40px;background: url(images/jt.png) no-repeat 150px center;padding:0 15px;}
.cpnav .sub-menu {margin-top: 5px;margin-bottom: 12px;}
.cpnav .sub-menu li {height:42px;line-height:42px;border-bottom:1px solid #ececed;background:none;margin-top:0px;}
.cpnav .sub-menu li a {font-size:14px;color:#252525;text-decoration:none;margin-left:15px;padding-left:22px;background:url(images/sj2.png) no-repeat left center;height:43px;line-height:43px;}
/*pro_r*/
.proMain .pro_r .prt ul{float:left;margin-top:15px;width: 870px;}
.proMain .pro_r .prt li{float:left;padding: 0 8px;background:url(images/line5.png) no-repeat left center;height:36px;}
.proMain .pro_r .prt li a{ display:block; width:109px; height:36px; line-height:36px; text-align:center; padding-bottom:7px; font-size:14px; color:#373737; text-decoration:none;}
.proMain .pro_r .prt li a:hover,.proMain .pro_r .prt li.cur a{ background:url(images/kk.png) no-repeat center; font-weight:bold;}
.proMain .pro_r .prt li.noBl{ padding-left:0; background:none;}
.proMain .pro_r .prt dl{ float:right;background:url(images/phone.png) no-repeat left center; padding:14px 0; padding-left:60px; }
.proMain .pro_r .prt dt{ font-size:14px; color:#2a2b2e;}
.proMain .pro_r .prt dd{ font-size:25px; color:#ff7800; font-weight:bold; font-family:"Arial";}
/*成功案例*/
.successCase{ margin-left: -3%; padding-top: 60px; overflow: hidden;}
.successCase dd{ float: left;margin-left: 3%; width: 47%; margin-bottom: 3%; overflow: hidden;background: #f2f2f2;}
.successCase dd .application{ position: relative;padding-left: 60%;height: 230px;}
.successCase dd .bg_img{ position: absolute; left: 0;bottom: 0;width: 60%; height:100%;overflow: hidden;}
.successCase dd .bg_img p{display: block;width: 100%;height: 100%;background-size: cover;transition: 0.4s;-webkit-transition: 0.4s;}
.successCase dd .rightTxt h5 {background: #014099;font-weight:bold ;color: #fff; width: 110px; text-align:center;line-height: 30px;}
.successCase dd .rightTxt .mainProduct{ background: #D0D0D0;font-weight:600 ;color: #000; margin-top:20px; width: 110px;font-size: 15px; line-height: 25px; text-align:center}
.successCase dd .rightTxt .mainProduct:hover{background:#97CBFF;}
.successCase dd .rightTxt .mainProduct span{margin: 0px; padding: 0px; white-space: pre-wrap; color: #000;}
.successCase dd .rightTxt .mainProduct_1{ background: #D0D0D0;font-weight:600 ;color: #000; margin-top:6px; width: 110px;font-size: 15px; line-height: 25px; text-align:center}
.successCase dd .rightTxt .mainProduct_1:hover{background:#97CBFF;}
.successCase dd .rightTxt .mainProduct_1 span{margin: 0px; padding: 0px; white-space: pre-wrap; color: #000;}
.successCase dd .rightTxt{ padding-top: 30px;}
.successCase dd .rightTxt .name b{color: #404040;}

/*加盟优势*/
.join{ padding-bottom: 80px;background-size: cover !important;}
.youshi{ position: relative; margin-top: 25px;}
.youshi .img{ position: absolute; left: 0; top: 50px; width: 258px;}
.youshi .img img{ width: 100%;}
.youshi .right{ float: right; width: 720px;}
.sevenDL{ margin-left: -1.5%;}
.sevenDL .dd{ float: left; width: 23.5%; margin-left: 1.5%;margin-bottom:1.5%;padding: 37px 0 22px 0 ;background: #014099;}
.sevenDL .dd .txt{text-align: center; height: 44px;line-height: 22px;padding: 65px 5px 0 5px;color: #fff;font-size: 14px;}
.sevenDL .dd.dd1{ margin-left: 14%;}
.sevenDL .dd1{background: #014099;}
.sevenDL .dd2{background: #0052c7;}
.sevenDL .dd3{background: #2775e4;}
.sevenDL .dd4{background: #1456b3;}
.sevenDL .dd5{background: #0052c7;}
.sevenDL .dd6{background: #6999dc;}
.sevenDL .dd7{background: #1456b3;}

/*加盟条件*/
.change{background-size: cover  !important; padding-bottom: 60px;}
.change .publicHn >p{ color: #fff;}
.change .floatRight{margin-top: 20px; margin-right: 30px; float: right; width: 610px; background: url(../images/tjj.png) no-repeat center;background-size: contain;}
.change .floatRight .padding{ padding: 25px 25px 25px 70px; color: #fff;}
.change .floatRight .padding>p{line-height: 24px; padding-bottom: 12px; padding-left: 18px;background: url(../images/tj.png) no-repeat left 8px;}

/*我要加盟*/
.iwantTo{ padding-bottom: 80px;background-size: cover !important;}
.formJoin .fl{ width: 50%;}
.formJoin .fr{ width: 47.7%;}
.nameDiv .name{ float: left; width: 48%;}
.nameDiv .sexy{ float: right; width: 48%;}
.inputDiv input{ width: 100%;background: transparent; border: none; height: 20px;line-height: 20px;padding: 18px 0; position: relative;z-index: 2;}
.inputDiv { position: relative; padding-left: 16px; background: url(../images/wybg.png) repeat;}
.inputDiv span{ position: absolute; left: 15px;top: 0;line-height: 20px;padding: 18px 0;color: #767676; transition: 0.5s;-webkit-transition: 0.5s;}
.inputDiv.on span{top: -40px; color: #014099; font-size: 14px;}
.inputDiv.active span{color: #AE1425;}
.marginBt{ margin-bottom: 25px;}
.textarea textarea{ width: 100%; height: 188px;border: none;background: transparent;}
.textarea{background: url(../images/wybg.png) repeat; padding: 15px;}
.submit{ text-align: center;}
.submit input{border: none;background: #014099;color: #fff; width: 200px;text-align: center;line-height: 40px; cursor: pointer; transition: 0.3s;}
.submit input:hover{background: #AE1425;}

/*服务流程*/
.service_1 .img img{ width: 100%;}
.service_2{ padding-bottom: 175px;background: url(../images/cnbg.jpg) no-repeat center;background-size: cover !important;}
.service_2 .h1{ font-size: 14px; color: #404040; padding-bottom: 40px;}
.chengnuoUL li{position: relative; padding:15px 0 15px 100px; line-height: 28px; border-bottom: 1px dashed #e4e4e4;}
.chengnuoUL li span{line-height: 18px; position: absolute; left: 0; top: 21px;color: #404040;font-weight: bold; padding-left: 17px;background: url(../images/ddd1.png) no-repeat left center;}
.service_3{ font-size: 18px; padding-bottom: 80px;background: url(../images/xzbg.jpg) no-repeat center center;background-size: cover;}
.service_3 .h1{ color: #808080;padding-bottom: 20px;}
.service_3 .table{ width: 100%;}
.service_3 .table tr td{text-align: center; height: 63px; line-height: 24px;color: #404040; width: 25%; border: 1px solid #808080;}
.payAttention p{font-size: 14px; position: relative;padding: 8px 0; padding-left: 30px;background: url(../images/ddd2.png) no-repeat 12px 15px; line-height: 24px;}
.payAttention p:nth-child(odd){background-color: #f7f7f7;}
.payAttention p:nth-child(even){background-color: #ededed;}
.service_4{ padding-bottom: 80px;}

.navigation{ text-align: center; padding: 35px 0 45px 0;}
.navigation a{font-size: 14px; display: inline-block; width: 75px;line-height: 30px;height: 30px;color: #fff; margin: 0 5px; background: #888;}
.navigation a.back{background: #014099;}
.navigation a:hover{background: #AE1425;}
@media only screen and (max-width:1400px ) {
	.successCase{ padding-top: 35px;}
}

@media only screen and (max-width:1200px ) {
	.youshi .right{ width: 75%;}
	.youshi .img{ width: 200px;}
}

@media only screen and (min-width:960px ) {
	.screwBreed dd a:hover>b{ width: 100%;}
	.screwBreed dd a:hover{transform: translate(0,-20px);-webkit-transform: translate(0,-20px);}
	.screwBreed_1 dd a:hover>b{ width: 100%;}
	.screwBreed_1 dd a:hover{transform: translate(0,-20px);-webkit-transform: translate(0,-20px);}
    .successCase dd .bg_img:hover p{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .sevenDL .dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(0,100px) scale(0,1);-webkit-transform: translate(0,100px) scale(0,1);}
    .successCase dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(100px,100px) scale(1,1);-webkit-transform: translate(100px,100px) scale(1,1);opacity: 0;-webkit-opacity: 0;}
    .screwBreed dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(-100px,100px) scale(1,1);-webkit-transform: translate(-100px,100px) scale(1,1);opacity: 0;-webkit-opacity: 0;}
    .sevenDL .dd.on,.successCase dd.on,.screwBreed dd.on{transform: translate(0,0px) scale(1,1);-webkit-transform: translate(0,0px) scale(1,1);opacity: 1;-webkit-opacity: 1;}
    
}
@media only screen and (max-width:960px) {
	.successCase dd .application{ height: 180px;}
	.successCase dd .rightTxt{ padding-top: 0;}
	.successCase dd .application{ padding: 0px 0 0 10px; padding-left: 50%;}
	.successCase dd .bg_img{ width: 50%;}
	.successCase dd .rightTxt .mainProduct{padding: 10px 5px 0 10px;}
	.successCase dd .rightTxt h5{ padding-left: 10px;}
	.successCase{ padding-top: 30px;}
	.news .fr .hot{padding: 20px 10px; font-size: 22px; text-align: center;}
	.youshi .right{ width: 100%;}
	.sevenDL .dd.dd1{ margin-left: 26.5%;}
	.youshi .img{ top: 0; width: 24%;}
	.change .floatRight{ float: none; margin: auto;}
}



@media only screen and (max-width:640px ) {
	.screwBreed dd{ width: 48%; margin-top: 2%;}
	.screwBreed dd a >p{ font-size: 14px; margin: 0;}
	.successCase{ margin-left: 0;}
	.successCase dd{ width: 100%; margin-left: 0;}
	.successCase{ padding-top: 3%;}
	.news .fr,. .fl{ width: 100%;padding: 0;float: none;}
	.news .fr .hot,.hotUL{ display: none;}
	.newsContent .newsTitle{ font-size: 20px;}
	.newsContent{ padding-top: 3%;}
	.wenzhang .lff,.wenzhang .rff{ width: 100%;}
	.wenzhang .rff .zuo{border-top: none;border-left: none;}
	.wenzhang .rff{ text-align: left;}
	.wenzhang .syb{padding: 0; position: absolute; left: 0;top: 0;}
	.wenzhang .you{padding: 0;}
	.wenzhang  .zuo{position: relative; line-height: 36px; padding-left: 55px;}
	.shareDate{margin: 10px 0;}
	.sevenDL .dd{ width: 31.833%;padding: 20px 0 22px 0;}
	.sevenDL .dd.dd1{ margin-left: 34.82%;}
	.youshi .img{ width: 31.333%;}
	.sevenDL .dd .txt{ font-size: 12px; line-height: 18px;}
	.join{ padding-bottom: 6%;}
	.change .floatRight{ width: 100%; background: transparent}
	.change .floatRight .padding{ padding: 0;}
	.change{ padding-bottom: 4%;}
	.change .floatRight .padding>p{ font-size:14px; padding-bottom: 8px;}
	.inputDiv input{ padding: 8px 0; font-size:14px;}
	.inputDiv span{ padding: 8px 0;font-size:14px;}
	.inputDiv.on span{font-size: 12px; top: -30px;}
	.formJoin .fr{ width: 100%;}
	.formJoin .fl{ width: 100%;}
	.submit{ margin-top: 25px;}
	.iwantTo{ padding-bottom: 4%;}
	.textarea textarea{ font-size: 14px; height: 88px;}
	.inputDiv{ padding-left: 10px;}
	.textarea{ padding: 10px;}
	.inputDiv span{ left: 10px;}
	.service_1 .publicHn{ padding-bottom: 0;}
	.service_1 .publicHn span{font-size: 12px; margin-top: 5px;}
	
	.chengnuoUL{ font-size: 14px;}
	.chengnuoUL li{ line-height: 24px; padding-left: 90px;}
	.service_2 .h1{ padding-bottom: 10px;}
	.chengnuoUL li span{ font-size: 16px; top: 19px; padding-left: 12px;}
	.service_3{ font-size: 14px; padding-bottom: 4%;}
	.service_4{ padding-bottom: 4%;}
	
}

@media only screen and (max-width:480px ) {
	.successCase dd .rightTxt h5{ position: absolute; left: 0;bottom: 0;width: 50%;text-align: center;padding: 0; font-weight: normal; font-size: 15px;background: rgba(0,0,0,0.7);}
    .successCase dd .rightTxt .mainProduct{ padding: 15px;}
    .newsSummary dd .scaleImg{ width: 155px;}
    .newsSummary dd a{ padding-left: 165px;}
    .newsSummary dd .rightTxt h2{ font-size: 15px; padding-bottom: 0px;}
    .newsSummary dd .rightTxt .time{ font-size: 12px;}
    .newsSummary dd .rightTxt .time span{ display: none;}
    .newsSummary dd .rightTxt .txt{ margin: 3px 0; font-size: 12px; line-height: 18px;height: 36px;}
    .newsSummary dd .rightTxt .more{ font-size: 12px;line-height: 22px;padding: 0 15px;}
    .newsSummary dd a{ height: auto;}
    .newsSummary dd{ padding: 15px 0;}
	.faqsSummary dd .scaleImg{ width: 155px;}
    .faqsSummary dd a{ padding-left: 165px;}
    .faqsSummary dd .rightTxt h2{ font-size: 15px; padding-bottom: 0px;}
    .faqsSummary dd .rightTxt .time{ font-size: 12px;}
    .faqsSummary dd .rightTxt .time span{ display: none;}
    .faqsSummary dd .rightTxt .txt{ margin: 3px 0; font-size: 12px; line-height: 18px;height: 36px;}
    .faqsSummary dd .rightTxt .more{ font-size: 12px;line-height: 22px;padding: 0 15px;}
    .faqsSummary dd a{ height: auto;}
    .faqsSummary dd{ padding: 15px 0;}
    .youshi .img{top: 5%;}
    .youshi{ margin-top: 0;}
    .join{ padding-bottom: 3%;}
}