/* Write your styles */
/*导入样式*/
/* Write your styles */

.am-container{

    max-width:1024px;

}

body{

    width :100%;

    height :100%;

    overflow-x:hidden;

    overflow-y:auto;

}

header{

    background:rgba(40,40,40,0.8);

    height :94px;

    line-height:94px;

    text-align:center;

    position :absolute;

    top :0;

    z-index:999;

}

.all-bg{

    background:url("../images/bg.png") center!important;

    background:100%!important;

}





.product-page{



    width:100%;



    padding: 3rem 0 3rem 45%;



    text-align: center;



    float: left;



    background: #fff;



}



.product-page a{



    display: block;



    float: left;



    width:30px;



    height:30px;



    line-height: 30px;



    border: 1px solid #999;



    color: #555;



    background: #fff;



    margin-left: 1%;



    overflow: hidden;



}







.product-page a:hover{



    color: #fff;



    background: #214e8a;



    border-color:#214e8a;



}



.product-page .active-page{



    color: #fff;



    background: #214e8a;



    border-color:#214e8a;



}





.header-logo img{

    max-width :100%;

}

.header-menu a{

    background:rgba(38,78,138,0);

    display :block;

    color :#cfcfcf;

    line-height:94px;

    transition:0.5s;

    overflow :hidden;

    position :relative;

}

.menu-active .header-box-hover{

    transform:scale(2) rotate(720deg);

}

.header-menu a span{

    font-size:14px;

    position :relative;

    z-index:10;

}

.header-menu i{

    text-align:center;

}

.header-menu i img{

    width :26px;

    margin-top:-4px;

    position :relative;

    z-index:10;

}

.header-box-hover{

    width :100%;

    height :100%;

    background:rgba(38,78,138,0.7);

    transform:scale(0) rotate(0);

    position :absolute;

    top :0;

    left :0;

    transition:1s;

}

.header-menu a:hover .header-box-hover{

    transform:scale(2) rotate(720deg);

}

.header-menu .header-hover{

    display :none;

}

.header-menu a:hover span{

    color :#fff;

}

.header-menu a:hover{

    color :#fff;

}

.header-menu a:hover .header-hover{

    display :inline-block;

}

.header-menu a:hover .header-image{

    display :none;

}







.menu-active  span{

    color :#fff;

}

.menu-active {

    color :#fff;

}

.menu-active  .header-hover{

    display :inline-block;

}

.menu-active  .header-image{

    display :none;

}

.header-tell{

    text-align :center;

    font-size:30px;

    color :#cfcfcf;

}







/*首页广告4版块*/

.guangao{

    overflow :hidden;

}

.guangao-tbox{

    width :115%;

    height :336px;

    margin-left:-10%;

    transition:1s;

}

.guangao-bbox{

    width :110%;

    height :380px;

    margin-left:-5%;

    transition:1s;

}

.guangao-tleft{

    height :100%;

    background:url("../images/index-1.jpg") center center;

    background-size:100% 100%;

    padding:70px 30px;

    transition:0.5s;

}

.guangao-tleft img{

    margin-left:20%;

}



.guangao-tright{

    height :100%;

    background:url("../images/index-2.jpg") center center;

    background-size:100% 100%;

    padding:30px;

    text-align:center;

    line-height:300px;

    transition:0.5s;

}



.guangao-bleft{

    height :100%;

    background:url("../images/index-4.jpg") ;

    background-size:100% 100%;

    padding:30px 0;

    text-align:right;

    transition:0.5s;

}

.guangao-bright{

    height :100%;

    background:url("../images/index-3.jpg") ;

    background-size:100% 100%;

    padding:30px;

    text-align:center;

    line-height:300px;

    transition:0.5s;

}





/*首页关于我们*/

.about{

    background:#f5f5f5;

    padding-top:30px;

    padding-bottom:100px;

}

.index-title h1{

    padding :0;

    margin:0;

    line-height:40px;

}

.index-title span{

    font-size:14px;

}

.about-list{

    margin-top:30px;

}

.about-box{

    width :310px;

    height :310px;

    position :relative;

    overflow :hidden;

    margin:10px;

}

.about-box img{

    width :100%;

    height :100%;

}

.about-box .about-box-image{

    transform:scale(1.1);

    transition:0.5s;

}

.about-box .about-box-hover{

    position :absolute;

    transform:scale(0);

    top :0;

    left :0;

    transition:0.5s;

    z-index:10;

}

.about-box:hover .about-box-hover{

    transform:scale(1);

}

.about-box:hover .about-box-image{

    transform:scale(1);

}



/*首页产品*/

.product{

    padding-top:30px;

}

.product-title{

    padding-bottom:20px;

    position :relative;

}

