.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
/*嵌入字体*/
@font-face{
    font-family: '苹方 特粗';
    src:url("../other/fontFamily/PingFang Heavy.ttf");
}
.fontStyle{
    font-family:"苹方 特粗","Microsoft YaHei",arial,"\5b8b\4f53",sans-serif,tahoma;
}

.header{}
.header .headerTop{
    width: 100%;
    height: 75px;
    margin:0 auto;
}
.header .headerTop .headerLogo{
    width: 232px;
    height: 45px;
    margin-top:13px;
}
.header .headerTop .headerLogo a{
    display: block;
    width: 100%;
}
.header .headerTop .headerLogo a img{
    width: 100%;
}
.header .headerTop .headerNav{
    overflow:hidden;
    margin-right:40px;
    margin-top:24px;
}
.header .headerTop .headerNav li{
    float:left;
    width: 126px;
}
.header .headerTop .headerNav li.active a{
    color:#39b58d;
    font-weight:700;
}
.header .headerTop .headerNav li a{
    color:#333;
    font-size:18px;
}
.header .headerTop .headerPhone{
    width: 185px;
    /*height: 75px;*/
    margin-top:24px;
}
.header .headerTop .headerPhone p{
    font-size:22px;
    font-family: arial,"Microsoft YaHei","\5b8b\4f53",sans-serif,tahoma;
    position:relative;
    color:#39b58d;
}
.header .headerTop .headerPhone p:after {
    content:"";
    position:absolute;
    display:block;
    background:url("../img/header/icon.jpg") no-repeat center;
    width: 25px;
    height: 25px;
    left:-33px;
    top:0px;
}

/*  内容  */

