/**
*  PC端样式
*/
/*.home-page .index-slide{position: relative;}
.home-page .index-slide img{width: 100%}
.home-page .index-slide  .swiper-button-prev{left:90px; }
.home-page .index-slide  .swiper-button-next{right:100px;}*/
.home-page .clcyimage{width: 100%;height: 500px;overflow: hidden;position: relative;}
.home-page .center{width: 1210px;margin: 0 auto;position: relative;height: 500px;}
.home-page .center .location{position: absolute;left: -355px;height: 500px;}
.home-page .ban{position: relative;height: 500px;overflow: hidden;width: 1920px;}
.home-page .ban ul.ban-img{height: 500px;overflow: hidden;position: relative;}
.home-page .clcyimage ul.btn-round{overflow: hidden;height: 4px;position: absolute;bottom:30px;left: 50%;margin-left: -72px; }
.home-page .clcyimage ul.btn-round li{float: left; width: 32px;height: 100%;margin-right: 12px; background-color: #c1c1c1;cursor: pointer;}
.home-page .clcyimage ul.btn-round li.last{margin-right: 0;}
.home-page .clcyimage ul.btn-round li.active{background-color: #fff;}
.home-page .ban ul.ban-img li{width: 1920px;float: left;}
.home-page .ban .ban-btn{width: 1210px;height: 120px;position: relative;display: none;}
.home-page .ban div{width: 50px;height: 100%;cursor: pointer;height:120px;position: absolute;top:41%;}
.home-page .ban div.l{left: 50%;margin-left: -600px;display: none;}
.home-page .ban div.r{right: 50%;margin-right: -600px;display: none;}


.home-page .section-1 .section-wrapper div.list{padding: 60px 0;}
.home-page .section-1 .section-wrapper div.list ul li{float: left;width: 25%;}
.home-page .section-1 .section-wrapper div.list ul li img.pad{padding: 14px 0 10px 0;}
.home-page .section-1 .section-wrapper div.list ul li img.pad2{padding: 18px 0 10px 0;}
.home-page .section-1 .section-wrapper div.list ul li img.pad3{padding: 10px 0;}
.home-page .section-1 .section-wrapper div.list ul li h3{font-size: 24px;font-weight: bold;color: #555;padding: 20px 0 10px 0;}
.home-page .section-1 .section-wrapper div.list ul li p{width: 220px;margin: 0 auto;color: #888;line-height: 1.8;}


.home-page .section-2 {background: #f5f5f5;}
.home-page .section-2 .section-wrapper{height: 860px;position: relative;overflow: hidden;}
.home-page .section-2 .section-wrapper div.ecjia-btn{padding: 30px 0 20px 0;}
.home-page .section-2 .section-wrapper div.ecjia-btn a{display: inline-block;width: 180px;height: 60px;background: #42b8f1;border-radius: 12px;color: white;line-height: 60px;font-size: 18px;}
.home-page .section-2 .section-wrapper div.ecjia-btn a img{vertical-align: middle;padding-right: 8px;}
.home-page .section-2 .section-wrapper div.ecjia-btn a.red{background: #ff3c3c;margin-left: 20px;}
.home-page .section-2 .section-wrapper div.img{background: url(../images/index/part4_bg.png) no-repeat center; height: 470px;width: 805px;padding-top: 110px;}
.home-page .section-2 .section-wrapper div.pos1{position: absolute;bottom:365px; left: 315px; height: 25px;width: 100px; color:#666;}
.home-page .section-2 .section-wrapper div.pos2{position: absolute;top:310px; left: 550px; height: 25px;width: 100px; color:#666;}
.home-page .section-2 .section-wrapper div.pos3{position: absolute;top:250px; left: 790px;  height: 25px;width: 100px; color:#666;}
.home-page .section-2 .section-wrapper div.pos4{position: absolute;top:170px; left: 90px; background: url(../images/index/part4_01.png) no-repeat left center; height: 52px;width: 76px;}
.home-page .section-2 .section-wrapper div.pos5{position: absolute;top:460px; left: 0px; background: url(../images/index/part4_02.png) no-repeat center; height: 45px;width: 150px;}
.home-page .section-2 .section-wrapper div.pos6{position: absolute;top:420px; right: 0px; background: url(../images/index/part4_02.png) no-repeat center; height: 45px;width: 150px;}
.home-page .section-2 .section-wrapper div.pos7{position: absolute;top:20px; right: 0px; background: url(../images/index/part4_03.png) no-repeat center; height: 270px;width: 165px;}
.home-page .section-2 .section-wrapper div.pos8{position: absolute;bottom:300px; right: 50px; height: 80px;width: 100px; }
.home-page .section-2 .section-wrapper div.pos8 a{font-size:12px; color:#fee6ce; font-weight:600; }


.home-page .section-3 .section-wrapper div.list{padding:50px 0 90px 0; }
.home-page .section-3 .section-wrapper div.list ul li div.img{position: relative;width: 100%; height: 50%;}
.home-page .section-3 .section-wrapper div.list ul li div.img div.text{position: absolute;bottom: 0; left: 0; height: 0;width: 100%;background: rgba(0,0,0,.8);color: #fff;}
.home-page .section-3 .section-wrapper div.list ul li{float: left;width: 268px;height:318px;overflow: hidden;}
.home-page .section-3 .section-wrapper div.list ul li img{vertical-align: middle;cursor: pointer;width: 90px;height: 90px;}
.home-page .section-3 .section-wrapper div.list ul li div.text1 img{padding-top: 150px !important;}
.home-page .section-3 .section-wrapper div.list ul li div.text1>span{padding-top: 180px !important;}
.home-page .section-3 .section-wrapper div.list ul li div.text img.icon{float: left;padding: 36px 0 0 24px;}
.home-page .section-3 .section-wrapper div.list ul li div.text img.ewm{width: 30%;float: right;padding: 36px 24px 0 0 ;}
.home-page .section-3 .section-wrapper div.list ul li div.text>span{display: inline-block;padding-top: 66px;font-size: 18px;line-height: 1.5;}
.home-page .section-3 .section-wrapper div.list ul li div.text span{font-size: 18px;}
.home-page .section-3 .section-wrapper div.list ul li div.text>p{position: absolute;left: 0;bottom: 0;background: #000;height: 0;width: 100%;line-height: 50px;text-align: left;padding-left: 20px;}


.home-page .section-4{background: url(../images/index/pic4_bg.jpg) no-repeat top center;height:920px;}
.home-page .section-4 .section-wrapper div.title{padding-bottom: 50px;}
.home-page .section-4 .section-wrapper div.title h2,
.home-page .section-4 .section-wrapper div.title p{color: #fff;}
.home-page .section-4 .section-wrapper div.img-bg{background: url(../images/index/pic4_macbg.png) no-repeat center;height:561px;width: 975px;}
.home-page .section-4 .section-wrapper div.img-bg iframe{padding-top: 32px;}


.home-page .section-5{background: #222;height: 456px;}
.section-5{background: #222;height: 456px;}
.home-page .section-5 .section-wrapper{height: 456px;width:1210px;margin:0 auto;}
.home-page .section-5 .section-wrapper ul{padding-top: 70px;}
.home-page .section-5 .section-wrapper ul li span{float: left;height: 290px;width: 1px;overflow: hidden;background: #474747;margin: -311px 80px 0px 180px;}
.home-page .section-5 .section-wrapper ul li span.m-top{margin-top: -85px;}
.home-page .section-5 .section-wrapper ul li{float: left; text-align: left;font-size: 14px;line-height: 2.5;padding-right: 10px;}

.home-page .section-5 .section-wrapper ul li a{color: #c6c6c6;font-size: 14px;}
.home-page .section-5 .section-wrapper ul li a:hover{color: #ccc;}
.home-page .section-5 .section-wrapper ul li dl dt{color: #fff;font-size: 18px;}
.home-page .section-5 .section-wrapper ul li dl dd img{vertical-align: middle;padding-left:8px; }
.home-page .section-5 .section-wrapper ul li dl dd a.big{font-size: 30px;color: #fff;margin-left: -70px;}
.home-page .section-5 .section-wrapper ul li dl dd p.worktime{font-size: 14px;color: #c6c6c6;margin-top: -15px;margin-bottom: 20px;}
.home-page .section-5 .section-wrapper ul li dl dd img.fttel{width:56px;height:56px;position: relative;left: -96px;top: 5px;}
.home-page .section-5 .section-wrapper ul li dl dd a.onlineask{position: relative;left: -9px;top: 15px;}


.zxyy{ width:172px; height:50px; float:right; margin-top: 24px;margin-right: 108px;}
.zxyy a:link{ width:172px; height:50px; float:left;background: url(../images/newcrm/buy.png) no-repeat center;}
.zxyy a:visited{ width:172px; height:50px; float:left;background: url(../images/newcrm/buy.png) no-repeat center;}
.zxyy a:hover{ float:left;background: url(../images/index/zxyy_h.png) no-repeat center;background-size: 162px 45px; border-radius: 30px;}


/*footer*/
.backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backtop.png) center top no-repeat; margin-top:60px;}
.backtage img{ display:block; margin:0 auto;}
.backtage_foot{ background:#181818;height: 93px; position:relative;}
.backtage_foot .wrapper{width: 1210px; margin: 0 auto;}
.backtage_foot .wrapper>p{color: white;text-align: right;line-height: 1.8; font-size: 12px; padding:26px 20px 0 0;}
.backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
.backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left;padding-right: 13px;}
.backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
.backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
.backtage_foot .nav_copy .copy{ color:#777; line-height:22px; font-size:14px;}
.backtage_foot .tel dl{ height:auto; overflow:hidden;width: 280px;}
.backtage_foot .tel dl dt{ float:left; padding-right:20px;}
.backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
.backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#0687c2; width:200px;}
.backtage_foot .tel dl dd p{ color:#888;width: 200px;}
.backtage_foot .nav_copy{padding-top: 25px;}
.backtage_foot .tel{padding-top: 20px;}
.backtage_foot .qq{padding: 30px 30px 0 10px;}

/**
* ECJia 首页 手机端
*/
.mob-home .mob-banner{position: relative;width: 100%; height: 100%;}
.mob-home .mob-banner img{width: 100%;vertical-align: middle;display: block;}
.mob-home .mob-banner .swiper-pagination{z-index: 2;}
.mob-home .mob {text-align: center;background: #fff;}
.mob-home .mob h2{font-weight: 600;font-size: 2.8em;color:#000;padding-bottom: .2em;line-height: 1.3;}
.mob-home .mob p{font-size: 1.5em;line-height: 1.5;padding-bottom: 1em;width: 90%; margin:0 auto;}
.mob-home .mob1 ul li{float: left;width: 50%;height: 30em;text-align: center;}
.mob-home .mob1 ul li.h{height: 27em;}
.mob-home .mob1 ul li img{width:16em;}
.mob-home .mob1 ul li h3{font-size: 2em; font-weight: 400;padding: 1em 0 .4em 0;color: #000;}
.mob-home .mob1 ul li p{font-size: 1.4em; width: 90%; margin: 0 auto;padding-bottom: 0;}
.mob-home .mob2{background: #f5f5f5;}
.mob-home .mob2 div.img{position: relative;width: 100%; height: 43em;}
.mob-home .mob2 div.img img{position: absolute;right: 0;top: 2em;width: 28em;}
.mob-home .mob2 div.pos1 {position: absolute;right: 15em;top: 7.6em;font-size: 1.5em;}
.mob-home .mob2 div.pos2 {position: absolute;right: 12.2em;top:4.5em; font-size: 1.5em;}
.mob-home .mob2 div.pos3 {position: absolute;right: 11em;top:.6em; font-size: 1.5em;}
.mob-home .mob2 div.pos4 {position: absolute;text-align: left; color: #888; line-height: 1.6;left: 2em;top: 1em;font-size: 1.5em;}
.mob-home .mob2 div.pos5 {position: absolute;right:1em;text-align: left; color: #888; line-height: 1.6;top: 4em;font-size: 1.5em;}
.mob-home .mob2 div.pos6 {position: absolute;left:4em;text-align: left; color: #888; line-height: 1.6;top: 0;font-size: 1.5em;}
.mob-home .mob2 div.pos4 span,
.mob-home .mob2 div.pos5 span,
.mob-home .mob2 div.pos6 span{color:#42b8f1;font-size: 2em;}
.mob-home .mob2 div.pos7 span{color:#42b8f1;font-size: 2.6em;}
.mob-home .mob2 div.img2{position: relative;width: 100%; height: 33em;}
.mob-home .mob2 div.img2 img{position: absolute;left: 0;top: 1em;width: 27em;}
.mob-home .mob2 div.img3{position: relative;width: 100%; height: 54em;}
.mob-home .mob2 div.img3 img{position: absolute;right: 0;top: 10em;width: 40em;}
.mob-home .mob2 div.img4 img{padding-top:3em;width: 40em;}
.mob-home .mob2 div.pos11 {padding-bottom: 1em;}
.mob-home .mob2 div.pos11 h2{font-size: 3em;padding: 1em 0 .5em 0;}
.mob-home .mob2 div.pos11 p{font-size: 1.8em;}
.mob-home .mob3 {padding-bottom: 6em;}
.mob-home .mob3 div.img {width: 100%;position: relative;margin-bottom: .3em;}
.mob-home .mob3 div.img img.img1 {position: absolute;width: 10em; top: 2em; left: 2em;}
.mob-home .mob3 div.img div.pos{position: absolute;bottom: 0; background:rgba(0,0,0,.8);width: 100%;display: block;}
.mob-home .mob3 div.img img{width: 100%;}
.mob-home .mob3 div.img div.pos p{color: #fff;font-size: 1.5em;padding-top: 1em;padding-left: .8em;float: left;height: 3em;}
.mob-home .mob3 div.img div.pos p span{font-size: 1.4em;}
.mob-home .mob3 div.img div.pos a{font-size: 1.6em;float: right;background: #53b43a;display: inline-block;width: 6em;height: 2em;margin-right: 1em;margin-top: .9em;color: #fff;line-height: 2em;text-align: center;border-radius: 20px;}
.mob-home .mob4{position: relative; background: url(../images/index/mob4.jpg) no-repeat center;height: 50em; background-size: 100%;}
.mob-home .mob4 h2,
.mob-home .mob4 p{color: #fff;}
.mob-home .mob4 div.macbg{background: url(../images/index/pic4_macbg.png) no-repeat center;height: 20em;padding-top: 10em;}
.mob-home .mob4 div.macbg iframe{position: absolute;bottom: 6.3em;right: 50%;margin-right: -19.6em;width: 36.4em;height: 23.4em;}
.mob-home .mob5{background-color: #222;}
.mob-home .mob5 dl{font-size: 1.2em;padding: 2em 0 1.5em 2em;border-bottom: #8c8c8c .5px solid;}
.mob-home .mob5 dl dt{color: #666;font-size: 1.1em;position: relative;}
.mob-home .mob5 dl dt span{display: inline-block;width: .8em;position: absolute;right: 1em;top: .2em;}
.mob-home .mob5 dl dt span.show img{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;}
.mob-home .mob5 dl dt span img{
	vertical-align: middle;
	width: 100%;
	transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;transition: 0.5s ease;}
.mob-home .mob5 dl dd{color: #5e6263;padding-left: 2em;line-height: 1.8;}
.mob-home .mob5 dl dd a{color: #999;}
.mob-home .mob5 dl div.hide-p{display: block;padding-top: 1em;}
.mob-home .mob6{background:#222;color: #fff;text-align: center;}
.mob-home .mob6 div.clearfix{width: 55%;margin: 0 auto;padding: 2em 0;}
.mob-home .mob6 div.clearfix>img{float: left;width: 5em;}
.mob-home .mob6 div.clearfix>p{float: right;text-align: left;color: #999;font-size: 1.4em;}
.mob-home .mob6 div.clearfix>p span{font-size: 2em;color: #75cc17;}
.mob-home .mob6>img{width: 30%;}
.mob-home .mob6>p{font-size: 1.5em;line-height: 1.5;padding: 1em;}
.mob-footer{background:#111;text-align: center;}
.mob-footer .copyright{padding:2em 0;color: #999;font-size: .8em;line-height: 1.8;}