.car-left{

    position :absolute;

    left :0;

    bottom :20px;

}

.car-left img{

    width :100%;

}



.car-right{

    position :absolute;

    right :0;

    bottom :10px;

}

.car-right img{

    width :100%;

}

.product-list li{

    padding-left:50px;

}

.product-list .am-control-nav{

    display :none;

}

.product-box{

    width :100%;

    background:#f0f1f3;

    padding:30px 20px;

    float :left;

}

.product-box-left{

    text-align:left;

}

.product-box-left-title{

    font-size:26px;

    font-weight:bold;

    color :#333;

}

.product-box-left-type{

    color:#214e8a;

    line-height:40px;

}



.product-box-left-msg{

    font-size:12px;

    line-height:28px;

    color :#333;

}



.product-box-left-but{

    width :120px;

    text-align:center;

    height :40px;

    line-height:40px;

    border :1px solid #214e8a;

    margin-top:20px;

    color :#333;

    transition:1s;

}



.product-box:hover .product-box-left-but{

    background :#214e8a;

    color :#fff;

}

.am-slider-default .am-direction-nav a:before {

    font-size :42px!important;

}

.am-slider-default .am-direction-nav .am-next {

    right :100px;

}

.am-slider-default .am-direction-nav .am-prev {

    left :100px;

}



/*首页养护查询*/

.yhcx{

    background:url("../images/yhcx.jpg") no-repeat center;

    background-size:auto 100%;

    padding:0 0 20px;

}

.yhcx-title{

    text-align:center;

    font-size:52px;

    padding:30px 0 10px;

    color :#fff;

}

.yhcx-but{

    text-align:center;

}

.yhcx-but a{

    display:inline-block;

    width :180px;

    height :180px;

    line-height:180px;

    text-align:center;

    font-size:14px;

    color :#fff;

    border-radius:50%;

    position :relative;

}

.yhcx-but a span{

    position :relative;

    z-index:10;

    color :#fff;

}

.yhcx-but a .quan1{

    top :0;

    left :0;

    width :100%;

    height :180px;

    transform:scale(0.5);

    background:rgba(33,78,138,0.8);

    position :absolute;

    transition:1s;

    border-radius:50%;

}

.yhcx-but a .quan2{

    top :0;

    left :0;

    width :100%;

    height :100%;

    transform:scale(0.5);

    background:rgba(33,78,138,0.8);

    position :absolute;

    transition:1s;

    border-radius:50%;

}

.yhcx-but a .quan3{

    top :0;

    left :0;

    width :100%;

    height :100%;

    transform:scale(0.5);

    background:rgba(33,78,138,0.8);

    position :absolute;

    transition:1s;

    border-radius:50%;

}

.yhcx-but a:hover .quan2{

    background:rgba(33,78,138,0.2);

    transform:scale(0.9);

}

.yhcx-but a:hover .quan3{

    background:rgba(33,78,138,0.4);

    transform:scale(0.7);

}

.yhcx-tel{

    margin-top:20px;

    font-size:32px;

    color :#f9ae03;

}





/*首页新闻*/

.news .news-title{

    padding:20px 0;

}

.news .news-list{

    max-width :1200px;

    margin:0 auto;

}

.news .news-list li{

    padding:10px;

}

.news .news-list-box{

    width :100%;

    height :247px;

    position :relative;

    overflow :hidden;

}

.news .news-list-box img{

    width :100%;

}

.news .news-list-box-msg{

    position :absolute;

    bottom :0;

    left :0;

    width :100%;

    height :40px;

    line-height:40px;

    padding-left:20px;

    background:rgba(0,0,0,0.6);

    overflow :hidden;

    color :#fff;

    text-align:left;

}

.news .news-list-box-msg span{

    position :relative;

    z-index:99;

}

.news .news-list-box-msg-but{

    position:absolute;

    width :30px;

    height :30px;

    line-height:24px;

    text-align:center;

    font-size:20px;

    border-radius:50%;

    right :20px;

    top :5px;

    z-index:10;

    background:#747474;

    color :#fff;

    transition:1s;

}

.news .news-list-box-msg-bg{

    position:absolute;

    width :30px;

    border-radius:50%;

    height :30px;

    right :20px;

    top :5px;

    background:rgba(33,78,138,0.6);

    transition:1s;

}

.news .news-list-box:hover .news-list-box-msg-bg{

    transform:scale(30);

}

.news .news-list-box:hover .news-list-box-msg-but{

    background:#fff;

    color :#000;

}



footer{

    background-color :#363636;

    margin-top:20px;

    padding-bottom:30px;

}

.footer-ma{

    padding-top:20px;

    font-size:12px;

    color :#797979;

}

