@charset "utf-8";
/*-----------------初始化---------------------*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{text-decoration:none;color:#333;}
body{color:#333;font-family:'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;line-height:20px;overflow-x:hidden;width:100%;height:auto;font-size:14px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fixed { *zoom: 1; }

.clear { clear: both; }
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.section-focus-pic{
	height: 285px;
    width: 49%;
    overflow: hidden;
    position: relative;
    float: left;
}
.section-focus-pic ul li{position:absolute;top:0;left:417px;width:417px;height:278px;}
.section-focus-pic ul li h3{
	position:absolute;
	bottom:0;
	left:0;
	width: 372px; 
	height:30px; 
	font-weight:normal;
	color:#FFF;
	margin-left: 20px;
	z-index: 111;
	font-size: 14px; 
	line-height:30px; 
	font-family:"微软雅黑";
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:40px;background-color:#000;width:417px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:417px;height:280px;}
.section-focus-pic .controler{position:absolute;bottom:25px;right:20px;}
.section-focus-pic .controler b{
	cursor:pointer;width:20px;
	height:10px;
	display:block;
	overflow:hidden;
	text-indent:20px;
	background:url(imgs/news_index_icon.png) no-repeat -136px 3px; 
	float:left;margin:0 0 0 5px;
}
.section-focus-pic .controler b.down{background-position:-161px 1px;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(imgs/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_04.png');}
/*
本代码由js代码收集并编辑整理;
尊重他人劳动成果;
转载请保留js代码链接 - www.jsdaima.com
*/

/*首页主营业务*/
.ywdhTit { float: left; width: 64px; height: 154px; }
.ywdhList { margin-left: 60px; height: 226px; overflow: hidden; }
.ywdhList li { 
	float: left; 
	margin-right: 10px; 
	width: 32.5%;
    height: 226px; 
    overflow: hidden; 
}
.ywdhList li:nth-child(3){
    	margin-right: 0;
    }
.ywdhList li a { 
	position: relative; 
	display: block; 
	width: 100%;
    height: 226px; 
    overflow: hidden; 
}
.ywdhList li a img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	transition: all 0.4s ease; 
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
}
.ywdhList li a:hover img { 
	top: -226px; 
}

/*首页案例滚动*/
.mt14{margin-top:14px;}
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox {width:96%; height: 230px; padding:5px 20px; }
.mr_frBtnL { float: left; margin: 28px 22px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 220px; width: 92%; overflow: hidden;}
.mr_frBtnR { float: right; margin-top: 28px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 220px; width: 25%; margin: 5px; overflow: hidden; }
.mr_frUl ul li img { display: block; padding: 5px; border: 1px solid #D8D8D8; }

/*案例详情页图片*/
#content .case-txt{
	width:96%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
#content .case-txt .case-txt-tx{
	width:96%;
	height: auto;
	margin:0 auto;
}
#content .case-txt h3 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 15px 0 0;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
}
.caseSlide { 
	height: auto;
    padding-top: 30px;
    width: 95%;
    margin: 0 auto;
}
.caseSlide h4{
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 40px;
}
.caseSlide h4:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    display: block;
    width: 100px;
    height: 2px;
    margin-left: -50px;
    background-color: #85b523;
    content: "";
}
.caseSlide .bd { 
	float: left; 
	width: 830px; 
	height: 443px; 
	overflow: hidden; 
	padding: 0 15px;
}
.caseSlide .bd .bdul{
	position: relative; 
	width: 830px; 
	height: 443px;
}
.caseSlide .bd .bdul li{
	position: absolute; 
	width: 830px; 
	left: 0px; 
	top: 0px; 
	display: none;
}
.caseSlide .bd img { 
	display: block; 
	width: 830px; 
	height: 443px; 
}
.caseSlide .smallPic { 
	float: right; 
	width: 157px; 
	padding: 0 25px 0 0;
}
.caseSlide .smallPic a { 
	display: block; 
	width: 157px; 
	height: 25px; 
	background: url(../images/stripe.jpg); 
}
.caseSlide .smallPic a i { 
	display: block; 
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat; 
	background-position: center center; 
}
.caseSlide .smallPic a.sprev i { 
	background-image: url(../images/arrow_02.png); 
}
.caseSlide .smallPic a a.hprev i { 
	background-image: url(../images/arrow_03.png); 
}
.caseSlide .smallPic a.snext i { 
	background-image: url(../images/arrow_05.png); 
}
.caseSlide .smallPic a a.hnext i { 
	background-image: url(../images/arrow_04.png); 
}
.caseSlide .smallPic .shd { 
	width: 100%; 
	height: 393px; 
	overflow: hidden; 
}
.caseSlide .smallPic .shd li { 
	padding: 5px 0; 
	width: 157px; 
	height: 87px; 
	cursor: pointer; 
	line-height: 0; 
	font-size: 0; 
}
.caseSlide .smallPic .shd li.on img { 
	border-color: #87bf00; 
}
.caseSlide .smallPic .shd li img { 
	display: block; 
	width: 153px; 
	height: 83px; 
	border: 2px solid #fff; 
}

