body{background: #f8f8f8;}
.main-product{background: #f8f8f8}
.main-product .content_1{margin: 10px}
.main-product .content{background: #FFF;
	margin: 25px;
	margin-top: 25px;
	margin-bottom: 20px;}
.h100{height:100%;overflow:hidden;}
.mt5{margin-top: 5px}
.rongna_case{border-top: 2px solid #F8F8F8;}
/*手机nav*/
.mobile-main-nav{height: 80px;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;display: none}
.mobile-main-nav .m_logo_title .menu{ height: 80px;float: right;line-height: 80px;margin-right: 10px}
.mobile-main-nav .m_logo_title .menu button{line-height:80px;width: 35px;height: 80px;background-color: transparent;border: none;outline: none;cursor: pointer;}
.mobile-main-nav .m_logo_title .menu button span{ display: block;width: 35px;height: 2px;background: #FFF;margin-bottom: 10px;transition: 0.5s;}
.mobile-main-nav .m_logo_title .menu button span.spa1{transform: rotate(45deg)translate(2px,15px);}
.mobile-main-nav .m_logo_title .menu button span.spa3{transform: rotate(-45deg) translate(-5px,-5px);}
.m_logo_title{background-color: #0C7158;height: 80px;color: #666666;}
.m_logo_title .logo{height: 60px;line-height: 60px;width: 60px;float: left}
.m_logo_title .logo img{width: 100%;margin-top:10px;padding-left: 10px}
.m_logo_title .title{height: 80px;float: left;padding-left: 20px;}
.m_logo_title .title .big_title{padding-top: 10px;font-size: 20px;display: block;color: #fff;font-weight: bold}
.m_logo_title .title .min_title{font-size: 14px;display: block;margin-top: 3px;color: #fff;}
.m_logo_title .mobile {float: right;height: 100px;}
.m_logo_title .mobile .image{width: 50px;float: left;padding-top: 25px}
.m_logo_title .mobile .image img{width: 100%}
/*end 手机nav*/

/*logo公司名称*/
.logo_title{background: #f8f8f8;height: 130px;color: #666666;}
.logo_title .logo{height: 125px;line-height: 125px;width: 125px;float: left}
.logo_title .logo img{width: 100%;}
.logo_title .title{height: 130px;float: left;padding-left: 20px;color: #666666;}
.logo_title .title .min_title:hover{color: #CF5522 !important;cursor:pointer}
.logo_title .title .big_title{padding-top: 20px;font-size: 30px;display: block;color: #CF5522;}
.logo_title .title .min_title{font-size: 18px;display: block;padding-top: 10px}
.logo_title .mobile{float: right;height: 130px;}
.logo_title .mobile>.image{width: 80px;float: left;padding-top: 25px}
.logo_title .mobile>.image img{width: 100%}
.logo_title .mobile .span{float: left;padding-top: 52px}
.logo_title .mobile .span span a{font-size: 26px;padding-left: 10px;letter-spacing:1px;color: red;font-weight: bold}
.logo_title .mobile .span span a:hover{color: #CF5522;cursor:pointer}
/*导航部分*/
.main-nav{ width: 100%; -webkit-transition: .4s; transition: .4s;top: 0;  z-index: 1000;position: fixed;}
.main-nav1{top:-195px;}
.fl{float: left}
.fr{float:right}
.mg-l-15{margin-left: 15px}
.mg-l-5{margin-left:5px}
.footMenu{display: none;}
.nav{ width: 100%; height: 65px; box-shadow: 0 2px 2px 0 #CCC; background: #0C7158;   overflow: hidden; transition: 0.3s}
.nav.index{box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #279376; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 2s;position: fixed; left: 0; top: 0px;z-index: 999}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-list{display: inline-block; height: 65px;}


/*轮播*/
.swiper_banner {margin-top: 195px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet {border-radius: 0px !important;width: 40px !important;height: 3px !important;display: inline-block;border-radius: 100%;background: #D7D7D6 !important;opacity: 1 !important;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {width: 100% !important;}
.swiper-pagination-bullet-active {opacity: 1;background: #CF5522 !important; }
/*产品中心*/
.main-product{padding-top: 15px; padding-bottom: 30px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 16px; text-align: left; line-height: 45px;margin-left: 10px}
.main-product p.title span
,.main-service p.title span{color: #CF5522;;}
.main-product .content{ transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content .product-title{border-bottom: 2px solid #F8F8F8;}
.main-product .content a{font-size: 18px; color: #666; line-height: 45px;background: #f1f1f1;width: 100%;display: block}
.main-product .content a span{padding-left: 5px}
.main-product .content a:hover{ color: #CF5522;}
.main-product .content img{width: 100%}
/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{background: #FFF; margin-top:25px;margin-bottom: 20px}
.main-service .content .content-right{box-shadow:0px 5px 5px 5px #EEE;box-sizing: border-box;  padding:10px 10px 10px 10px ; width: 100%; height: 100%;  }
.main-service .content .content-right p{font-size: 16px; margin-bottom: 5px; margin-top: 5px; color: #666;text-align: justify;  text-overflow: ellipsis;line-height: 36px}
.main-product p.title, .main-service p.title {font-size: 32px;line-height: 100px;}
/*底部*/
.footer{padding-bottom: 30px;padding-top: 30px; background: #7C8181;}
.footer .footer-contact{color: #FFF;}
.footer .footer-contact .contact-bottom{line-height: 32px;}
.contact-top_two{margin-top: 20px}
.international_pc{color: #8f8f8f;padding-left: 17px;background: url(../images/global.png) left center no-repeat;background-size: auto auto;background-size: 14px 14px;}
.foot_menu_pc a{color: #ffffff;text-decoration: none;outline: none;transition: all 0.3s ease;}
.foot_left{float: left}
.foot_right{float: left;margin-left: 20%}
.foot_right .foot_menu_pc a:nth-child(5) span {display: none;}
/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}


/** 动态 */
.banner.news{background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 20px 0 20px 0;}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}

/*动态详情页*/
.main-newsdate{margin-top: 60px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify;margin-top: 10px }
.main-newsdate .introBott p{margin-bottom: 20px }
.main-newsdate img{max-width: 100%;}


/** 案例 */
.title4 {margin-bottom: 20px; float: left;width: 100%;height: 70px;line-height: 70px;text-align: center;margin-top: 7px;border-bottom: 1px solid #f1f1f1;font-size: 30px;color: #3b3b3b;}
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}


/*大屏幕*/
@media screen and (min-width: 992px){
    .main.product .content{padding: 100px 0;}
    .main.product .content div.right{padding-left: 0;}
    .main-news .content .news-img{width: 20%;}
    .main-news .content .news-panel{width: 80%;}
    .main-case .content{width: 31%;}
    .main-case .content.even{margin-left: 0;}
    .main-case .content.center{margin-right: 3%; margin-left: 3%;}
    .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
    .main-news .content .news-img{width: 35%;}
    .main-news .content .news-panel{width: 65%;}
    .main-news .content:nth-child(odd){padding-right: 20px;}
    .main-news .content:nth-child(even){padding-left: 20px;}
    .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
    .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
    .layui-container{width: 1200px; padding: 0;}
    .main-about .tabJob .content:last-child{margin-bottom: 180px;}
    .nav .nav-logo{position: absolute; top: 0; left: 0;}
    .layui-col-space80>*{padding: 40px;}
}

/*单页内容*/
.main-countdate{margin-top: 20px;margin-bottom: 20px;font-size: 16px;   }
.main-countdate p {margin-top: 5px;margin-bottom: 5px;color: #666;text-align: justify;text-overflow: ellipsis;line-height: 36px;font-size: 16px;}
.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 31px; height: 31px; margin: 0 8px; font-size:14px; color:#272727;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 29px!important; padding: 0!important;border:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1 !important;border-radius:31px;-moz-border-radius:31px; -webkit-border-radius:31px; margin:0;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 31px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover {color: #fff;border: 1px solid #eb6101; background-color: #eb6101;border-bottom:1px solid #eb6101 !important;}
.page li img.img1{vertical-align: initial;}
.page li img.img2{display: none;vertical-align: initial;}
.page li:hover img.img1,
.page li.pageact img.img1{display: none;vertical-align: initial;}
.page li:hover img.img2,
.page li.pageact img.img2{display: inline-block;}
.page li.pageact {color: #fff;border: 1px solid #eb6101; background-color: #eb6101;border-bottom:1px solid #eb6101 !important;}
@media screen and (max-width: 768px){
	.min_title_main:first-child{width: 60% !important;}
	.min_title_main:last-child{width: 38% !important;}
	.min_title .min_title_main span{font-size:15px !important;}
	.rn_content_service p{line-height: 25px !important;font-size:15px !important;}
	.rn_content_service span{margin-top: 5px !important;}

}
@media screen and (max-width: 1300px){
	.main-product .content{
	 margin: 0px !important;}

}

@media screen and (max-width: 650px){
	.rongna_pc_banner{display: none}
	.rongna_case img{width: 50% !important;float: left;}
	.min_title .min_title_main span{font-size:13px !important;}
	.rn_content_service p{line-height: 25px !important;font-size:13px !important;}
}
@media screen and (min-width: 650px){
	.rongna_mb_banner{display: none}
	.rongna_case img{width: 33.3333333% !important;float: left;}
}


/*服务中心*/
.rn_service .big_title{
	font-size: 20px;
	color: #696C6D;
	letter-spacing:2px;
}
.min_title_main:first-child{
	height: 25px;
	line-height: 25px;
	width: 40%;
	background-color: #0C7158;
	float: left;

}
.min_title_main:last-child{
	height: 25px;
	line-height: 25px;
	width: 58%;
	background-color: #AEB9C2;
	float: left;
	margin-left: 2%;

}
.min_title .min_title_main span{
	padding-left: 15px;
	color: white;
	height: 25px;
	line-height: 25px;

}

.rn_content_service p{
	text-indent:2em;
	color: #696C6D;
}
.rn_content_service span{
	color: #696C6D;
	display: block;
	margin-top: 10px;
}

/*成功案例*/
.rongna_case h3{
 line-height: 30px;
	text-align: justify;
}
/*上下页*/
.d_link1{width:100%;  padding-top:10px; border-top:1px solid #ddd;}
.d_link1 a:first-child{float: left;  height:30px; line-height:30px; margin-top:14px; font-size:14px; color:#333; margin-bottom: 20px}
.d_link1 a:last-child{float: right;height:30px;line-height:30px; margin-top:14px; font-size:14px; color:#333; margin-bottom: 20px}
.d_link1 a:hover{ color:#ff6600;}