.footer-ma div{

    padding:10px;

}

.footer-tell{

    font-size:32px;

    font-weight:bold;

    color :#fff;

}

.footer-jszc{

    font-size:12px;

    color :#606060;

}



/*内容页导航*/

.cp-menu{

    background:#000;

}

.cp-menu-one-li{

    padding:15px 0;

    text-align:center;

    background:#000;

    position :relative;

    transition:1s;

    z-index:10;

}

.cp-menu-one-li .cp-menu-one-a{

    display :block;

    color :#fff;

}

.cp-menu-one-li:hover{

    background:#e29802;

}

.cp-menu-one-li:hover .cp-menu-two{

    bottom :-40px;

    opacity:1;

}

.cp-menu-active{

    background:#e29802;

}

.cp-menu-active .cp-menu-two{

    bottom :-40px;

    opacity:1;

}

.cp-menu-two{

    position :absolute;

    bottom :0px;

    left :0;

    width :100%;

    opacity :0;

    transition:1s;

}

.cp-menu-active-two .cp-menu-two-a{

    background :#494848;

}

.cp-menu-two-li:hover .cp-menu-two-a{

    background :#494848;

    color :#fff;

}

.cp-menu-two-li{

    text-align:center;

    border-left :0px solid #494848;

    padding:0 10px;

}

.cp-menu-two-li:nth-child(1){

    border-left :none;

}

.cp-menu-two-a{

    color :#fff;

    font-size:14px;

    background:#cd0b0b;

    display :block;

    padding:5px 0;

    border-radius:5px;

}


.cp-keywords{
    margin-top: 60px
}
.cp-list{

    max-width :1200px;

    margin:20px auto;

    padding-top:20px;

}

.cp-list li{

    padding:30px;

}

.cp-list-box{

    background:#fff;

    text-align:center;

    color :#333;

    border :1px solid #ccc;

}

.cp-list-box-image{

    width :100%;

    height :300px;

    line-height:300px;

    border-bottom:1px solid #ccc;

    position :relative;

    transform-style:preserve-3d;

    transition:1s;

}

.cp-list-box-image:hover img{


    transform:scale(1.1);

}

.cp-list-box-image img{

    max-width :60%;

    max-height: 90%;

    transition:0.5s;

}

.cp-list-box-title{

    text-align:left;

    padding-left:20px;

    font-size:15px;

    padding-top:30px;

    padding-bottom:10px;

    color :#333;

}

.cp-list-box-niandu{

    text-align:left;

    color :#333;

    font-size:15px;

    padding-left:20px;

    padding-bottom:10px;

}

.cp-list-box-footer{

    background:#cfcfcf;

    color :#333;

    text-align:left;

    padding-left:20px;

    height :40px;

    width :100%;

    line-height:40px;

    position :relative;

}

.cp-list-box-footer a{

    width :20%;

    display :block;

    position :absolute;

    right :0;

    top :0;

    transition:0.5s;

}

.cp-list-box-footer a:hover{

    width :100%;

}

.cp-list-box-guige{

    float :left;

    font-size:14px;

}

.cp-list-box-footer a{

    display :block;

    float :right;

    width :120px;

    height :40px;

    line-height:40px;

    color :#fff;

    background:#214e8a;

    text-align:center;

    font-size:14px;



}



.cp-content{

    max-width :1200px;

    margin:20px auto;

    padding-top:50px;

    background :rgba(255,255,255,0.7);

}



.product-content{



    width:100%;





    padding-top: 3rem;





    background: rgba(255,255,255,0.8);



}

.product-list-content-title{



    font-size: 3.2rem;



    font-weight: bold;



    color: #214e8a;

}



.product-content .product-list-box{

    width :100%;

    background: rgba(255,255,255,0.8);

    border-bottom:2px solid #214e8a;

    float :left;

    padding-bottom:40px;



}



.product-content-image{



    text-align: center;



    line-height: 100%;



    padding: 1% 0;



    transition: 1s;





}







.product-content-image img{



    max-height:260px;



}



.product-content-content{



    font-size: 1.6rem;



    color: #333;



    line-height: 4.8rem;



    transition: 1s;



    padding: 1% 3rem;



}

.product-list-content-texing{
    margin-top: 10px;
    line-height: 3rem;
}

.product-content-content span{

    font-weight: bold;

    color: red

}



.product-message{



    width:100%;



    float: left;






    padding-right: 3%;





    background: rgba(255,255,255,0.8);



}



.product-message-title{





    background-size: 100%;



    padding-bottom: 1rem;


    padding-left:1%;

    padding-top:20px;

    font-size:28px;
    font-weight:bold;
    color :#004b98;

}