.product{
    width: 80%;
    margin:65px auto 72px auto;
    overflow:hidden;
}
.product .productLeft{
    width: 39%;
    height: 354px;
    /*overflow:hidden;*/
}
.product .productLeft .productTitle{
    overflow:hidden;
}
.product .productLeft .productTitle h1 a{
    font-size:42px;
    font-weight:normal;
    color:#000;
    display:inline-block;
    float:left;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.product .productLeft .productTitle h1 a:hover{
    color:#39b58d;
}
.product .productLeft .productTitle span{
    font-size:14px;
    color:#666666;
    margin-left:33px;
    position:relative;
    margin-bottom:10px;
    float:left;
    margin-top:30px;
}
.product .productLeft .productTitle span:after{
    content:"";
    display:block;
    position:absolute;
    width: 43px;
    height: 43px;
    border-radius:50%;
    border:1px solid #666666;
    background:url("../img/content/xmjs-title-icon.png") no-repeat 9px 10px;
    right: -76px;
    top: -9px;
}
.product .productLeft .productText{
    margin-top:16px;
}
.product .productLeft .productText p a{
    font-size:16px;
    line-height: 30px;
    color:#666;
}

.product .productButtonBox{
    /*overflow:hidden;*/
    margin-top: 73px;
}
.product .productButtonBox a{
    display:inline-block;
    width: 100px;
    height: 37px;
    border:1px solid #333;
    border-radius:10px;
    padding-left:26px;
    line-height: 35px;
    font-size:14px;
    color:#333;
    float:left;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.product .productButtonBox a:hover{
    background: #39b58d;
    color:#fff;
    border:1px solid #39b58d;
}
.product .productButtonBox a i{
    font-size:18px;
    font-style:normal;
}
.product .productButtonBox span{
    display:inline-block;
    width: 37px;
    height: 37px;
    border:1px solid #333;
    border-radius:10px;
    background: url("../img/content/xmjs-erweima.png") no-repeat center;
    float:left;
    cursor:pointer;
    margin-left:13px;
    position:relative;
}
.product .productButtonBox span img {
    position:absolute;
    width: 124px;
    height: 124px;
    left: -46px;
    top: -150px;
    border:6px solid #39b58d;
    /*display:none;*/
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    opacity:0;
}
.product .productButtonBox span:hover > img{
    opacity:1;
}




/*right*/
.product .productRight{

}
.product .productRight .productRightIconBox{
    width: 100%;
    overflow: hidden;
}
.product .productRight .productRightIconBox .productRightIconList{
    float:left;
    margin-left:95px;
    margin-top:56px;
}
.product .productRight .productRightIconBox .productRightIconList .productRightIcon{
    width: 130px;
    height: 125px;
    border:1px solid #dbdbdb;
    border-radius:10px;
    /*cursor:pointer;*/
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.product .productRight .productRightIconBox .productRightIconList .productRightIcon:hover{
    border:1px solid #39b58d;

    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.PRLS-01{
    background:url("../img/content/xmjs-icon.png") no-repeat 32px 32px;
}
.PRLS-02{
    background:url("../img/content/xmjs-icon.png") no-repeat 35px -114px;
}
.PRLS-03{
    background:url("../img/content/xmjs-icon.png") no-repeat 35px -260px;
}
.PRLS-04{
    background:url("../img/content/xmjs-icon.png") no-repeat 38px -409px;
}
.PRLS-05{
    background:url("../img/content/xmjs-icon.png") no-repeat 31px -549px;
}
.PRLS-06{
    background:url("../img/content/xmjs-icon.png") no-repeat 36px -700px;
}
.PRLS-07{
    background:url("../img/content/xmjs-icon.png") no-repeat 41px -855px;
}
.PRLS-08{
    background:url("../img/content/xmjs-icon.png") no-repeat 36px -1023px;
}
.product .productRight .productRightIconBox .productRightIconList p{
    font-size:18px;
    font-weight:700;
    color:#000;
    text-align: center;
    margin-top:15px;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.product .productRight .productRightIconBox .productRightIconList:hover > p{
    color:#39b58d;
}


/*微信案例*/

.weixinCase{

    background: #fafafa;
}
.weixinCaseBox{
    /*width: 1530px;*/
    /*margin:0 auto;*/
    padding: 70px 0 29px 0;
}
.weixinCase .weixinCaseTitle{
    width: 80%;
    margin:0 auto;
    overflow:hidden;
}
.weixinCase .weixinCaseTitle h1 a{
    font-size:42px;
    font-weight:normal;
    color:#000;
    display:inline-block;
    float:left;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.weixinCase .weixinCaseTitle h1 a:hover{
    color:#39b58d;
}

.weixinCase .weixinCaseTitle span{
    font-size:14px;
    color:#666666;
    margin-left:33px;
    position:relative;
    margin-bottom:10px;
    float:left;
    margin-top:30px;
}
.weixinCase .weixinCaseTitle span:after{
    content:"";
    display:block;
    position:absolute;
    width: 43px;
    height: 43px;
    border-radius:50%;
    border:1px solid #666666;
    background:url("../img/content/xmjs-title-icon.png") no-repeat 9px 10px;
    right: -76px;
    top: -9px;
}
.weixinCase .weixinCaseTitle p{
    float: right;
    margin-top: 30px;
    font-size:18px;
    color:#666;
    position:relative;
}
.weixinCase .weixinCaseTitle p:after{
    content:"";
    display:block;
    width: 7px;
    height: 7px;
    background: #39b58d;
    position:absolute;
    left: -18px;
    top: 11px;
}

.weixinCase .weixinCaseContent{
    overflow:hidden;
    width: 80%;
    margin:50px auto 30px auto;
}
.weixinCase .weixinCaseContent .weixinCaseList{
    width: 22%;
    height: 222px;
    float:left;
    margin:0 20px 40px 20px;
    overflow:hidden;
    position:relative;
}


.weixinCase .weixinCaseContent .weixinCaseList:hover > .weixinCaseHoverImg{
    opacity:1;
}

.weixinCase .weixinCaseContent .weixinCaseList .weixinCaseHoverImg{
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
}

.weixinCase .weixinCaseContent .wxal-first{
    width: 47%;
    height: 484px;
}

.weixinCase .weixinCaseContent .wxal-first .weixinCaseHoverImg{
    /*width: 352px;*/
    /*height: 222px;*/
    /*left:50%;*/
    /*margin-left:-160px;*/
    /*margin-top:137px;*/
}
.weixinCase .weixinCaseContent .weixinCaseList a{
    display:block;
    width: 100%;
    height: 100%;
}
.weixinCase .weixinCaseContent .weixinCaseList a img{
    width: 100%;
    height: 100%;
    transition:all 0.3s linear;
    /*-webkit-transition:all 0.3s linear;*/
    /*-moz- transition:all 0.3s linear;*/
    /*-o-transition:all 0.3s linear;*/
}
.weixinCase .weixinCaseContent .weixinCaseList a img:hover{
    /*width: 100%;*/
    /*height: 100%;*/
    /*transform: scale(1.4);*/
    /*-webkit-transform: scale(1.4);*/
    /*-moz-transform: scale(1.4);*/
    /*-o-transform: scale(1.4);*/
}

/*优势*/
.advantage{
    width: 100%;
    /*height: 550px;*/
    padding:120px 0 120px 0;
    background: url("../img/content/youshi-bg.jpg") no-repeat center;
    overflow:hidden;
}
.advantage .advantageBox{
    width: 80%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.advantage .advantageBox .advantageList{
    width:22%;
    height: 486px;
    background: #fff;
    text-align: center;
    position:relative;
    float:left;
    margin: 0 15px 0 15px;
}

.advantage .advantageBox .advantageList-01:after{
    content:"";
    position:absolute;
    width: 29px;
    height: 29px;
    background: url("../img/content/youshi-icon.png") no-repeat 0px 0px;
    left:14px;
    top:14px;
}
.advantage .advantageBox .advantageList-02:after{
    content:"";
    position:absolute;
    width: 29px;
    height: 29px;
    background: url("../img/content/youshi-icon.png") no-repeat 0px -44px;
    left:14px;
    top:14px;
}
.advantage .advantageBox .advantageList-03:after{
    content:"";
    position:absolute;
    width: 29px;
    height: 29px;
    background: url("../img/content/youshi-icon.png") no-repeat 0px -81px;
    left:14px;
    top:14px;
}
.advantage .advantageBox .advantageList-04:after{
    content:"";
    position:absolute;
    width: 29px;
    height: 29px;
    background: url("../img/content/youshi-icon.png") no-repeat 0px -128px;
    left:14px;
    top:14px;
}


.advantage .advantageBox .advantageList .advantageImg{
    width: 177px;
    height: 205px;
    margin:84px auto 0 auto;
    text-align: center;

}
.advantage .advantageBox .advantageList .advantageImg img{
    width: 100%;
    height: 100%;
}
.advantage .advantageBox .advantageList h1{
    font-size:26px;
    font-style:normal;
    color:#333;
    margin: 40px 0 10px 0;
    position: relative;
}
.advantage .advantageBox .advantageList h1:after {
    content:"";
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #cccccc;/*透明 透明  黄*/
    left:171px;
    top:-18px;

}

.advantage .advantageBox .advantageList p{
    font-size:14px;
    line-height:24px;
    width: 310px;
    margin:0 auto;
    color:#666;
}
.advantage .advantageBox .advantageHoverImg {
    position:absolute;
    width: 100%;
    height: 486px;
    left:0;
    top:0;
    z-index: 1000;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;

    transform:perspective(226px) rotate(0deg);
    -webkit-transform:perspective(226px) rotate(0deg);
    -moz-transform:perspective(226px) rotate(0deg);
    -o-transform:perspective(226px) rotate(0deg);
    opacity:0;
}

.advantage .advantageBox .advantageList:hover > .advantageHoverImg{
    transform:perspective(300px) rotateY(180deg);
    -webkit-transform:perspective(300px) rotateY(180deg);
    -moz-transform: perspective(300px) rotateY(180deg);
    -o-transform: perspective(300px) rotateY(180deg);
    opacity:1;
}
.advantage .advantageBox .advantageList{
    cursor:pointer;
}


/*旗下自媒体*/
/*.media{*/
    /*margin-bottom:90px;*/
    /*overflow:hidden;*/
/*}*/
.media .mediaTitle{
    width: 100%;
    margin:67px auto 0 auto;
    overflow:hidden;
}
.media .mediaTitle h1 a{
    font-size:42px;
    font-weight:normal;
    color:#000;
    display:inline-block;
    float:left;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.media .mediaTitle h1 a:hover{
    color:#39b58d;
}

.media .mediaTitle span{
    font-size:14px;
    color:#666666;
    margin-left:33px;
    position:relative;
    margin-bottom:10px;
    float:left;
    margin-top:30px;
}
.media .mediaTitle span:after{
    content:"";
    display:block;
    position:absolute;
    width: 43px;
    height: 43px;
    border-radius:50%;
    border:1px solid #666666;
    background:url("../img/content/xmjs-title-icon.png") no-repeat 9px 10px;
    right: -76px;
    top: -9px;
}
.media .mediaTitle p{
    float: right;
    margin-top: 30px;
    font-size:18px;
    color:#666;
    position:relative;
}
.media .mediaTitle p:after{
    content:"";
    display:block;
    width: 7px;
    height: 7px;
    background: #39b58d;
    position:absolute;
    left: -18px;
    top: 11px;
}

/*新闻*/
.news{
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
}
.news .newsBox{
    width: 1530px;
    margin: 0 auto;
    padding: 60px 0 100px 0;
    position:relative;
}
.news .newsBox:after{
    content: "";
    position: absolute;
    width: 1920px;
    height: 607px;
    background: #fff;
    left: 448px;
    top: 80px;
    z-index: 0;
}
.news .newsLeft{
    width: 600px;
    /*height: 354px;*/
}
.news .newsLeft .newTitle{
    overflow:hidden;
    margin-bottom:36px;
}
.news .newsLeft .newTitle h1 a{
    font-size:42px;
    font-weight:normal;
    color:#000;
    display:inline-block;
    float:left;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.news .newsLeft .newTitle h1 a:hover{
    color:#39b58d;
}


.news .newsLeft .newTitle span{
    font-size:14px;
    color:#666666;
    margin-left:33px;
    position:relative;
    margin-bottom:10px;
    float:left;
    margin-top:32px;
}
.news .newsLeft .newTitle span:after{
    content:"";
    display:block;
    position:absolute;
    width: 43px;
    height: 43px;
    border-radius:50%;
    border:1px solid #666666;
    background:url("../img/content/news-icon.png") no-repeat 9px 10px;
    right: -76px;
    top: -12px;
}
/*内容*/
.news .newsBox .newsLeft .newsImg{
    width: 500px;
    height: 428px;
    /*overflow: hidden;*/
    position:relative;
    z-index: 1;
    /*overflow:hidden;*/
}
.news .newsBox .newsLeft .newsImg a{
    display:block;
    overflow:hidden;
}
.news .newsBox .newsLeft .newsImg a img{
    width: 100%;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.news .newsBox .newsLeft .newsImg a img:hover{
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}
.news .newsBox .newsLeft .newsImg:after{
    content:"";
    position:absolute;
    width: 500px;
    height: 428px;
    background: #39b58d;
    left:-22px;
    top:22px;
    z-index: -10;
}
.news .newsBox .newsRight{
    width: 923px;
    position:relative;
    z-index: 100;
    margin-top: 57px;
}
.news .newsBox .newsRight:after{

}
.news .newsBox .newsRight .newsTestListBox{
    /*margin-top:45px;*/
}
.news .newsBox .newsRight .newsTestListBox .newsTestList{
    margin-bottom:40px;
}
.news .newsBox .newsRight .newsTestListBox .newsTestList:hover > h1 > a{
    color:#39b58d;
}
.news .newsBox .newsRight .newsTestListBox .newsTestList span{
    font-size:14px;
    color:#333;
}
.news .newsBox .newsRight .newsTestListBox .newsTestList h1 a{
    font-size:24px;
    font-weight:700;
    color:#000;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.news .newsBox .newsRight .newsTestListBox .newsTestList p{
    margin-top:10px;
}
.news .newsBox .newsRight .newsTestListBox .newsTestList p a{
    font-size:12px;
    color:#666;
    line-height: 22px;
}
/*推荐新闻*/
.newsReferralListBox .newsReferrallTitle{

}
.newsReferralListBox .newsReferrallTitle h1{
    font-size:16px;
    color:#000;
    font-weight: bold;
}
.news .newsBox .newsRight .newsReferralListBox{}
.news .newsBox .newsRight .newsReferralListBox .newsReferrallList{
    overflow:hidden;
    margin-top:11px;
}
.news .newsBox .newsRight .newsReferralListBox .newsReferrallList div{
    float:left;
    width: 435px;
    margin-bottom:16px;

}
.news .newsBox .newsRight .newsReferralListBox .newsReferrallList div a{
    font-size:13px;
    color:#666;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.news .newsBox .newsRight .newsReferralListBox .newsReferrallList div a:hover{
    color:#39b58d;
}
.news .newsBox .newsRight .newsMoveIcon{
    width: 44px;
    height: 44px;
    background: url("../img/content/news-move.png") no-repeat;
    display:block;
    margin-top:33px;
}

/*footer*/
.footer{
    width: 100%;
    height: 305px;
    background: #f5f5f5;
    position:relative;
}
.footer .footerBox{
    width: 100%;
    margin:0 auto;
}
.footer .footerBox .footerLogo{
    width: 263px;
    height: 63px;
    margin-top:100px;
}
.footer .footerBox .footerLogo a{
    display:block;
}
.footer .footerBox .footerLogo a img{
    display:block;
    width: 100%;
}
.footer .footerBox .footerSite{
    width: 458px;
    margin-top:70px;
    margin-left:100px;
}
.footer .footerBox .footerSite .footerSiteErweima{
    float:left;
    width: 124px;
    height: 124px;
}
.footer .footerBox .footerSite .footerSiteErweima img{
    display:block;
    width: 100%;
}
.footer .footerBox .footerSite .footerSiteText{
    margin-left:30px;
    float:left;
    padding-top:5px;
}
.footer .footerBox .footerSite .footerSiteText p{
    font-size:18px;
    color:#333;
    margin-bottom:20px;
}
.footer .footerBox .footerYwzx{
    margin-top:60px;
    margin-left:90px;
}
.footer .footerBox .footerYwzx h1{
    font-size:18px;
    font-weight:bold;
    color:#000;
    display:block;
    width: 258px;
    height: 46px;
    border-bottom:1px solid #d6d6d6;
    margin-bottom:37px;
}
.footer .footerBox .footerYwzx p{
    font-size:18px;
    color:#333;
    margin-bottom:8px;
    margin-left:50px;
    position:relative;
}
.footer .footerBox .footerYwzx .footerShfwLeftIcon:after{
    content:"";
    position:absolute;
    left: -50px;
    top: 10px;
    background:url("../img/footer/footer-phone-01.png") no-repeat center;
    width: 34px;
    height: 34px;
    border:1px solid #999;
    border-radius:50%;
}
.footer .footerBox .footerShfw{
    margin-top:60px;
}
.footer .footerBox .footerShfw h1{
    font-size:18px;
    font-weight:bold;
    color:#000;
    display:block;
    width: 258px;
    height: 46px;
    border-bottom:1px solid #d6d6d6;
    margin-bottom:37px;
}
.footer .footerBox .footerShfw p{
    font-size:18px;
    color:#333;
    margin-bottom:8px;
    margin-left:50px;
    position:relative;
}
.footer .footerBox .footerShfw .footerShfwRightIcon:after{
    content:"";
    position:absolute;
    left: -50px;
    top: 10px;
    background:url("../img/footer/footer-phone-02.png") no-repeat center;
    width: 34px;
    height: 34px;
    border:1px solid #999;
    border-radius:50%;
}

/*版权*/
.footer .banquan{
    width: 100%;
    height: 40px;
    background: #39b58d;
    /*overflow:hidden;*/
    color:#fff;
    font-size:14px;
    line-height:38px;
    position:absolute;
    bottom:0;
}
.footer .banquan .banquanBox{
    width: 100%;
    margin: 0 auto;
}
.footer .banquan .banquanYouqing{
    float:left;
    height: 40px;
    background: #2d9172;
    padding: 0 40px 0 20px;
    cursor:pointer;
    position:relative;
    position:relative;
}
.footer .banquan .banquanYouqing:after{
    content:"";
    position:absolute;
    width: 10px;
    height: 10px;
    background: url("../img/footer/footer-icon.png") no-repeat;
    right:16px ;
    top: 15px;
}
.footer .banquan .banquanYouqing ul{
    position:absolute;left:0;bottom: 41px;z-index: 10000;
    display:none;
}
.footer .banquan .banquanYouqing ul li{
    width: 106px;
    /*height: 30px;*/
    background: #2d9172;
    margin-top:1px;
    padding-left:10px;
}
.footer .banquan .banquanYouqing ul li a{
    color:#fff;
    line-height: 28px;
}


.footer .banquan p{
    margin-left:20px;
}
.footer .banquan .banquanBox .banquanRight{

}