/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.undisplay {display: none;}
.layui-container {width:1230px;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.layui-container:after {content: '';display: block;clear: both;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:40px;line-height:40px;font-size:14px;color:#999;background:#eee;}
.top .top-right a{padding:0 10px;font-size:14px;color:#999;}
.top b{font-size: 0;height: 0;line-height: 0;}
/*****logobox*****/
.logobox{height:140px;padding-top:.07rem;position:relative;}
.logobox .logoright{margin-top:40px;}
.logobox .logoright div.float-left img{padding-top:8px;}
.logobox .logoright .media-body{padding-left:20px;}
.logobox .logoright p{color:#666;font-size:12px;line-height:18px;}
.logobox .logoright b{font-size:30px;color:#0c9439;display:block;line-height: 32px;font-weight:normal;}
.logobox button{cursor:pointer;border:none; color:#0e823b; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#009944;height:60px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:60px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.last a{border-right:none;}
#nav ul>li:hover{background:#fff;}
#nav ul>li:hover a{color:#333;font-weight:bold;}
#nav ul .submenu{position:absolute;display:none;width:100%;top:60px;z-index:99;background:#009944;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;}
#nav ul .submenu li:hover a{text-decoration: underline;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative;z-index:2;}	
.banner .pic li{height:600px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:14px;height:14px;background:#fff;display:inline-block;margin-left:5px;border-radius:50px;}
.banner .hd li.on{background:#78b929;}
/*search*/
.search-box{line-height:60px;height:60px;border-bottom: 1px solid #ddd;}
.search-box .link span{font-size:14px;padding-right:5px;color:#049e49;font-weight:bold;}
.search-box .link a{padding:0 6px;font-size:14px;color:#333;}
.search{margin-top:10px;background:#000;}
.search .sousu{width:330px;line-height:38px;padding-left:5px;color:#616161;border:none;border:1px solid #ddd;font-size:12px;font-family: "宋体";}
.search .sou-zi{width:60px;line-height:40px;background:#0c9439;font-size:20px;color:#fff;border:none;cursor:pointer;}
/*产品展示*/
.indexproduct-box-lf{width:220px;float:left;padding-bottom:20px;background:#049e49;padding:5px;}
.indexproduct-box-lf-cont{border:1px solid #fff;}
.indexproduct-box-lf-top{text-align: center;padding-top:30px;}
.indexproduct-box-lf-top b{display:block;font-size:24px;color:#fff;line-height: 30px;padding:15px 0;}
.indexproduct-box-lf-top span{display:block;font-size:16px;color:#fff;line-height: 16px;text-transform: uppercase;}
.indexproduct-box-lf .indexproduct-list{padding:0 8px;padding-bottom: 26px;}
.indexproduct-box-lf .indexproduct-list h3{height:34px;line-height: 34px;border-radius:50px;font-size:16px;color:#049e49;padding:0 18px;box-sizing: border-box;margin-top:22px;background:#fff;}
.indexproduct-list li h3 em{float:right;display:block;width:14px;height:7px;background:url(../images/shang.png) no-repeat;cursor: pointer;margin-top:13px;}
.indexproduct-list li h3 em.on{background:url(../images/xia.png) no-repeat;}
.indexproduct-list li dl{margin-top:4px;}
.indexproduct-list dl dd{background:url(../images/list.png) left center no-repeat;padding-left:20px;}
.indexproduct-list dl dd a{font-size:14px;color:#666;}
.indexproduct-list dl dd a:hover{color:#78b929;}
.indexproduct-box-rt{width:935px;float:right;}
.indexproduct-box-rt-top{width:100%;height:55px;line-height:55px;background:#f2f2f2;}
.indexproduct-box-rt-top-lf{float:left;width:155px;height:55px;line-height:55px;background:#0c9439;padding:0 20px;box-sizing: border-box;}
.indexproduct-box-rt-top-lf h3{background:url(../images/icon1.png) left center no-repeat;font-size:20px;color:#fff;font-weight:bold;padding-left:35px;}
.indexproduct-box-rt-top-more{float:right;font-size:14px;padding-right:20px;}
.indexproduct-box-rt-top-more a{color:#8e8e8e;}
.indexproduct-item a{display:block;position: relative;}
.indexproduct-item a span{display:block;height:214px;overflow: hidden;}
.indexproduct-item a span>img{width:100%;height:100%;transition: all 0.5s; }
.indexproduct-item a span>img:hover{transform: scale(1.2,1.2);}
.indexproduct-item a div.mark{width:100%;height:40px;line-height:40px;}
.indexproduct-item a div.mark p{font-size:14px;text-align: center;background: #f4f4f4}
.indexproduct-item a div.mark:hover{background:#ffb629;}
.indexproduct-box-rt ul li{margin-top:25px;}
/*ban*/
.ban1{width:100%;height:200px;background:url(../images/ban1_bj.jpg) top center no-repeat;}
.ban1 p{font-size:24px;color:#373737;line-height: 24px;padding:95px 0 0 300px;}
.ban1 p i{font-style:normal;color:#78b929;}
.ban1 span{display:block;font-size:14px;color:#373737;line-height: 20px;padding:20px 0 0 300px;}
/*选择我们的四大优势*/
.indexadvant-item1{width:100%;}
.indexadvant-item{padding:15px 0;box-sizing: border-box;}
.indexadvant-title{width:510px;margin:0 auto;padding-bottom: 60px;}
.indexadvant-title-lf{width:286px;float:left;}
.indexadvant-title-lf h4{width:286px;background:url(../images/indexadvant_title.png) no-repeat;height:40px;line-height: 40px;font-size:28px;color:#fff;text-align:right;letter-spacing: 4px;}
.indexadvant-title-lf p{font-size:14px;color:#999;line-height: 25px;text-align: right;}
.indexadvant-title-rt{float:right;}
.indexadvant-title-rt b{display:block;line-height:50px;font-size:50px;color:#049e49;letter-spacing: 4px;}
.indexadvant-item .indexadvant-txt{width:610px;}
.indexadvant-txt-num{width:100%;line-height: 50px;box-sizing: border-box;}
.indexadvant-txt-num b{display:inline-block;line-height:50px;font-size:24px;}
.indexadvant-txt-num span{display:inline-block;padding-right:15px;font-weight:bold;line-height:50px;font-size:36px;color:#049e49;}
.indexadvant-txt ul{margin-top:25px;}
.indexadvant-txt ul li{background:url(../images/list1.png) left 11px no-repeat;}
.indexadvant-txt ul li p{font-size:14px;color:#333;line-height:30px;padding-left:20px;}

/*公共标题*/
.indextitle{text-align: center;}
.indextitle h3{font-size:36px;line-height: 32px;color:#333;font-weight:bold;}
.indextitle h3 span{color:#049e49;}
.indextitle p{margin-top:5px;display: none;}
/*走进华谊*/
.indexabout-box{background:url(../images/news_title.png) bottom center no-repeat;}
.indexabout-img{width:580px;height:356px;float: left;overflow: hidden;}
.indexabout-img>img{width:100%;height:100%;}
.indexabout-cont{width:660px;height:310px;float:right;background:#fff;border:1px solid #ddd;margin-left:-42px;margin-top:22px;padding:35px;box-sizing: border-box;}
.indexabout-cont b{font-size:22px;color:#1e1e1e;line-height: 24px;}
.indexabout-txt{margin:10px 0 25px 0;}
.indexabout-txt p{font-size:14px;color:#636363;line-height:30px;text-indent:2em;}
.indexabout-cont .more{background:#f2f2f2;padding:12px 25px;font-size:14px;color:#767676;}
.indexabout-cont .more:hover{background:#049e49;color:#fff;}
/*ban2*/
.ban2{width:100%;padding:20px 0;background:#0c9439;}
.ban2-txt{width:860px;float:left;}
.ban2-txt p{font-size:36px;color:#fff;line-height:40px;padding:25px 0 25px 0;}
.ban2-txt p b,.ban2-txt span{color:#ffb629;}
.ban2-txt i{font-style:normal;font-size:24px;color:#fff;line-height:30px; }
.ban2-txt .zixun{width:540px;height:42px;line-height:42px;background:#068931;padding:0px 20px;box-sizing: border-box; margin-top: 15px;}
.ban2-txt .zixun div.float-left{font-size:16px;color:#fff;}
.ban2-txt .zixun div.float-left b{font-size:24px;}
.ban2-txt .zixun div.float-right{width:90px;height:30px;background:#fff;border-radius:50px;line-height:30px;text-align:center;font-size:14px;color:#333;margin-top:6px;}
.ban2-img{width:280px;height:200px;float:right;}

.indexabout{background:url(../images/abtbg.jpg) top center no-repeat;padding: 70px 0;}
.indexabout .indextitle h3,.indexabout .indextitle span{color:#fff;}
/*工程案例*/
.indexanli-box{position: relative;margin-top:40px;}
.indexanli-box .bd li {float: left;width:25%;}
.indexanli-box .bd li div.indexanli-item {margin: 0px 10px;}
.indexanli-box .bd li div.indexanli-item  .indexanli-infor{padding:18px;background:#f2f2f2;}
.indexanli-box .bd li div.indexanli-item  .indexanli-infor b{font-size:16px;color:#333;line-height: 18px;}
.indexanli-box .bd li div.indexanli-item  .indexanli-infor p{font-size:14px;color:#929292;line-height: 25px;}
.indexanli-box .bd li div.indexanli-item  .indexanli-infor a{display:block;margin-top:5px;width:94px;height:30px;background:#afafaf;font-size:14px;color:#fff;text-align: center;line-height: 30px;}
.indexanli-box .bd li div.indexanli-item  .indexanli-infor a:hover{background:#049e49;}
.indexanli-box a {display: block;text-align: center;height: auto;}
.indexanli-box a span{display:block;text-align: center;overflow: hidden;height:220px;}
.indexanli-box a span img {height: 100%;/*width: 100%;*/}
.indexanli-box .prev,.indexanli-box .next {position: absolute;top: 167px;}
.indexanli-box .prev {left: -45px;}
.indexanli-box .next {right: -45px;}
.indexanli-box .prev>img,.indexanli-box .next>img{display:block;width:30px;height:35px;}
/*行业资讯以及常见问题*/
.news-problem{background:#f1f1f1;width:100%;padding:70px 0;box-sizing: border-box;}
.news{width:815px;float: left;}
.news .news-title{height:48px;background:url(../images/news_title.png) bottom center no-repeat;}
.news-title .news-menu a{display:inline-block;width:118px;height:48px;line-height:48px;text-align:center;font-size:20px;font-weight:bold;color:#fff;background:#049e49;}
.news-title .gengduo{color:#8e8e8e;font-size:14px;}
.news-body .news-img{height:auto;width:300px;float:left;}
.news-body .news-img span{display:block;width:300px;height:238px;overflow: hidden;}
.news-body .news-img .news-zi{background:#f2f2f2;padding:20px;box-sizing: border-box;}
.news-body .news-img .news-zi h3{line-height: 16px;}
.news-body .news-img .news-zi h3 a{font-size:16px;color:#1d1d1d;}
.news-body .news-img .news-zi h3:hover a{color:#78b929;}
.news-body .news-img .news-zi p{font-size:14px;color:#979797;line-height: 25px;margin-top:5px;}
.news-body .news-cont{float:right;width:480px;}
.news-body .news-cont ul li{border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;box-sizing: border-box;margin-top:15px;}
.news-body .news-cont .news-cont-lf{width:10%;float:left;text-align: center;margin-top:10px;}
.news-body .news-cont .news-cont-lf b{font-size:30px;color:#000;}
.news-body .news-cont .news-cont-rt{width:88%;float:right;margin-left:2%}
.news-body .news-cont .news-cont-rt h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.news-body .news-cont .news-cont-rt h3:hover a{color:#0c9439;}
.news-body .news-cont .news-cont-rt p{font-size:14px;color:#929292;line-height: 24px;}

.problem{float:right;width:355px;}
.problem .problem-title{height:48px;background:url(../images/problem_title.png) bottom center no-repeat;}
.problem .problem-title .problem-title-lf{display:inline-block;width:118px;height:48px;line-height:48px;text-align:center;font-size:20px;font-weight:bold;color:#fff;background:#049e49;}
.problem-title .gengduo{color:#8e8e8e;font-size:14px;}

.problem .bd{height:326px;overflow: hidden;margin-top:35px;}
.problem ul li{margin-bottom: 18px;border-bottom: 1px solid #dbdbdb;height:100px;box-sizing: border-box;}
.problem ul li h3{background:url(../images/wen.png) left center no-repeat;padding-left:30px;line-height: 24px;}
.problem ul li h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.problem ul li h3:hover a{color:#78b929;}
.problem ul li p{font-size:14px;color:#929292;background:url(../images/da.png) left 1px no-repeat;padding-left:30px;line-height: 25px;margin-top:10px}
/*友情链接*/
.flink b{color:#049e49;}
.flink span a{font-size:14px;color:#7c7c7c;padding:0 20px;}
/*footer*/
.footer{width:100%;background:#474646;padding:30px 0;box-sizing: border-box;}
.footer .footer-nav{display:block;text-align: center;border-bottom:1px solid #5b5b5b;padding-bottom:20px;}
.footer .footer-nav a{font-size:16px;color:#b3b3b3;padding:0 50px;}
.footer-cont{margin-top:35px;}
.footer-cont-lf{width:570px;float:left;}
.footer-cont-lf div.float-left{width:154px;height:154px;overflow: hidden;margin-right:50px!important;}
.footer-cont div.float-left>img{width:100%;height:100%;}
.footer-cont-lf div.media-body b{font-size:26px;color:#ffb200;display:block;line-height: 28px;}
.footer-cont-lf div.media-body span p{font-size:14px;color:#808080;font-weight:normal;line-height: 20px;margin-bottom: 15px;}
.footer-cont-lf div.media-body p{font-size:14px;color:#808080;line-height: 25px;}
.footer-cont-rt{width:255px;float:right;}
.footer-cont-rt span{display:block;width:120px;height:120px;overflow: hidden;}
.footer-cont-rt span>img{width:100%;height:100%;}
.footer-cont-rt p{font-size:14px;color:#808080;text-align: center;line-height: 35px;}
.footer-bottom{width:100%;height:60px;background:#474646;line-height: 60px;}
.footer-bottom .zhuying{font-size:14px;color:#fff;float: left;width:800px;}
.footer-bottom .zhuying a{color:#fff;padding:0 10px;}
.footer-bottom .zszc{float: right;font-size:14px;color:#fff;}

.copyrights,.copyrights a {color: #999;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	.banner .pic li,.product-right li a span img{height:140px;}
	.logobox{text-align:center;height:auto;padding-top:.3rem;padding-bottom:.3rem;}
	.logobox .logo{text-align:center;}
	.logobox .logo img{width:5rem;margin-top:0;float:none !important;}
	.logobox button{display:block;margin-top:12px;}
	#nav ul .submenu li{padding:0;}
	#nav{position:fixed;width:100px;top:0;left:-100px;bottom:0; background:#78b929;z-index:10000;height:100%;padding-top:50px;transition:all .5s;box-sizing: border-box;}
	#nav .layui-container{padding:0;}
	#nav ul>li{width:100%;line-height:25px;height:auto;border:none;background:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;background:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#ffb629;color:#fff;border-bottom:none;}
	
	.logo{width:100%;}
	.logo a{width:90%;text-align: center;}
	
	.banner .hd li{width:10px;height:5px;}
	
	.indexproduct{margin-top:30px!important;}
	.indexproduct-box-lf{width:100%;float:none!important;}
	.indexproduct-box-lf-top{padding-top:0px;}
	.indexproduct-box-lf .indexproduct-list h3{margin-top:10px;}
	.indexproduct-box-rt{width:100%;float:none!important;}
	.indexproduct-item a span{height:3rem;}
	
	.indexadvant{margin-top:30px;}
	.indexadvant-title{width:100%;padding-bottom: 20px;}
	.indexadvant-item{padding:20px 0;}
	.indexadvant-title-rt{float:none!important;}
	.indexadvant-title-rt b{font-size:24px;line-height: 26px;text-align: center;}
	.indexadvant-item .indexadvant-txt{width:100%;float:none!important;}
	.indexadvant-txt{margin-top:0px!important;}
	.indexadvant-txt-num b{width:80%;}
	.indexadvant-txt-num b{font-size:14px;font-weight:normal;padding-left:5px;}
	.indexadvant-txt-num{padding-left:5px;}
	.indexadvant-txt-num span{font-size:24px;}
	.indexadvant-txt ul{margin-top:10px;}
	.indexadvant-txt ul li p{line-height: 25px;}
	.indexadvant-txt ul li{background: url(../images/list1.png) left 8px no-repeat;margin-top:0px;}
	
	.indexabout{margin-top:30px!important;}
	.indextitle h3{font-size:24px;line-height: 26px;}
	.indexabout-cont{width:100%;float:none;margin-left:0px;margin-top:0px;padding:10px;height:auto;}
	.indexabout-cont b{display:block;font-size:18px;line-height: 20px;text-align: center;}
	.indexabout-txt p{line-height: 20px;}
	
	.indexanli{margin-top:30px!important;}
	.indexanli-box .bd li{width:100%;}
	
	.news-problem{margin-top:30px!important;padding:20px 0;}
	.news{width:100%;float:none!important;}
	.news-body .news-cont{width:100%;float:none!important;}
	.problem{width:100%;float:none!important;margin-top:20px;}
	.problem ul li p{line-height: 20px;}
	
	.footer{padding:20px 0;margin-top:10px!important;}
	.footer-cont{margin-top:0px;}
	.footer-cont-lf div.media-body p{line-height: 20px;}

	.footer-cont-lf {width: 100%;}
	
	.flink{margin-top:10px!important;}
	.flink .flink-lf{width:100%;float:none!important;}
	.flink .flink-rt{width:100%;float:none!important;}
}