.product-message-content{



    padding-left: 5rem;



    padding-top: 1rem;



    background: rgba(255,255,255,0.8);



    min-height: 15rem;



}





.server{

    width :100%;

    padding :20px 40px;

    font-size:14px;

}

.server li{

    padding:20px;

}

.server-box{

    text-align:left;

    line-height:30px;

    padding-bottom:20px;

    border-bottom:1px dashed #999;

}

.server li:nth-child(n+4) .server-box{

    border-bottom:1px dashed #fff;

}

.server-box-time{

    color :#5e5e5e;

    padding-left:10px;

}

.server-box-image{

    width :100%;

    max-height:300px;

    overflow :hidden;

    transition:0.5s;

    position :relative;

}

.server-box-image-box{

    width :100%;

    height :100%;

    position :absolute;

    top :0;

    left :0;

    background:linear-gradient(to top,#51a632,#214e8a);

    opacity :0;

    transform:scaleY(0.6) translateY(-200px);

    transition:0.5s;

}

.server-box-image-text{

    position :absolute;

    width :100%;

    height:300px;

    line-height:300px;

    font-size:24px;

    font-weight:bold;

    color :#fff;

    z-index:10;

    top :0;

    left :0;

    text-align:center;

    transform:translateY(200px);

    transition:0.5s;

}

.server-box:hover .server-box-image-box{

    opacity :0.5;

    transform:scaleY(1);

}

.server-box:hover .server-box-image-text{

    transform:translateY(0);

}

.server-box-image img{

    width :100%;

    transform:scale(1.1);

    transition:0.5s;

}

.server-box:hover .server-box-image img{



    transform:scale(1);

}

.server-box-msg{

    color :#333;

    padding-top:10px;

}



.youshi{

    padding-top:30px;

}

.youshi-content{

    max-width :1200px;

    margin :0 auto;

}

.page-title{

    text-align:center;

    color :#a1a1a1;

    font-size:22px;

    padding:20px 0 10px;

    margin-bottom:40px;

}

.page-title-border{

    padding-bottom:10px;

    border-bottom:5px solid #214e8a;

}

.page-title span{

    color :#a1a1a1;

    font-size:22px;

}

.page-title b{

    color :#000;

    font-size:28px;

    padding-right:10px;

}

.youshi-content-title{

    font-size:22px;

    font-weight:bold;

    color :#000;

    border-bottom:1px solid #d5d5d5;

    padding-bottom:10px;

    padding-left:20px;

}

.youshi-content-title span{

    color :#214e8a;

}

.youshi-content-msg{

    padding:20px;

}

.youshi-content-list{

    position :relative;

    width :600px;

    height :600px;

    text-align:center;

    line-height:600px;

    margin:0 auto;

}

.youshi-content-list-yuan{

    width :242px;

    height :242px;

    position :absolute;

    z-index:99;

    left :179px;

    top :179px;

    transform:scale(0.8);

    transition:2s;

}

.youshi-content-list-list{

    position :absolute;

    z-index :10;

    width :100%;

    height :100%;

    top :0;

    left :0;

    transform:scale(0.8) rotate(360deg);

    transition:2s;

}

.youshi-content-list:hover .youshi-content-list-list{



    transform:scale(1) rotate(0);

}

.youshi-content-list:hover .youshi-content-list-yuan{



    transform:scale(1);

}

.youshi-content-footer{

    margin-top:20px;

}

.youshi-content-footer img{

    width :100%;

}





.xq-about{

    max-width :1200px;

    margin :0 auto;

}

.xq-about-msg{

    padding:10px;

}

.xq-about-image li{

    overflow :hidden;

    position :relative;

}

.xq-about-image img{

    width :100%;

    transform:scale(1);

    transition:1s;

}

.xq-about-image li:hover img{

    transform:scale(1.1);

}

.xq-about-image-msg{

    position :absolute;

    width :100%;

    height :100%;

    z-index :10;

    top :0;

    left :0;

    opacity:0.5;

    transition:0.5s;

}

.xq-about-image-text{

    width :100%;

    height :100%;

    position :absolute;

    top :0;

    left :0;

    z-index:11;

    transition:0.5s;

    background:rgba(33,78,138,0.5);

}

.xq-about-image-text .title{

    font-size:26px;

    font-weight:bold;

    margin-top:40px;

    margin-bottom:20px;

    color :#fff;

    text-align:center;

}

.xq-about-image-text .text{

    color :#fff;

    line-height:80px;

    text-align:center;

    font-size:24px;

}

.xq-about-image li:hover .xq-about-image-text{



    background:rgba(33,78,138,0.6);

}







.contact{

    max-width :1200px;

    margin :30px auto;

}

.contact-tell{

    width :100%;

}

.contact-tell-left{

    width :565px;

    height :324px;

    float :left;

    background:url("../images/contact-left.jpg") no-repeat  center;

    background-size:110% 110%;

    transition:1s;

}

.contact-tell-left:hover{

    background-size:100% 100%;

}

.contact-box{

    width :100%;

    height :100%;

    background: rgba(255,255,255,0.5);

    text-align:center;

    padding:105px 0;

    line-height:50px;

    transform:scale(0.8);

    transition:1s;

}

.contact-tell-left:hover .contact-box{



    transform:scale(1);

    background:rgba(33,78,138,0.4);

}



.contact-tell-left:hover .contact-box .contact-box-number,.contact-tell-left:hover .contact-box .contact-box-title{

    color :#fff;

}

.contact-box-title{

    font-size:32px;

    color :#000;

    font-weight:bold;

    transition:1s;

}

.contact-box-number{

    font-size:40px;

    color :#000;

    transition:1s;

}

.contact-tell-right{

    width :565px;

    height :324px;

    float :right;

    background:url("../images/content-right.jpg") no-repeat  center;

    background-size:110% 110%;

    transition:1s;

}

.contact-tell-right{

    background-size:100% 100%;

}

.contact-tell-right:hover .contact-box{



    transform:scale(1);

    background:rgba(33,78,138,0.4);

}

.contact-tell-right:hover .contact-box .contact-box-number,.contact-tell-right:hover .contact-box .contact-box-title{

    color :#fff;

}



.contact-message{

    width :100%;

    margin-top:30px;

    float :left;

}

.contact-message-title{

    width :40%;

    margin-left:30%;

    text-align:center;

    font-size:28px;

    color :#000000;

    padding:10px 50px;

    padding-left:80px;

    background:url("../images/contact-title.jpg") left center no-repeat;

    background-size:auto 60%;

    background-position-x:60px;

    border-bottom:1px solid #000;

}



.contact-list{

    width :100%;

    padding:10px 0;

}

.contact-list li{

    padding:10px 0 10px 50px;

}

.contact-list-area{

    background:url("../images/area.png") no-repeat left center;

    background-position-x:10px;

}

.contact-list-email{

    background:url("../images/email.png") no-repeat left center;

    background-position-x:10px;

}

.contact-list-e{

    background:url("../images/e.png") no-repeat left center;

    background-position-x:10px;

}

.contact-list-dui{

    background:url("../images/dui.png") no-repeat left center;

    background-position-x:10px;

}

.contact-list-title{

    color :#000;

}

.contact-list-content{

    font-size:12px;

    color:#666;

}





/*新闻资讯*/

.xq-about .news-list{

    max-width :1200px;

    margin :30px auto;

}

.xq-about .news-list li{



    padding:30px 0;

    border-bottom:1px solid #d9d9d9;

}

.xq-about .news-list li:nth-child(1){



    border-top:1px solid #d9d9d9;

}

.xq-about .news-list li:hover .news-list-content-more{

    color :#fff;

    border :1px solid #e94a09;

    background:#e94a09;

}

.xq-about .news-list li .news-list-image img{

    transition:0.5s;

}

.xq-about .news-list li:hover .news-list-image img{

    transform:scale(1.1);

    transition:0.5s;

}



.xq-about .news-list-content-more{

    display :inline-block;

    border :1px solid #214e8a;

    background:#214e8a;

    transition:0.5s;

    color:#fff;

}

.xq-about .xq-about .news-list li:hover .product-list-content-more{

    color :#fff;

    border :1px solid #364857;

    background:#364857;

}

.xq-about .news-list li .product-list-image{

    overflow :hidden;

}

.xq-about .news-list li .product-list-image img{

    width :auto!important;

    transition:0.5s;

}

.xq-about .news-list li:hover .product-list-image img{

    transform:scale(1.1);

    transition:0.5s;

}





.xq-about .news-list-box{



    width:100%;



    background: #fff;



    float: left;





    transition: 1s;



    position: relative;



    overflow:hidden;





}

.xq-about .news-list-content{



    font-size: 1.4rem;



    color: #555;



    line-height: 2.8rem;



    transition: 1s;



    position: relative;



    margin-left: 20%;



}

.xq-about .news-list-content-texing{

    height: 6rem;

    font-size:14px;

    line-height:30px;

    color :#333;

}

.xq-about .news-list-content-title{



    font-size: 2rem;



    font-weight: bold;



    color: #000;



}



.content-title{

    padding-top:30px;

    padding-bottom:10px;

    font-size:24px;

    line-height:50px;

    color :#000;

    border-bottom:1px solid #000;

    margin-bottom:20px;

}



@media(max-width:1400px) {

    .server-box-image{

        width :100%;

        max-height:200px;

        overflow :hidden;

        transition:0.5s;

        overflow :hidden;

    }

    .server-box-image-text{

        position :absolute;

        width :100%;

        font-size:20px;

        height:300px;

        line-height:200px;

    }



    .header-menu a span{

        font-size:12px;

    }



    .header-tell{

        text-align :center;

        font-size:20px;

        color :#cfcfcf;

    }

}
/*导入样式*/
.am-container{
    max-width:1200px;
}
.am-slider-b1 .am-direction-nav a.am-prev {
    left :20%;
    border-radius:5px;
    padding:20px 10px;
}
.am-slider-b1 .am-direction-nav a.am-next {
    right :20%;
    border-radius:5px;
    padding:20px 10px;
}
.banner .am-slider-b1{
     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0);
     box-shadow: 0 1px 4px rgba(0,0,0,0);
    background:#fbfbfb;
}
.menu{
    padding-top:10px;
    height :80px;
    background:#004b98;
}
.menu li{
    position :relative;
}
.menu-hover{
    width :100%;
    height :70px;
    background :#f9a700;
    position :absolute;
    top :0;
    left:0;
    transform:scale(0);
    opacity:1;
    z-index:0;
}
.menu .menu-left a , .menu .menu-right a{
    color :#fff;
    font-size:16px;
    transition:0.5s;
    border-radius:0px;
    background:rgba(249,167,0,0);
    padding:5px 15px;
}
.menu .menu-left a:hover , .menu .menu-right a:hover{
    background:rgba(249,167,0,1);
    border-radius:5px;
}
.menu a:hover .menu-hover{
    transform:scale(1.2);
    opacity:0;
    transition:1s;
}
.menu-left{
    height :70px;
    line-height:70px;
    text-align:center;
}
.menu-center{
    height :70px;
    line-height:70px;
    position :relative;
    text-align:center;
}
.menu-center img{
    position: relative;
    z-index: 100;
}
.menu-center .menu-jiao{
    width :0px;
    height :0px;
    content: '';
    border:97px solid transparent;
    border-top: 30px solid #004b98;
    position :absolute;
    top :70px;
    left :0;
    z-index:100;
}
.menu-right{
    height :70px;
    text-align:center;
    line-height:70px;
}


