/*
* @Author: 哈利路球
* @Date:   2018-06-05 10:52:50
* @Last Modified by:   Being
* @Last Modified time: 2019-10-06 15:31:49
*/
body{ margin: 0 auto; padding: 0; background: #ffffff; font-family: "微软雅黑";}
div{ box-sizing: border-box; }
ul{ margin: 0; padding: 0; }
ul li{ list-style: none; }
img{ border:0; max-width: 100%;}
a img{ border:0; }
a{ text-decoration: none; }

.clear{ clear:both; }



/* 1200 以上分辨率*/
 body{ font-size: .18rem; line-height: .4rem; }
/* 头部 */
.header{ width: 12rem; height: 1.17rem; margin: 0 auto; padding-top: 0.1rem; background: #ffffff; }
.header .logo{ width: 3.95rem; height: .85rem; float: left; margin-left: .1rem; }
.header .logo img{ width: 3.95rem; height: .85rem; }
.header .category{ display: none; }
.header .nav{ width: 7.5rem; float: right; padding-top: .25rem; }
.header .nav ul li{ width: 1.25rem; float: left; text-align: center; line-height: .5rem; height: .5rem; }
.header .nav ul li, .header .nav ul li a{ font-size: .18rem; color: #000000; }
.header .nav ul li.on, .header .nav ul li.on a{ color: #015fb6; }
.header .nav ul li ul.children{ display:none; position: absolute; top: .8rem; width: 1.25rem; background: rgba(1,95,182,0.8); float: left; z-index: 9999; box-shadow: #d2daff 0 0 .12rem; }
.header .nav ul li ul.children li{ width: 1.25rem; height: .47rem; padding:0px; display: inline-block; font-size: .14rem;}
.header .nav ul li ul.children li { display: block;}
.header .nav ul li ul.children li a{ width:1.25rem; height: .47rem; line-height: .47rem; overflow: hidden; display: block; float: left; color: #fff; text-align: center; text-decoration: none; font-size: .14rem; }
.header .nav ul li ul.children li a:hover{ width: 1.25rem; line-height: .47rem; background: rgba(255,255,255,0.8); color: #015fb6;}

/* 轮播图 */
.banner{ width: 100%; min-width: 12rem; }

/* 产品服务 */
.services{ width: 12rem; margin: 0 auto; padding: .25rem 0; background: #ffffff; }
.services .index_title{ width: 3.87rem; margin: 0 auto; text-align: center; font-size: .18rem; line-height: .4rem; color: #8f8f8f;  }
.services ul li{ width: 50%; float: left; margin-top: .3rem; text-align: center; }
.services ul li img{ width: 4.63rem; height: 1.7rem; }
.services ul li .name{ font-size: .26rem; line-height: .7rem; color: #000000; }
// .services ul li img{
//     transition: all 0.2s;
//     transition-duration: 800ms;
// }
.services ul li img:hover {
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);

        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);

        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);

        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);

        opacity: 1;
    }
}

/* 新闻动态 */
.news_bj{ width: 100%; min-width: 12rem; background:url('../images/news_bj.png') repeat-x 0 bottom; }
.news{ width: 12rem; margin: 0 auto; padding: .25rem; }
.news .index_title{ width: 1.55rem; margin: 0 auto; text-align: center; font-size: .18rem; line-height: .4rem; color: #8f8f8f;  }
.news li {float: left; margin: 0 .11rem 0 0; padding: .1rem .08rem; width: 2.6rem; position: relative; }
.news li a.con { width: 2.47rem; padding: .15rem; overflow:  hidden;position: relative;display: block;height: 100%; background: #fff;box-shadow: #d2daff 0 0 .12rem;}
.news li .con div.dimg{ width: 2.5rem; height: 1.5rem;text-align: center; margin: 0 auto; position: relative; overflow: hidden; display: block; line-height: 0;}
.news li .dimg img{ width: 2.50rem; height: 1.5rem; cursor: pointer; transition: all 0.6s; }
.news li .dimg img:hover{ transform: scale(1.4); }  
.news li a .ntit{ font-size: .18rem; color: #494848; display: block; line-height: .4rem; height: .4rem; overflow: hidden; margin: .1rem 0 0; padding-bottom: .05rem; text-align: center; border-bottom: 1px dotted #666;}
.news li p{ font-size: .14rem; color: #a3a3a3; margin: .05rem 0;height: .72rem; line-height: .24rem;overflow: hidden;}
.news li i{ display: block; font-style: normal; background: url('../images/more.jpg') no-repeat center center; width: 1.68rem; height: .41rem; line-height: .41rem; text-indent: .25rem; color: #fff; font-weight: bold; font-size: .18rem; margin: .1rem auto;}
.news li a.con:hover span,.i_news_box3 li a.con:hover p{ color: #277fe1; }
.news .prev_next { width: 2rem; margin: .45rem auto 0; }
.news .prev_next a:hover { opacity: 0.7;}
.news .prev_next .prev{ float: left; width: .55rem; height: .51rem; }
.news .prev_next .next{ float: right; width: .55rem; height: .51rem; }

/* 解决方案 */
.solution_bj{ width: 100%; min-width: 12rem; background:url('../images/solution_bj.png') repeat-x 0 bottom; }
.solution{ width: 12rem; margin: 0 auto; padding: .25rem 0 0; }
.solution .index_title{ width: 3.73rem; margin: 0 auto; text-align: center; font-size: .18rem; line-height: .4rem; color: #8f8f8f;  }
.solution ul li.zf, .solution ul li.qy, .solution ul li.jr, .solution ul li.ga{ width: 25%; height: 5.3rem; float: left; padding-top: .2rem; }
.solution ul li.zf{ background: url('../images/s_bj1.png') center; }
.solution ul li.qy{ background: url('../images/s_bj2.png') center; }
.solution ul li.jr{ background: url('../images/s_bj3.png') center; }
.solution ul li.ga{ background: url('../images/s_bj4.png') center; }
.solution ul li .name{ width: 100%; font-size: .36rem; line-height: .36rem; color: #ffffff; text-align: center; }
.solution ul li .name a{ color: #ffffff; }
.solution ul li .name img{ width: 1.1rem; height: 1.1rem; }
.solution .list{ padding: .5rem .1rem; }
.solution .list li{ width: 100%; overflow: hidden; height: .5rem; }
.solution .list li img{ width: .14rem; height: .14rem; padding: 0 .1rem; }
.solution .list li, .solution .list li a{ font-size: .16rem; line-height: .5rem; color: #ffffff; }

/* 成功案例 */
.case{ width: 12rem; margin: 0 auto; padding: .25rem 0; }
.case .index_title{ width: 5.52rem; margin: 0 auto; text-align: center; text-align: center; }

/* 合作流程 */
.process{ width: 12rem; margin: 0 auto; padding: .4rem 0 .8rem; }
.process img{ width: 12rem; height: 1.8rem; }

/* 联系我们 */
.contact_bj{ width: 100%; min-width: 12rem; height: 4.77rem; background: url('../images/contact_bj.jpg'); }
.contact{ width: 12rem; margin: 0 auto; padding: .25rem 0; }
.contact .index_title{ width: 2.11rem; margin: 0 auto; text-align: center; text-align: center; }
.contact ul{ margin-top: 1.5rem; }
.contact ul li{ width: 50%; float: left; text-align: center; }
.contact ul li .bg{ display: block; width: 4.3rem; height: 1.8rem; margin: 0 auto; background:rgba(0,0,0,0.5); overflow: hidden; font-size: .22rem; color: #ffffff; padding-top: .15rem; line-height: .41rem; }
.contact ul li img{ width: .58rem; height: .58rem; padding: .05rem; }

.contact ul li img{
    transition: all 0.2s;
    transition-duration: 800ms;
}
.contact ul li img:hover{
    transform: rotateY(360deg);
}


/* 栏目介绍 */
.column_bj{ width: 100%; min-width: 12rem; border-bottom: 1px solid #dbdbdb; }
.column{ width: 12rem; height: 1.4rem; margin: 0 auto; }
.column .left{ width: 4rem; float: left; padding-left: .2rem; }
.column .left .desc{ font-size: .36rem; line-height: .8rem; color: #ef9b11; font-weight: normal; }
.column .left .en{ font-size: .24rem; line-height: .6rem; color: #000000; }
.column .left img{ padding: 0 .15rem; vertical-align: middle; }
.column .left .cn{ font-size: .18rem; line-height: .6rem; color: #8f8f8f; }
.column .right{ width: 8rem; float: right; }
.column .right ul li{ width: 1.6rem; height: .5rem; line-height: .5rem; background: #62afe8; text-align: center; float: left; margin-left: .3rem; margin-top: .15rem; }
.column .right ul li:first-child:nth-last-child(1), .column .right ul li:first-child:nth-last-child(1) ~ li { margin-top: .45rem; }
.column .right ul li:first-child:nth-last-child(2), .column .right ul li:first-child:nth-last-child(2) ~ li { margin-top: .45rem; }
.column .right ul li:first-child:nth-last-child(3), .column .right ul li:first-child:nth-last-child(3) ~ li { margin-top: .45rem; }
.column .right ul li:first-child:nth-last-child(4), .column .right ul li:first-child:nth-last-child(4) ~ li { margin-top: .45rem; }
.column .right ul li:first-child:nth-last-child(9), .column .right ul li:first-child:nth-last-child(9) ~ li { margin-top: .05rem; height: .4rem; line-height: .4rem; }
.column .right ul li, .column .right ul li a{ font-size: .18rem; font-weight: bold; color: #ffffff; border-radius: 2px; }
.column .right ul li:hover, .column .right ul li.on{ background: #5363c9; }

/* 文章列表 */
.news_list{ width: 12rem; margin: 0 auto; }
.news_list ul li{ clear: both; padding: .25rem 0; border-bottom: 1px solid #eeeeee; }
.news_list .left{ width: .75rem; float: left; text-align: center; }
.news_list .left .day{ font-size: .3rem; color: #f3782a; }
.news_list .left .month_year{ font-size: .12rem; color: #686868; }
.news_list .left img{ width: .3rem; height: .3rem; }
.news_list .right{ width: 11rem; float: right; margin-right: .1rem; }
.news_list .right .title{ font-size: .2rem; line-height: .3rem; font-weight: bold; color: #686868; }
.news_list .right .hit{ font-size: .12rem; color: #686868; }
.news_list .right .desc{ font-size: .12rem; color: #686868; line-height: .24rem; height: .48rem; overflow: hidden; }
.news_list .right .more{ font-size: .12rem; color: #f3782a; float: right; border: 1px solid #f3782a; line-height: .12rem; padding: .05rem; margin-right: .1rem; }

/* 图片列表 */
.img_list{ width: 12rem; margin: 0 auto; clear: both; }
.img_list ul li{ width: 50%; float: left; margin-top: .3rem; padding: 0 .1rem; box-sizing: border-box; }
.img_list .dimg{ width: 5.76rem; height: 3.66rem; padding: .05rem; border: 1px #eceae5 solid; border-radius: .04rem; overflow: hidden; }
.img_list .dimg img{ width: 5.66rem; height: 3.56rem; cursor: pointer; transition: all 0.6s; }
.img_list .dimg img:hover{ transform: scale(1.4); }  
.img_list .title{ width: 95%; height: .4rem; line-height: .4rem; font-size: .18rem; color: #000000; font-weight: bold; padding-left: .1rem; overflow: hidden; }
.img_list .des{ width: 95%; font-size: .14rem; line-height: .22rem; color: #696969; height: .44rem; padding-left: .1rem; overflow: hidden; }

/* 详情 */
.show{ width: 12rem; margin: .2rem auto .2rem; clear: both; padding: .1rem; }
.show .title{ font-size: .26rem; font-weight: bold; color: #000000; text-align: center; }
.show .hit{ font-size: .14rem; color: #686868; text-align: center; }
.show .content{ font-size: .14rem; line-height: .3rem; color: #686868; }
.show .content a{ color: #62afe8; }
.show .content video{ width: 8.4rem; height: 4.8rem; }

/* 分享 */
.share{ width: 12rem; margin: .2rem auto .2rem; clear: both; padding: .1rem; text-align: center; }

/* 分页 */
.page_info{ width: 12rem; text-align:center; line-height:.4rem; margin: .4rem auto .8rem; }
.page { display: inline-block; padding-left: 0; border-radius: .04rem; }
.page > li{ display: inline; }
.page > li > a{ color:#686868; }
.page > .current > a, .page > .current > span { z-index: 2; color: #ffffff; cursor: default; background-color: #f3782a; border-color: #f3782a;}
.page > li > a, .page > li > span { position: relative; float: left; padding: .06rem .12rem; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #e5e5e5; }


@media (max-width: 1199px){
.solution_bj{ background: none; }
}

@media (max-width: 767px){
/* 头部 */
.header{ width: 7.5rem; height: .9rem; margin: .1rem auto 0; }
.header .logo{ width: 3.95rem; height: .85rem; float: left; margin-left: .2rem; }
.header .logo img{ width: 3.95rem; height: .85rem; }
.header .category{ display: block; float: right; }
.header .category img{ width: .64rem; height: .64rem; margin-top: .2rem; margin-right: .3rem; }
.header .nav{ width: 7.5rem; float: none; display: none; position: absolute; top: 1rem; z-index: 9999; padding-top: 0; background: rgba(1,95,182,0.8); }
.header .nav ul li{ width: 7.5rem; height: auto; float: none; border-top: 1px #CCC solid; }
.header .nav ul li, .header .nav ul li a{ font-size: .3rem; color: #ffffff; line-height: .6rem; }
.header .nav ul li.on, .header .nav ul li.on a{ color: #ffffff; }
.header .nav ul li ul.children{ display: none; position: static; width: 7.5rem; }
.header .nav ul li ul.children li{ width: 7.5rem; padding:0px; }
.header .nav ul li ul.children li a{ width: 7.5rem; float: none; font-size: .22rem; }
.header .nav ul li ul.children li a:hover{ width: 7.5rem; background: none; color: #ffffff; }

/* 轮播图 */
.banner{ width: 7.5rem; min-width: 320px; }

/* 产品服务 */
.services{ width: 7.5rem; }
.services .index_title{ font-size: .3rem; line-height: .6rem; }

.services ul li{
    width: 100%;
}

.services ul li img{
    width: 6.3rem;
    height: 1.7rem;
}

/* 新闻动态 */
.news_bj{ width: 100%; min-width: 320px; background:none; }
.news{ width: 7.5rem; }
.news .index_title{ font-size: .3rem; line-height: .6rem; }
.news li {width: 100%; }
.news li a.con { width: 6.5rem; }
.news li .con div.dimg{ width: 6rem; height: 3.6rem; }
.news li .dimg img{ width: 6rem; height: 3.6rem; }
.news li a .ntit{ font-size: .24rem; line-height: .5rem; height: .5rem; }
.news li p{ font-size: .22rem; line-height: .45rem;}
.news li i{ display: none; }

/* 解决方案 */
.solution_bj{ width: 100%; min-width: 320px; }
.solution{ width: 7.5rem; }
.solution .index_title{font-size: .3rem; line-height: .6rem; }
.solution ul li.zf, .solution ul li.qy, .solution ul li.jr, .solution ul li.ga{ width: 50%; height: 4.3rem; }
.solution .list{ padding: .3rem .1rem; }
.solution .list li, .solution .list li a{ font-size: .22rem; }

/* 成功案例 */
.case{ width: 7.5rem; margin: 0 auto; padding: .25rem 0; }

/* 合作流程 */
.process{ display: none; }

/* 联系我们 */
.contact_bj{ width: 100%; min-width: 320px; background: url('../images/contact_bj.jpg'); }
.contact{ width: 7.5rem; margin: 0 auto; padding: .25rem 0; }
.contact ul{ margin-top: .2rem; }
.contact ul li{ width: 50%; margin-top: .2rem; }
.contact ul li .bg{ width: 2.8rem; height: 1.3rem; }

/* 栏目介绍 */
.column_bj{ width: 100%; min-width: 320px; }
.column{ width: 7.5rem; height: auto; }
.column .left{ width: 7.5rem; float: none; margin: 0 auto; text-align: center; }
.column .left .desc{ font-size: .36rem; }
.column .left .en{ font-size: .3rem; display: block; }
.column .left img{ padding: 0 .15rem; }
.column .left .cn{ font-size: .3rem; display: block; }
.column .right{ display: none; }

/* 文章列表 */
.news_list{ width: 7.5rem; }
.news_list .left{ display: none; }
.news_list .right{ width: 7.5rem; float: none; padding: 0 .2rem; }
.news_list .right .title{ font-size: .26rem; line-height: .7rem; }
.news_list .right .hit{ font-size: .22rem; line-height: .45rem; }
.news_list .right .desc{ font-size: .22rem; line-height: .45rem; height: .9rem; }
.news_list .right .more{ display: none; }

/* 图片列表 */
.img_list{ width: 7.5rem; margin: 0 auto; clear: both; }
.img_list ul li{ width: 50%; }
.img_list .dimg{ width: 3.6rem; height: 2.5rem; padding: .03rem; overflow: hidden; }
.img_list .dimg img{ width: 3.5rem; height: 2.4rem; } 
.img_list .title{ font-size: .26rem; line-height: .5rem; height: .5rem; }
.img_list .des{ font-size: .18rem; line-height: .4rem; height:.8rem; }

/* 分页 */
.page_info{ width: 7.5rem; }

/* 详情 */
.show{ width: 7.5rem; padding: .2rem; }
.show .title{ font-size: .3rem; line-height: .6rem; }
.show .hit{ font-size: .2rem; line-height: .8rem; }
.show .content{ font-size: .22rem; line-height: .6rem; }
.show .content video{ width: 7rem; height: 4rem; }

/* 分享 */
.share{ width: 7.5rem; padding: .2rem; }
}