.caseInfo { 
	width: 92%;
    margin: 0 auto;
	padding-top: 10px; 
}
.caseInfo h3 { 
	height: 68px; 
	line-height: 68px; 
	font-family: "微软雅黑"; 
	font-size: 20px; 
	font-weight: bold; 
	color: #87bf00; 
	border-bottom: 1px dashed #b5b5b5; 
}
.caseInfo .caseCon { 
	padding: 20px 0; 
	font-size: 14px; 
	line-height: 24px; 
	color: #555; 
}
.caseInfo .caseCon p { 
	margin-bottom: 12px; 
}

.casePage { 
	position: relative; 
	height: 48px; 
	line-height: 48px; 
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5; 
}
.casePage li { 
	padding-left: 2%; 
	float: left; 
	width: 46%; 
}
.casePage li.prevPage { 
	background: url(../images/arrow_06.jpg) 0 center no-repeat; 
}
.casePage li.nextPage { 
	background: url(../images/arrow_07.jpg) 0 center no-repeat; 
}
.casePage li a { 
	font-size: 14px; 
}
.casePage li a:hover { 
	color: #96d400; 
}
.casePage .backBtn { 
	position: absolute; 
	display: block; 
	top: 11px; 
	right: 5px; 
	width: 55px; 
	height: 22px; 
	line-height: 22px; 
	font-size: 14px; 
	color: #fff; 
	text-align: center; 
	background: #898989; 
	transition: 0.2s ease all; 
	-webkit-transition: 0.2s ease all; 
	-moz-transition: 0.2s ease all; 
}
.casePage .backBtn:hover { 
	background: #565656; 
}

.caseInfoSlide .hd { 
	height: 110px; 
}
.caseInfoSlide .hd li { 
	position: relative; 
	float: left; 
	width: 240px; 
	height: 110px; 
	border: 1px solid #ececec; 
	cursor: pointer; 
}
.caseInfoSlide .hd li p { 
	margin: 0 auto; 
	padding: 34px 0; 
	width:150px; 
	font-family: "微软雅黑"; 
	font-size: 24px; 
	font-weight: bold; 
	line-height: 36px; 
	color: #87bf00; 
	text-align: center; 
}
.caseInfoSlide .hd li i { 
	position: absolute; 
	display: none; 
	width: 15px; 
	height: 9px; 
	bottom: -1px; 
	left: 112px; 
	background: url(../images/arrow_01.png) no-repeat; 
}
.caseInfoSlide .hd li.on { 
	background: #87bf00; 
	border-color: #87bf00; 
}
.caseInfoSlide .hd li.on p { 
	color: #fff; 
}
.caseInfoSlide .hd li.on i { 
	display: block; 
}
.caseInfoSlide .bd { 
	padding: 40px 0; 
	border-bottom: 1px dashed #ccc; 
}
.caseInfoSlide .bd li img { 
	display: block; 
	float: left; 
	width: 283px; 
	height: 192px; 
}
.caseInfoSlide .bd li .info { 
	margin-left: 310px; 
	height: 192px; 
	font-size: 14px; 
	line-height: 24px; 
	overflow: hidden; 
	color: #424242; 
}
.caseInfoSlide .bd li .info p { 
	margin-bottom: 12px; 
}