.in-about{
    padding-top:40px;
    background :#fbfbfb;
}
.in-about-title{
    background:url("../images/in-about-title.png") no-repeat left center;
    background-size:auto 100%;
    height :70px;
    font-size:28px;
    font-weight:bold;
    line-height:90px;
}
.in-about-title span{
    font-size:20px;
    font-weight:bold;
    line-height:10px;
    color :#004b98;
    position :relative;
    top :-10px;
}
.in-about-content{
    font-size:14px;
    line-height:35px;
    padding-right:30px;
    height :240px;
}
.in-about-but{
    display :block;
    width :120px;
    height :40px;
    background:#0089e1;
    margin-top:20px;
    text-align:center;
    float :right;
    color :#fff;
    line-height:40px;
    margin-right:30px;
}
.in-about-but:hover{
    color :#fff;
}
.in-about-image img{
    max-width :100%;
}

.hezuo{
    background:url("../images/hezuo.jpg") bottom center no-repeat #fbfbfb;
    padding-top:40px;
}
.hezuo-title{
    font-size:20px;
    font-weight:bold;
    color :#004b98;
    text-align:center;
    line-height:30px;
}
.hezuo-ftitle{
    color :#bfbfbf;
    text-align:center;
    line-height:30px;
}
.hezuo-title-image{
    text-align:center;
}
.hezuo-list{
    position :relative;
    padding:30px 0 100px;
}

