/**
*  PC端样式
*/

.home-page .banner{width: 100%;height: 460px;overflow: hidden;position: relative;margin-top: 0;}
.home-page .banner-wrap{width: 1210px;height: 460px;margin: 0 auto;position: relative}
.home-page .banner-wrap .swiper-wrapper{width: 1920px !important;margin-left: -355px;position: absolute;}
.home-page .banner-wrap .swiper-pagination{bottom: 0;}
.home-page .banner-wrap .swiper-pagination-bullet{width: 12px; height: 12px;}
.home-page .banner .swiper-button-prev,.home-page .banner .swiper-button-next{background: url(../images/left_btn.png) no-repeat center;width: 50px;height: 120px;margin-top: -70px;opacity: .7;}
.home-page .banner .swiper-button-next{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.home-page .section-1 .section-wrapper div.list{padding: 60px 0 80px;}
.home-page .section-1 .section-wrapper div.list ul li{float: left;width: 260px; background: #fff; overflow: hidden; border-radius: 10px; margin-right: 54px; border-radius: 10px; } 
.home-page .section-1 .section-wrapper div.list ul li:nth-child(4n){ margin-right: 0px;}

.home-page .section-1 .section-wrapper div.list ul li img.pad{padding: 25px 0 0px 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-family: MicroSoft YaHei;font-size: 18px;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/pic2_bg.jpg) no-repeat center; height: 458px;width: 1138px;padding-top: 120px;}
.home-page .section-2 .section-wrapper div.pos1{position: absolute;bottom:244px; left: 30px; background: url(../images/pic7_bar1.png) no-repeat center; height: 90px;width: 100px;}
.home-page .section-2 .section-wrapper div.pos2{position: absolute;top:480px; left: 100px; background: url(../images/pic7_bar2.png) no-repeat center; height: 110px;width: 100px;}
.home-page .section-2 .section-wrapper div.pos3{position: absolute;top:400px; left: 70px; background: url(../images/pic7_bar3.png) no-repeat right center; height: 110px;width: 160px;}
.home-page .section-2 .section-wrapper div.pos4{position: absolute;top:370px; right: 290px; background: url(../images/pic7_bar4.png) no-repeat left center; height: 17px;width: 140px;}
.home-page .section-2 .section-wrapper div.pos5{position: absolute;top:420px; right: 290px; background: url(../images/pic7_bar5.png) no-repeat center; height: 90px;width: 100px;color:#009beb;}
.home-page .section-2 .section-wrapper div.pos6{position: absolute;bottom:250px; right: 145px; background: url(../images/pic7_bar6.png) no-repeat center; height: 160px;width: 100px;}
.home-page .section-2 .section-wrapper div.pos7{position: absolute;bottom:235px; right: 90px; background: url(../images/pic7_bar7.png) no-repeat center; height: 100px;width: 100px;}
.home-page .section-2 .section-wrapper div.pos8{position: absolute;bottom:220px; right: 20px; background: url(../images/pic7_bar8.png) no-repeat center; height: 80px;width: 100px;}
.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: 33.323%;overflow: hidden;}
.home-page .section-3 .section-wrapper div.list ul li img{vertical-align: middle;cursor: pointer;}
.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/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/pic4_macbg.png) no-repeat center;height:561px;width: 975px;}
.home-page .section-4 .section-wrapper div.img-bg iframe{padding-top: 32px;padding-left: 1px;}

/*footer*/

/*@media  (max-width: 640px) {
    body{font-size: 14px;}
    .suspension-mobile,.back_top{display: block !important;}
}*/

.mob-home .mob-fix-nav{height: 5em;}
.mob-home .mob-fix-nav .l{margin:0 .5em;margin-top: .2em;width: 13%}
.mob-home .mob-fix-nav .l img{margin-top: 15px;width: 100%;}
.mob-home .mob-fix-nav div.menu-title{font-size: 1.8em;line-height: 2.6;}
.mob-home .mob-fix-nav .r span:before{top: -12px;}
.mob-home .mob-fix-nav .r span:after{bottom: -12px;}
.ecjia_mob_menu .mob-fix-nav .r span{height: 0;}
.ecjia_mob_menu .mob-fix-nav .r span:before,
.ecjia_mob_menu .mob-fix-nav .r span:after{width: 45px;height: 3px;border-radius: 3px;}
.mob-home div.hide-nav{min-width:640px;top:5.5em;padding: 1em 0;font-size: .9em;}
.mob-home div.hide-nav div.line{height: 4em;}
.mob-home div.hide-nav a{font-size: 1.6em !important;}
.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:1em 0 .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/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/pic4_macbg.png) no-repeat center;
    height: 31em;
    padding-top: 0em;
    width: auto;
    background-size: 100%;
    position: relative;
}
.mob-home .mob4 div.macbg iframe{
    position: absolute;
    top: 54px;
    right: 50%;
    margin-right: -243px;
    width: 486px;
    height: 307px;
}
.mob-home .mob5{background-color: #222;}
.mob-home .mob5 dl{font-size: 1em;border-bottom: #444 .5px solid;}
.mob-home .mob5 dl dt{color: #666;font-size: 1.6em;position: relative;line-height: 2.78571;padding-left: 1em;}
.mob-home .mob5 dl dt span{display: inline-block;width: .8em;position: absolute;right: 1em;top: 1em;}
.mob-home .mob5 dl dt span.show img{
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-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;margin:1.5em 3em;}
.mob-home .mob5 dl dd a{color: #999;}
.mob-home .mob5 dl div.hide-p{display: block;padding-bottom: 1.8em;}
.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 a{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;}