.caseList { 
	padding:0;
}
.caseList li { 
	position: relative;
    float: left;
    width: 32%;
    height: 245px;
    margin: 0 7px 15px;
}
.caseList li a { 
	margin-bottom: 15px; 
	display: block; 
	background: url(../images/bgs/stripe.jpg); 
	transition: 0.2s ease all; 
	-webkit-transition: 0.2s ease all; 
	-moz-transition: 0.2s ease all; 
}
.caseList li a:hover { 
	background:rgba(0,0,0,.5);
}
.caseList li a:hover h6 { 
	display: block; 
}
.caseList li h6 { 
	width: 91%;
    height: 40px;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    font-size: 16px;
    background: rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    padding: 0 17px;
    line-height: 40px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.caseList li a img { 
	display: block; 
	width: 100%;
    height: 245px;
}
/*.caseList li a h6 { 
	color:#333;
	font-size: 14px; 
	padding: 0 15px;
	font-weight: bold; 
	background: url(../images/arrow_09.png) 95% center no-repeat; 
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
}*/
.scList { 
	padding-top: 30px;
}
.scList li { 
	float: left;
    width: 32%;
    margin: 0 7px 5px;
}
.scList li a:hover {
    background: url(../images/crawl.jpg) repeat;
    color: #fff;
    border-color: #6b9700;
}
.scList li .txt{
	width:100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.scList li a { 
	margin-bottom: 15px; 
	border-bottom: 2px solid #e6e6e6;
	display: block; 
	background: url(../images/stripe.jpg);
	transition: 0.2s ease all; 
	-webkit-transition: 0.2s ease all; 
	-moz-transition: 0.2s ease all; 
}
.scList li a h6 { 
	font-size: 14px;
    padding: 10px 28px;
    font-weight: bold;
    background: url(../images/arrow_09.png) 95% center no-repeat;
}
.scList li a img { 
	display: block;
    width: 100%;
    height: 200px;
}
.scList li a p {
	font-size: 14px;
    line-height: 18px;
}
/*.caseList li a h6 { 
	color:#333;
	font-size: 14px; 
	padding: 0 15px;
	font-weight: bold; 
	background: url(../images/arrow_09.png) 95% center no-repeat; 
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
}*/


@media screen and (max-width: 640px){
.ywdhList {
    margin-left: 18px;
    height: auto;
    overflow: hidden;
    background:auto;
}
.ywdhList li {
    margin-right: 4px;
    height: 80px
}
.section-focus-pic {
    height: auto;
    width: 96%;
    margin: 0 2%;
}
#content .par02 .index-new .newleft .new_list {
    float: left;
    width: 96%;
    height: 285px;
    margin: 10px 2%;
}
.caseList li {
    float: left;
    width: 46%;
    height: 118px;
}
.caseList li a img {
    height: 120px;
}
.caseList li a h6,.caseList li a .txt {
    color: #333;
    font-size: 14px;
    padding: 0 5px;
    height: 24px;
    overflow: hidden;
}
.caseList li a {
    padding-bottom: 0px;
}
.caseSlide .bd {
    float: left;
    width: 100%;
    height: 180px;
    overflow: hidden;
    padding:0;
}
.caseSlide .bd .bdul {
    position: relative;
    width: 70%;
    height: 180px;
    overflow: hidden;
}
.caseSlide .bd .bdul li{
	position: absolute;
    width: 830px;
    left: 0px;
    top: 0px;
    display: none;
}
.caseSlide .bd img {
    display: block;
    width: 100%;
    height: 180px;
}
.caseSlide .smallPic {
    display: none;
}
.casePage li {
    padding-left: 6%;
    float: left;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.scList li {
    float: left;
    width: 45%;
}




}