.hezuo-list li img{
    transition:0.5s;
}
.hezuo-list li:hover img{
    transform:scale(1.1);
}
.hezuo-list .am-control-nav{
    display :none;
}
.hezuo-list .am-slider-default {
    background:none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0);
    box-shadow: 0 0 2px rgba(0,0,0,0);
}
.hezuo-list .am-slides li{
    background-color:#fff;
    height :120px;
    margin:0 20px;
    border :1px solid #e5e5e5;
    overflow :hidden;
    line-height:120px;
    
}
.hezuo-list .am-slider-default .am-direction-nav .am-prev{
    display :block;
    height :120px;
    width :50px;
    line-height:120px;
    background-color:#b5b5b5;
    top :19px;
    left :0px;
    opacity:1;
    transition:1s;
}
.hezuo-list .am-slider-default .am-direction-nav a:hover{
    background-color:#f9a700;
}
.hezuo-list .am-slider-default .am-direction-nav .am-prev:before{
    content :'<';
    color :#fff;
    font-weight:bold;
    font-size:24px;
}
.hezuo-list .am-slider-default .am-direction-nav .am-next{
    display :block;
    height :120px;
    width :50px;
    line-height:120px;
    background-color:#b5b5b5;
    top :19px;
    right :0px;
    opacity:1;
}
.hezuo-list .am-slider-default .am-direction-nav .am-next:before{
    content :'>';
    color :#fff;
    font-weight:bold;
    font-size:24px;
}


.in-youshi{
    padding-top:30px;
    background :url("../images/in-youshi.jpg") no-repeat center center;
    background-size:auto 100%;
}
.in-youshi-title{
    font-size:36px;
    color :#0089e1;
    font-weight:bold;
    text-align:center;
}
.in-youshi-msg{
    color :#fff;
    font-size:18px;
    text-align:center;
}
.in-youshi-ftitle{
    font-size:14px;
    color :#fff;
    opacity :0.3;
    text-align:center;
}
.in-youshi-list{
    margin-top:20px;
    margin-bottom:40px;
}
.in-youshi-list li{
}
.in-youshi-box{
    width :360px;
    height :500px;
    position :relative;
    text-align:center;
    color :#fff;
    overflow :hidden;
    padding:0 20px;
    transform:scale(0.9);
    transition:1s;
}
.in-youshi-box-title{
    font-size:41px;
    margin-top:70px;
    font-weight:bold;
    position :relative;
    z-index:10;
}
.in-youshi-box-ftitle{
    margin-top:20px;
    font-size:20px;
    font-weight:bold;
    position :relative;
    z-index:10;
}
.in-youshi-box-msg{
    margin-top:115px;
    font-size:22px;
    font-weight:bold;
    position :relative;
    z-index:10;
}
.in-youshi-box-content{
    margin-top:50px;
    font-size:14px;
    position :relative;
    z-index:10;
}

.in-youshi-box-left-top{
    position :absolute;
    left :0;
    top :-50%;
    width :2px;
    height :500px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-left-bottom{
    position :absolute;
    left :0;
    top :50%;
    width :2px;
    height :500px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-right-top{
    position :absolute;
    right :0;
    top :-50%;
    width :2px;
    height :500px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-right-bottom{
    position :absolute;
    right :0;
    top :50%;
    width :2px;
    height :500px;
    background:#fff;
    transition:1s;
}


.in-youshi-box-top-left{
    position :absolute;
    left :-50%;
    top :0;
    width :360px;
    height :2px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-top-right{
    position :absolute;
    right :-50%;
    top :0;
    width :360px;
    height :2px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-bottom-left{
    position :absolute;
    left :-50%;
    bottom :0;
    width :360px;
    height :2px;
    background:#fff;
    transition:1s;
}
.in-youshi-box-bottom-right{
    position :absolute;
    right :-50%;
    bottom :0;
    width :360px;
    height :2px;
    background:#fff;
    transition:1s;
}

.in-youshi-box-image{
    width :100%;
    height :100%;
    position :absolute;
    top :0;
    left:0;
    z-index:0;
    opacity :0;
    transition:1s;
}
.in-youshi-box-image img{
    width :100%;
    min-height :100%;
}
.in-youshi-box:hover{
    transform:scale(1);
}
.in-youshi-box:hover .in-youshi-box-hover1{
    transform:scaleY(0.2) scaleX(3);
    z-index:1;
}
.in-youshi-box:hover .in-youshi-box-hover2{
    transform:scaleY(3) scaleX(0.3);
    z-index:1;
}
.in-youshi-box:hover .in-youshi-box-image{
    opacity :1;
}





.in-cp{
    margin-top:40px;
}
.in-cp-image{
    padding:10px;
    height :590px;
    overflow :hidden;
}
.in-cp-image img{
    width :100%;
}
.in-cp-list{

}
.in-cp-list li{
    padding:10px;
}
.in-cp-box{
    position :relative;
    width :100%;
    height :280px;
    overflow :hidden;
}
.in-cp-box .in-cp-box-image{
    width :100%;
    min-height :280px;
    transform:scale(1.1);
    transition:1s;
    z-index:1;
}
.in-cp-title{
    position :absolute;
    width :110px;
    height :50px;
    line-height:50px;
    font-size:20px;
    color :#c8c8c8;
    background:url("../images/in-cp-border.jpg") top left no-repeat;
    bottom :20px;
    left :20px;
    z-index:10;
    transform:translateY(0);
    transition:1s;
}
.in-cp-hover1{
    position :absolute;
    bottom :1px;
    right :10px;
    z-index:10;
    transform:translateX(200px);
    transition:1s;
}
.in-cp-hover1 img{
    max-height :120px;
}
.in-cp-box-lj{
    width :100%;
    height :100%;
    position :absolute;top :0;left :0;
    background:rgba(0,0,0,0.2);
    z-index:2;
    padding-top:30px;
    text-align:center;
    color :#fff;
    font-size:34px;
    font-weight:bold;
    opacity:0;
    transition:1s;
}
.in-cp-box:hover .in-cp-box-image{
    transform:scale(1);
}
.in-cp-box:hover .in-cp-title{

    transform:translateY(200px);
}
.in-cp-box:hover .in-cp-hover1{

    transform:translateX(0);
}
.in-cp-box:hover .in-cp-box-lj{

    opacity:1;
}


.footer-menu ul{
    width :100%;
    height :140px;
    float :left;
}
.footer-menu li{
    height :140px;
    position :relative;
}
.footer-menu-box{
    background :#f9a700;
    color :#fff!important;
    padding:30px 20px 30px 70px;
    width :100%;
    height :140px;
    position :absolute;
    left :0;
    top :30px;
}
.footer-menu li:nth-child(2) .footer-menu-box{

    background :#000;
}
.footer-menu li:nth-child(3) .footer-menu-box{

    background :#0089e1;
}
.footer-menu-box-image{
    float :left;
    line-height:80px;
    padding-right:20px;
    position :relative;
    z-index:101;
}
.footer-menu-box-image img{

    transition:1s;
}
.footer-menu-box:hover .footer-menu-box-image img{
    transform:rotate(360deg);
    transition:1s;
}
.footer-menu-title{
    float :left;
    font-size:20px;
    width :50%;
    color :#fff!important;
    position :relative;
    z-index:101;
}
.footer-menu-ftitle{
    width :60%;
    float :left;
    font-size:14px;
    color :#fff!important;
    position :relative;
    z-index:101;
}
.footer-menu-but{
    width :50%;
    display :block;
    float :left;
    position :relative;
    z-index:101;

}

footer{
    background:url("../images/footer-bg.png") no-repeat center center;
    padding-top:60px
}
.footer-contact-title{
    color :#4d4d4f;
    font-size:24px;
    font-weight:bold;
}
.footer-contact-ftitle{
    color :#3c3c3e;
    font-size:14px;
}
.footer-contact-tel{
    color :#004b98;
    font-size:24px;
}
.footer-guanzhu-title{
    color :rgba(255,255,255,0.5);
    line-height:43px;
}
.footer-guanzhu-ftitle{
    margin-top:20px;
}
.footer-tel{
    margin-top:30px;
    line-height:30px;
}
.footer-area{
    margin-top:30px;
    line-height:30px;
}
.footer-tel-box{
    font-size:15px;
    color :rgba(255,255,255,0.5);
}
.footer-area-box{
    font-size:15px;
    color :rgba(255,255,255,0.5);
}
.footer-message{
    float :left;
    width :100%;
    height :30px;
    line-height:30px;
    font-size:12px;
    margin-top:80px;
    background :#004b98;
    color :#bfbfbf;
    text-align:center;
    position :relative;
}
.footer-message-but{
    display :block;
    position :absolute;
    width :30px;
    height :30px;
    top :0;
    right :0;
    border-bottom:1px solid #000;
    transform:rotate(90deg);
    line-height:24px;
    text-align:center;
    color :#fff;
    font-size:20px;
}
.footer-message-but:hover{
    color :#fff;
    cursor:pointer;
}
.footer-guanzhu-ftitle-wx{
    position :relative;
    cursor:pointer;
}

.footer-guanzhu-ftitle-wx:hover .footer-guanzhu-ftitle-wxma{
    opacity :1;
    transform:scale(1);
    transition:0.5s;
}
.footer-guanzhu-ftitle-wxma{
    opacity :0;
    position :absolute;
    top :-100px;
    left:30px;
    width :100px;
    height :100px;
    transform:scale(0);
}
.footer-guanzhu-ftitle-wxma img{
    width :100%;
    height :100%;
}
.footer-menu-box:hover .footer-menu-hover{
    opacity:0.5;
}
.footer-menu-hover{
    width :100%;
    height :100%;
    position :absolute;
    top :0;
    left :0;
    background :linear-gradient(to left,#00a8e6,#f9a700);
    z-index:100;
    opacity:0;
    transition:1s;
}
.in-cp-more{
    position :absolute;
    top :0;
    left :0;
    width :100%;
    height :100%;
    text-align:center;
    line-height:280px;
}
.menu-hover-image{
    width :20px;
}