/*-----------------------------------------------------------*/



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



/*版权所有违者必究*/



/*-----------------------------------------------------------*/











/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {



    width: 12px;



    height: 12px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 12px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 12px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







 ::selection {



	background-color: #034238;



	color: #fff;



}







::-moz-selection {



	background-color: #034238;



	color: #fff;



}







::-webkit-selection {



	background-color: #034238;



	color: #fff;



}







#wjdh-kefu .wjdh-kefu-qq p,



#wjdh-kefu .wjdh-kefu-qq a,



#wjdh-kefu .wjdh-kefu-tel p,



#wjdh-kefu .wjdh-kefu-tel img,



#wjdh-kefu .wjdh-kefu-erweima img{



    box-sizing: content-box;



}



* {



    padding: 0;



    margin: 0;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







body { 



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0; 



    line-height: 1.5;



}



*:before, *:after {



    box-sizing: content-box;



}



:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;



}



input,textarea {



    outline: 0;



    border: 0;



    resize: none;



}















h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}







.webqq_ewm{box-sizing: content-box;}











.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop));



   box-shadow: 0px 10px 12px rgba(0,0,0,.1);



}















html{



        cursor: url(../images/cur.png),



        default;



}







a{



   cursor: url(../images/Acur.png),



   default ;



}







textarea{



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



 



}







input[type="text"]{



     animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



}



input[type="button"]



{



   cursor: url(../images/Acur.png),



   default  !important;



}







input,button{



        outline: none;



}







@keyframes animated {



    0% {



        cursor: url('../images/Pcuro1.png'),



        auto;



    }







    8.8% {



        cursor: url('../images/Pcuro2.png'),



            auto;



    }







    17.6% {



        cursor: url('../images/Pcuro3.png'),



            auto;



    }







    26.4% {



        cursor: url('../images/Pcuro4.png'),



            auto;



    }







    35.2% {



        cursor: url('../images/Pcuro5.png'),



            auto;



    }







    44% {



        cursor: url('../images/Pcuro6.png'),



            auto;



    }







    52.8% {



        cursor: url('../images/Pcuro7.png'),



            auto;



    }







    61.6% {



        cursor: url('../images/Pcuro8.png'),



            auto;



    }







    70.4% {



        cursor: url('../images/Pcuro9.png'),



            auto;



    }







    79.2% {



        cursor: url('../images/Pcuro10.png'),



            auto;



    }







    88% {



        cursor: url('../images/Pcuro11.png'),



            auto;



    }







    100% {



        cursor: url('../images/Pcuro12.png'),



            auto;



    }







    



}















.wjdh-ico1,.wjdh-ico2{vertical-align: middle;}







.UrbansubstationBox {



    display: inline-block;



    position: relative;



    z-index: 999;



}







.Urbansubstation {



    position: absolute;



    bottom: 40px;



    left: -50%;



    transform: translateX(-25%);



    background: #f8f8f8;



    width: 0;



    height: 0;



    overflow: hidden;



    box-sizing: border-box;



    line-height: 0;



    font-size: 0;



    border-radius: 10px;



    color: #333 !important;



}







.Urbansubstationfenzhan {



    height: 40px;



    line-height: 40px;



    font-weight: bold;



    font-size: 16px;



    display: block;



    text-align: center;



    color: #333 !important;



}







.UrbansubstationBoxCenter p {



    width: 94%;



    height: 100%;



    border: 1px dashed #e2e2e2;



    margin: 0 auto 10px;



    border-radius: 5px;



    line-height: 0 !important;



}







.UrbansubstationBoxCenter p a {



    text-align: left;



    position: relative;



    width: 100%;



    box-sizing: border-box;



    display: block;



    color: #666 !important;



    padding: 5px 10px 5px 30px;



    line-height: 26px !important;



    font-size: 16px;



    -webkit-transition: .5s;



    transition: .5s;



}







.UrbansubstationBox:hover .Urbansubstation {



    min-width: 160px;



    height: auto;



    background-color: #ffffff;



    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);



    border-radius: 5px;



}







.Urbansubstation p a:hover::before {



    border-color: #034238;



}







.Urbansubstation p a:hover::after {



    background: #034238;



}







.Urbansubstation p a::after {



    content: "";



    width: 6px;



    height: 6px;



    background: #ddd;



    position: absolute;



    top: 16px;



    left: 15px;



    border-radius: 50%;



    -webkit-transition: .5s;



    transition: .5s;



}







.Urbansubstation p a::before {



    content: "";



    width: 14px;



    height: 14px;



    border: 1px solid #ddd;



    position: absolute;



    top: 11px;



    left: 10px;



    border-radius: 50%;



    -webkit-transition: .5s;



    transition: .5s;



}







.Urbansubstation p a:hover {



    transform: translateY(-2px);



    color: #034238 !important;



}







.disablemouserightclick,.disablechoose,.disablecopy{



    display: none;



}







@media (min-width: 1200px){



    .container,dl-container {



        width: 1200px  !important;



    }



}















html {



    font-size: 100px;



  }







  .clear{



    clear: both;



}







.p_container{



    width: 68%;



    max-width: 1300px;



    margin: 0 auto;



}











.header{



    width: 100%;



    margin: 0 auto;



    height: 1px;



}







/* top */







.top_bg{



    width: 100%;



    margin: 0 auto;



    height: 1.23rem;



    position: relative;



    z-index: 9;



    background: #fff;



}







.top_bg .logo{



    float: left;



    margin-left: 12.5%;



}







.top_bg .logo h1{



    line-height: 1.5;



}







.top_bg .logo h1 a{



    display: block;



    font-size: 0.34rem;



    color: #333333;



    font-weight: bold;



    line-height: 1.23rem;



}















/*导航*/







.nav_bg{



    position: relative;



    z-index: 9;



    float: right;



    width: 46%;



    height: 1.23rem;



    margin-right: 6%;



}







.nav_bg .menu{



    position: relative;



    z-index: 9;



    margin: 0 auto;



    width: 100%;



    height: 1.23rem;



    box-sizing: content-box;







}







.nav_bg .menu>ul>li{



    float: left;



    width: 14%;



    height: 1.23rem;



    position: relative;



    z-index: 5;



}











.nav_bg .menu>ul>li>a{



    display: block;



    text-align: center;



    font-size: 0.18rem;



    color: #333333;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    position: relative;



    box-sizing: content-box;



    margin-top: 0.47rem;



}







.nav_bg .menu>ul>li>a>i{



    display: block;



    font-size: 0.12rem;



    color: #8b9896;



    font-family: Arial, Helvetica, sans-serif;



    text-align: center;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    margin-top: 0.05rem;



    opacity: 0;



}







.nav_bg .menu>ul>li::after{



    position: absolute;



    left: 0;



    top: 0px;



    width: 100%;



    height: 0;



    content: "";



    z-index: -1;



    background: #034238;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}











.nav_bg .menu>ul>li:hover::after{



    height: 100%;



    



}







.nav_bg .menu>ul>li:hover>a{



  font-weight: bold;



  color:  #fff;



}







.nav_bg .menu>ul>li:hover>a>i{



    opacity: 1;



}







.nav_bg .menu>ul>li.another::after{



    height: 100%;



}







.nav_bg .menu>ul>li.another>a{



    font-weight: bold;



    color:  #fff;



}







.nav_bg .menu>ul>li.another>a>i{



    opacity: 1;



}











.nav_bg .sec{



    position: absolute;



    left: -1020px;



    top: 110%;



    width: 1300px;



    height: 400px;



    padding: 0 78px;



    box-sizing: content-box;



    opacity: 0;



    visibility: hidden;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    background: url(../images/top_nav2.png) no-repeat center;



    overflow: hidden;



}







.nav_bg .sec .sec_nr{



    width: 1300px;



    margin: 0 auto;



}







.nav_bg .sec .sec_nr .pro_l{



    float: left;



    width: 1060px;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list{



    height: 130px;



    position: relative;



    z-index: 5;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list::after{



    position: absolute;



    left: 0px;



    top: 53px;



    width: 1060px;



    height: 1px;



    background: #dddddd;



    content: "";



    z-index: -1;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li{



    float: left;



    text-align: center;



    width: 200px;



    height: 115px;



    margin: 15px 6px 0 6px;



    box-sizing: content-box;







}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li a{



    font-size: 18px;



    color: #333333;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    position: relative;



    line-height: 110px;



    margin-top: 15px;







}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li a::after{



    position: absolute;



    content: "";



    left: 97px;



    top: 21px;



    width: 5px;



    height: 5px;



    background: #cccccc;



    border-radius: 50%;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li a::before{



    position: absolute;



    content: "";



    left: 92px;



    top: 16px;



    width: 13px;



    height: 13px;



    border:1px solid #cccccc;



    border-radius: 50%;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li.casehover a{



    color: #034238;







}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li.casehover a::before{



    border:1px solid #034238;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_list ul li.casehover a::after{



    background: #034238;



}



.nav_bg .sec .sec_nr .pro_l .pro_l_box{



    margin: 5px auto 0 auto;



    



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li{



    float: left;



    width: 232px;



    margin-right: 32px;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .pic{



    width: 230px;



    height: 175px;



    background: #fff;



    border: 1px solid #eeeeee;



    border-radius: 5px;







}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .pic a{



    display: inline-block;



    overflow: hidden;



    width: 210px;



    height: 155px;



    margin: 10px;



    border-radius: 3px;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .pic img{



    width: 210px;



    height: 155px;



    border-radius: 3px;



    overflow: hidden;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li:hover .pic img{



    transform: scale(1.1);



    -webkit-transform: scale(1.1);



    -o-transform: scale(1.1);



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .txt{



    width: 210px;



    height: 40px;



    line-height: 40px;



    margin: 0 auto;



} 







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .txt h5 a{



    float: left;



    width: 120px;



    font-size: 16px;



    color: #333333;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li .txt .more{



    display: block;



    float: right;



    font-size: 14px;



    color: #999;



    text-transform: uppercase;



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



    padding-left: 25px;



    box-sizing: content-box;



}







.nav_bg .sec .sec_nr .pro_l .pro_l_box .pro_l_nr ul li:hover .txt h5 a{



    color: #034238;







}







.nav_bg .sec .sec_nr .pro_r{



    float: right;



    width: 240px;



    margin-top: 100px;



}







.nav_bg .sec .sec_nr .pro_r .tel{



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



    padding-left: 45px;



    font-size: 24px;



    color: #333;



    font-family: Arial, Helvetica, sans-serif;



    box-sizing: content-box;



    line-height: 28px;



}







.nav_bg .sec .sec_nr .pro_r .nav_more{



    margin-top: 20px;



    margin-left: 45px;



    width: 125px;



    height: 35px;



    line-height: 35px;



    background: #034238;



    border-radius: 5px;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}



.nav_bg .sec .sec_nr .pro_r .nav_more a{



    display: block;



    text-align: center;



    font-size: 16px;



    color: #fff;



}







.nav_bg .sec .sec_nr .pro_r .nav_more:hover{



    border-radius: 25px;



}



















.drop-down:hover .sec{



    top: 100%;



    opacity: 1;



    visibility: visible;



    filter: alpha(opacity=100);



}











.nav_bg .news{



    left: -900px;



}







.nav_bg .news .news_t{



    margin-top: 55px;



    overflow: hidden;



}







.nav_bg .news .news_t .news_title{



    background: url(../images/news_title.png) no-repeat top left;



    width: 298px;



    height: 55px;



    overflow: hidden;



    float: left;



}







.nav_bg .news .news_t .news_title h5 a{



    display: block;



    font-size: 24px;



    color: #034238;



    font-weight: bold;



    text-align: left;



    line-height: 30px;



    margin-left: 75px;



}







.nav_bg .news .news_t .news_title h5 a i{



    font-size: 24px;



    color: #034238;



    font-weight: bold;



    margin-left: 25px;



}







.nav_bg .news .news_t .news_title span{



    display: block;



    text-align: right;



    font-size: 12px;



    color: #999999;



    text-transform: uppercase;



    line-height: 30px;



    margin-top: 5px;



}







.nav_bg .news .news_t .news_list{



    float: right;



    height: 33px;



    margin-top: 20px;



}







.nav_bg .news .news_t .news_list ul li{



    float: left;



    margin-left: 60px;



    background: url(../images/nav_xt1.png) no-repeat  top left;



    width: 81px;



    height: 33px;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .news .news_t .news_list ul li a{



    font-size: 16px;



    color: #034238;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    line-height: 18px;



    margin-left: 15px;



}







.nav_bg .news .news_t .news_list ul li:hover{



    background: url(../images/nav_xt2.png) no-repeat  top left;



}







.nav_bg .news .news_t .news_list ul li:hover a{



    color: #034238;



}







.nav_bg .news .news_nr{



    margin: 35px auto 45px auto;



    background: #fff;



    border-radius: 8px;



    overflow: hidden;



    box-sizing: content-box;



    padding: 40px 0;



}







.nav_bg .news .news_nr ul li{



    float: left;



    width: 400px;



    height: 95px;



    border-bottom: 1px solid #dddddd;



    margin: 0 16px 40px 16px;



}







.nav_bg .news .news_nr ul li .txt{



    float: left;



    width: 305px;



    text-align: left;



}







.nav_bg .news .news_nr ul li .txt a{



    font-size: 16px;



    color: #666666;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    line-height: 30px;



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



    padding-left: 30px;



    box-sizing: content-box;



    margin-top: -5px;



}







.nav_bg .news .news_nr ul li .txt p{



    font-size: 14px;



    color: #999999;



    line-height: 26px;



    height: 52px;



    overflow: hidden;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    margin-left: 30px;



    margin-top: 3px;



}







.nav_bg .news .news_nr ul li .time{



    float: right;



    width: 65px;



    height: 75px;



    background: #034238;



    border-top-right-radius: 15px;



    border-bottom-left-radius: 15px;



    text-align: center;



} 







.nav_bg .news .news_nr ul li .time span{



    font-size: 30px;



    color: #fff;



    font-family: Arial, Helvetica, sans-serif;



    line-height: 30px;



    display: block;



    margin-top: 12px;



}







.nav_bg .news .news_nr ul li .time p{



    font-size: 12px;



    color: #fff;



    line-height: 26px;



}







.nav_bg .news .news_nr ul li:hover .txt a{



    color: #034238;



    margin-left: 5px;







}















.nav_bg .pro{



    left: -1065px;



    padding-bottom: 0px;



    box-sizing: content-box;



    background: url(../images/top_nav1.png) no-repeat center;



}







.nav_bg .sec .ab_l{



    float: left;



    width: 495px;



    margin-top: 60px;



}







.nav_bg .sec .ab_l h5{



    font-size: 24px;



    color: #333333;



    font-weight: bold;







}







.nav_bg .sec .ab_l p{



    font-size: 15px;



    color: #777777;



    line-height: 36px;



    height: 144px;



    overflow: hidden;



    margin: 15px 0 30px 0;







}







.nav_bg .sec .ab_l .more{



    height: 35px;



    line-height: 35px;







}







.nav_bg .sec .ab_l .more a{



    display: block;



    text-align: center;



    font-size: 16px;



    color: #fff;



    float: left;



    width: 139px;



    height: 35px;



    background: #034238;



    border-radius: 5px;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;







}







.nav_bg .sec .ab_l .more a:hover{



    border-radius: 45px;



}







.nav_bg .sec .ab_l .more .tel{



    float: left;



    margin-left: 30px;



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



    padding-left: 45px;



    font-size: 24px;



    color: #333;



    font-family: Arial, Helvetica, sans-serif;



    box-sizing: content-box;



}







.nav_bg .sec .ab_c{



    margin-left: 140px;



    margin-top: 50px;



    width: 255px;



    float: left;



} 







.nav_bg .sec .ab_c ul li{



    width: 255px;



    height: 80px;



    border-bottom: 1px solid #dddddd;



    border-right: 1px solid #dddddd;



    padding-top: 25px;



    box-sizing: content-box;



}







.nav_bg .sec .ab_c ul li:last-child{



    border-bottom:none;



}







.nav_bg .sec .ab_c ul li a{



    display: block;



    position: relative;



    z-index: 5;



}







.nav_bg .sec .ab_c ul li a img{



    display: block;



    float: left;



    width: 55px;



    height: 55px;



    border-radius: 50%;



    border: 1px solid #ddd;



    margin-right: 25px;



    margin-left: 10px;



    position: relative;



    z-index: 5;







}







.nav_bg .sec .ab_c ul li a::after{



    position: absolute;



    left: 0px;



    top: -10px;



    width: 69px;



    height: 75px;



    background: url(../images/nav_xt1.png) no-repeat  center;



    content: "";



    z-index: -1;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .ab_c ul li a span{



    display: block;



    font-size: 18px;



    color: #333;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .ab_c ul li a span i{



    display: block;



    font-size: 14px;



    color: #999;



    font-family: Arial, Helvetica, sans-serif;



    margin-top: 3px;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .ab_c ul li:hover a span{



    color: #034238;



    transform: translateX(7px);



    -webkit-transform: translateX(7px);



    -o-transform: translateX(7px);







}



.nav_bg .sec .ab_c ul li:hover a span i{



    color: #034238;







}







.nav_bg .sec .ab_r{



    float: right;



    width: 330px;



    margin-top: 50px;



}







.nav_bg .sec .ab_r .tuijian_t{



    height: 30px;



    line-height: 30px;



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



    padding-left: 30px;



    font-size: 20px;



    color: #333;



    box-sizing: content-box;



}







.nav_bg .sec .ab_r .tuijian_nr{



    margin-top: 20px;



    width: 330px;



    height: 240px;



    position: relative;







}







.nav_bg .sec .ab_r .tuijian_nr .pic{



    width: 330px;



    height: 240px;



    background: #fff;



    border-radius: 5px;



    position: relative;



}







.nav_bg .sec .ab_r .tuijian_nr .pic img{



    width: 310px;



    height: 220px;



    position: relative;



    margin: 10px;



    border-radius: 5px;



}







.nav_bg .sec .ab_r .tuijian_nr .txt{



    position: absolute;



    left: 10px;



    bottom: 10px;



    width: 310px;



    height: 40px;



    line-height: 40px;



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



    text-align: center;



    border-bottom-left-radius: 5px;



    border-bottom-right-radius: 5px;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    z-index: 5;



} 







.nav_bg .sec .ab_r .tuijian_nr .txt a{



    font-size: 16px;



    color: #fff;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    margin: 0 5px;



}







.nav_bg .sec .ab_r .tuijian_nr .txt::after{



    position: absolute;



    left: 0px;



    top: 0px;



    width: 0px;



    height: 40px;



    background: #034238;



    border-bottom-left-radius: 5px;



    border-bottom-right-radius: 5px;



    content: "";



    z-index: -1;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.nav_bg .sec .ab_r .tuijian_nr:hover .txt::after{



    width: 100%;



}







.fixedNav {



    margin: 0 auto;



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop));



  



}







/* 询盘*/







.xpBox{



    width: 6%;



    height: 1.23rem;



    z-index: 10;



    position: absolute;



    top: 0px;



    right: 0px;



    background: #034238 url(../images/xunpan.png) center center no-repeat;



  }



  



  .xpBox:hover .topxunpan {



    width: 220px;



    height: 38px;



    background: #fff;



    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);



    opacity: 1;



  }



  



  i {



    font-weight: normal;



    font-style: normal;



  }



  



  .topxunpan {



    cursor: pointer;



    display: block;



    margin-left: 30px;



    position: absolute;



    z-index: 5;



    width: 0px;



    height: 38px;



    border-radius: 30px 0px 0px 30px;



    line-height: 36px;



    background: #fff;



    right: 120px;



    top: 0.4rem;



    -webkit-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    opacity: 0;



  }



  



  



  .topxunpan .xp {



    position: relative;



    line-height: 38px;



    color: #666;



    font-size: 16px;



    cursor: pointer;



    padding-left: 20px;



  }



  



  .topxunpan .xp>span{



    width: 100%;



    height: 38px;



    overflow: hidden;



    display: block;



  }



  



  .topxunpan .xp img {



    position: relative;



    top: 8px;



    margin: 0 7px 0 0px;



  



  }



  



  .topxunpan .xp i {



    padding: 0 0px;



    margin-left: 0px;



    margin-right: 0px;



    box-sizing: border-box;



    color: #666;



    font-size: 16px;



    font-weight: bold;



  }



  



  .topxunpan .xp #xunpantip {



    z-index: 999;



    position: absolute;



    top: 35px;



    left: 50%;



    width: 180px;



    height: 34px;



    line-height: 34px;



    text-align: center;



    color: #fff;



    font-size: 14px;



    -webkit-transform: translateX(-50%) scale(0);



    -moz-transform: translateX(-50%) scale(0);



    -o-transform: translateX(-50%) scale(0);



    -ms-transform: translateX(-50%) scale(0);



    transform: translateX(-50%) scale(0);



    -webkit-transition: transform .4s, opacity .4s;



    -moz-transition: transform .4s, opacity .4s;



    -o-transition: transform .4s, opacity .4s;



    -ms-transition: transform .4s, opacity .4s;



    transition: transform .4s, opacity .4s;



    background-color: #034238;



    border-radius: 4px;



    opacity: 0;



    font-weight: bold;



    box-shadow: 5px 5px 2px #dfdfdf;



  }



  



  .topxunpan .xp #xunpantip::after {



    content: '';



    position: absolute;



    top: -16px;



    left: 50%;



    width: 0;



    height: 0;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



    border: 8px solid transparent;



    border-bottom-color: #034238;



  }



  



  .topxunpan .xp #xunpantip.xunpantextactive {



    -webkit-transform: translateX(-50%) scale(1);



    -moz-transform: translateX(-50%) scale(1);



    -o-transform: translateX(-50%) scale(1);



    -ms-transform: translateX(-50%) scale(1);



    transform: translateX(-50%) scale(1);



    opacity: 1;



  }



  







/* phone_header*/







.phone_header{



    width: 100%;



    margin: 0 auto;



    display: none;



}







.headerTop {



    position: relative;



    z-index: 9;



    width: 100%;



    height: 0.7rem;



  }



  .headerTop .headerTel {



    float: left;



    margin-top: 0.18rem;



    margin-left: 0.2rem;



  }



  .headerTop .headerTel a {



    display: block;



    font-size: 0.18rem;



    color: #333;



    font-weight: bold;



  }



  .headerTop .headerTel a img {



    width: auto;



    height: 0.35rem;



  }



  .headerTop .heaederMenu {



    position: relative;



    width: 0.27rem;



    height: 0.23rem;



    top: 0.2rem;



    right: 0.2rem;



    float: right;



  }



  .headerTop .heaederMenu span {



    width: 0.27rem;



    height: 0.23rem;



    background: url(../images/menu.png) no-repeat center;



    display: block;



    background-size: 100%;



    -webkit-transition: 0.5s;



    transition: 0.5s;



  }



  .Nav {



    width: 100%;



    height: 100%;



    position: fixed;



    top: 0;



    z-index: 999;



    left: 0;



    background: #034238;



    display: none;



    overflow-x: hidden;



  }



  .Nav .navBox .close {



    height: 0.45rem;



    width: 0.45rem;



    position: absolute;



    top: 2%;



    right: 2%;



  }



  .Nav .navBox .close img {



    width: 100%;



  }



  .Nav .navBox h4 {



    text-align: center;



    color: #fff;



    font-size: 0.3rem;



    margin-top: 0.5rem;



    font-weight: bold;



  }



  .Nav .navBox ul {



    width: 80%;



    padding: 0 10%;



    margin-top: 20%;



    box-sizing: content-box;



  }



  .Nav .navBox ul li a {



    text-align: center;



    line-height: 3.5;



    color: #fff;



    font-size: 0.18rem;



    border-bottom: 1px solid rgba(255, 255, 255, 0.2);



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



  }















  @media (max-width: 1200px) {







    .p_container{



        width: 94%;



        margin: 0 auto;



    }







    .top_bg{



        display: none;



    }











    .phone_header{



        display: block;



    }











  }















/* footer */







.footer_bg{



    width: 100%;



    height: 4.15rem;



    margin: 0 auto;



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



}











.footer_bg .footer{



    margin: 0 auto;



    padding-top: 0.65rem;



    box-sizing: content-box;



}







.footer_bg .footer .f_l{



    float: left;



    width: 27%;



    margin-top: 0.3rem;



}







.footer_bg .footer .f_l img{



    display: block;



}







.footer_bg .footer .f_l .tel{



    margin-top: 0.25rem;



    height: 0.45rem;



    font-size: 0.16rem;



    color: #666666;



}







.footer_bg .footer .f_l .tel i{



    font-size: 0.2rem;



    color: #333333;



    font-family: Arial, Helvetica, sans-serif;



}







.footer_bg .footer .f_l .xt{



    width: 74%;



    height: 1px;



    background: #e7e7e7;



}







.footer_bg .footer .f_l .f_cont{



    margin-top: 0.15rem;







} 







.footer_bg .footer .f_l .f_cont span{



    display: block;



    font-size: 0.16rem;



    color: #666666;



    margin-bottom: 0.05rem;



}







.footer_bg .footer .f_l .f_cont p{



    font-size: 0.2rem;



    color: #333333;



    font-family: Arial, Helvetica, sans-serif;



    line-height: 0.36rem;



}







.footer_bg .footer .f_l .f_cont p i{



    font-size: 0.16rem;



    color: #333333;



    font-family: "simsun";



}







.footer_bg .footer .f_c{



    float: left;



    width: 47%;



} 







.footer_bg .footer .f_c .f_logo{



    margin: 0.2rem auto 0 auto;







}







.footer_bg .footer .f_c .f_logo a{



    display: block;



}







.footer_bg .footer .f_c .f_logo a span{



    display: block;



    font-size: 0.38rem;



    color: #333;



    font-weight: bold;



    text-align: center;







}







.footer_bg .footer .f_c .f_logo a img{



    display: block;



    margin: 0.15rem auto 0 auto;



}











.footer_bg .footer .f_c .f_zx{



    margin: 0.3rem auto 0 auto;



} 







.footer_bg .footer .f_c .f_zx ul{



    text-align: center;



    margin: 0 auto;



}







.footer_bg .footer .f_c .f_zx ul li{



    display: inline-block;



    position: relative;



    width: 0.51rem;



    height: 0.51rem;



    border-radius: 50%;



    background: #f5f5f5;



    margin: 0 0.25rem;



    position: relative;



}







.footer_bg .footer .f_c .f_zx ul li a{



    display: block;



}







.footer_bg .footer .f_c .f_zx ul li  span{



    display: block;



    width: 0.51rem;



    height: 0.51rem;



}







.footer_bg .footer .f_c .f_zx ul li.f1  span {



    background: url(../images/f1.png) no-repeat  center;



}







.footer_bg .footer .f_c .f_zx ul li.f2  span {



    background: url(../images/f2.png) no-repeat  center;



}







.footer_bg .footer .f_c .f_zx ul li.f3  span {



    background: url(../images/f3.png) no-repeat  center;



}







.footer_bg .footer .f_c .f_zx ul li p img{



    position: absolute;



    left: 0;



    top: 0.51rem;



    width: 1rem;



    height: 0rem;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



}







.footer_bg .footer .f_c .f_zx ul li:hover p img{



    height: 1rem;



}











.footer_bg .footer .f_c .f_zx ul li.f1:hover  span {



    background: url(../images/f11.png) no-repeat  center;



}







.footer_bg .footer .f_c .f_zx ul li.f2:hover  span {



    background: url(../images/f22.png) no-repeat  center;



}







.footer_bg .footer .f_c .f_zx ul li.f3:hover span {



    background: url(../images/f33.png) no-repeat  center;



}







.footer_bg .footer .f_c  .address{



    font-size: 0.14rem;



    color: #333333;



    text-align: center;



    margin: 0.2rem auto 0 auto;







}







.footer_bg .footer .f_r{

    float: right;

    width: 25%;

    /* height: 2.74rem; */

    border: 1px solid #d8d8d8;

} 







.footer_bg .footer .f_r img{

    width: 94%;

    /* height: 2.64rem; */

    margin: 0.05rem 0 0 3%;

}















.end_bg{



    width: 100%;



    height: 1.47rem;



    margin: 0 auto;



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



}







.end_bg .end{



    margin: 0 auto;



}







.end_bg .end .f_fl{



    float: left;



    width: 40%;



    margin-top: 0.45rem;



}











.end_bg .end .f_fl dl{







    float: left;







    font-size: 0.18rem;







    color: #ffffff;







    padding-left: 28px;







    background: url(../images/f_xt.png) no-repeat left 10px;







    -webkit-transition: all 0.5s ease-out;







    -o-transition: all 0.5s ease-out;







    transition: all 0.5s ease-out;







    width: 19%;







    position: relative;



    box-sizing: content-box;



}











.end_bg .end .f_fl dl dt{







    display: block;







    font-size: 0.18rem;







    color: #ffffff;







}







.end_bg .end .f_fl dl dt i{







    display: block;







    font-size: 0.12rem;







    color: #4b6965;







    font-family: "Arial";







}











.end_bg .end .f_fl dl .nr{







    position: absolute;







    left: 0.2rem;







    bottom: 50px;







    width: 1rem;







    opacity: 0;







    -webkit-transition: all 0.5s ease-out;







    -o-transition: all 0.5s ease-out;







    transition: all 0.5s ease-out;



    background: #fff;



    padding: 0 15px;



    box-sizing: content-box;







}











.end_bg .end .f_fl dl dd a{







    font-size: 14px;







    color:#333;







    line-height: 30px;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







    -webkit-transition: all 0.5s ease-out;







    -o-transition: all 0.5s ease-out;







    transition: all 0.5s ease-out;







}











.end_bg .end .f_fl dl:hover .nr{







    opacity: 1;







}











.end_bg .end .f_fl dl:hover{







    background: url(../images/f_xt1.png) no-repeat left 10px;







}







.end_bg .end .e_r{



    float: right;



    width: 55%;



    margin-top: 0.4rem;



}







.end_bg .end .e_r ul li{



    line-height: 0.36rem;



    font-size: 0.14rem;



    color: #fff;







}







.end_bg .end .e_r ul li a{



    font-size: 0.14rem;



    color: #fff;



}







.end_bg .end .e_r ul li img{



    vertical-align: middle;



}















/*end*/



.m_end_bg {



    width: 100%;



    margin: 0 auto;



    height: 70px;



    background: #f9f9f9;



    position: fixed;



    left: 0;



    bottom: 0;



    z-index: 9;



    display: none



  }



  .m_end_bg ul li {



    float: left;



    width: 20%;



    text-align: center;



  }



  .m_end_bg ul li span img {



    display: block;



    margin: 10px auto 5px auto;



    width: 20px;



    height: 20px;



  }



  .m_end_bg ul li a {



    display: block;



    font-size: 16px;



    color: #555;



  }



  .m_end_bg ul li.f3 {



    margin-left: 20%;



  }



  .m_end_bg ul li.f5 {



    position: absolute;



    z-index: 5;



    top: -15px;



    left: 40%;



    width: 20%;



  }



  .m_end_bg ul li.f5 span img {



    display: block;



    margin: 0 auto;



    width: 50px;



    height: 50px;



  }































  @media (max-width: 1200px) {







    .footer_bg{



        width: 100%;



        height: auto;



        background-size: cover;



    }



    



    



    .footer_bg .footer{



        margin: 0 auto;



        padding-top: 0.15rem;



        padding-bottom: 0.2rem;



        box-sizing: content-box;



        overflow: hidden;



    }



    



    .footer_bg .footer .f_l{



        float: none;



        width: 100%;



        margin-top: 0.3rem;



        text-align: center;



    }



    



    .footer_bg .footer .f_l img{



        display: block;



        width: 80%;



        margin: 0 auto;



    }



    



    .footer_bg .footer .f_l .tel{



        margin-top: 0.2rem;



        height: 0.45rem;



    }



    



    



    .footer_bg .footer .f_l .xt{



        margin: 0 auto;



    }



    



    .footer_bg .footer .f_l .f_cont{



        margin-top: 0.15rem;



    



    } 







    



    .footer_bg .footer .f_c{



        float: none;



        width: 100%;



    } 



    



    .footer_bg .footer .f_c .f_logo{



        margin: 0.2rem auto 0 auto;



    



    }



    



    .footer_bg .footer .f_c .f_logo a{



        display: block;



    }



    



    .footer_bg .footer .f_c .f_logo a span{



        display: block;



        font-size: 0.24rem;



    



    }



    



    .footer_bg .footer .f_c .f_logo a img{



        display: block;



        margin: 0.15rem auto 0 auto;



        width: 60%;



    }



    



    



    .footer_bg .footer .f_c .f_zx{



        margin: 0.3rem auto 0 auto;



    } 



    



    .footer_bg .footer .f_c .f_zx ul{



        text-align: center;



        margin: 0 auto;



    }



    



    .footer_bg .footer .f_c .f_zx ul li{



        display: inline-block;



        position: relative;



        width: 0.51rem;



        height: 0.51rem;



        border-radius: 50%;



        background: #f5f5f5;



        margin: 0 0.25rem;



        position: relative;



    }



    



    .footer_bg .footer .f_c .f_zx ul li a{



        display: block;



    }



    



    .footer_bg .footer .f_c .f_zx ul li  span{



        display: block;



        width: 0.51rem;



        height: 0.51rem;



    }







    



    .footer_bg .footer .f_c .f_zx ul li p img{



        position: absolute;



        left: 0;



        top: 0.51rem;



        width: 1rem;



        height: 0rem;



        -webkit-transition: all 0.5s ease-out;



        -o-transition: all 0.5s ease-out;



        transition: all 0.5s ease-out;



    }



    



    



    .footer_bg .footer .f_c  .address{



        font-size: 0.14rem;



        color: #333333;



        text-align: center;



        margin: 0.2rem auto 0 auto;



    



    }



    



    .footer_bg .footer .f_r{



        float: none;



        width: 18%;



        height: 2.74rem;



        border: 1px solid #d8d8d8;



        display: none;



    } 







    



    



    .end_bg{



        width: 100%;



        height: auto;



        margin: 0 auto 0 auto;



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



        overflow: hidden;



        background-size: cover;



        padding-bottom: 1rem;



    }



    



    .end_bg .end{



        margin: 0 auto;



    }



    



    .end_bg .end .f_fl{



        float: none;



        width: 40%;



        margin-top: 0.45rem;



        display: none;



    }



    



    



    .end_bg .end .e_r{



        float: none;



        width: 100%;



        margin-top: 0.2rem;



        text-align: center;



    }



    



    .end_bg .end .e_r ul li{



        line-height: 0.3rem;



        font-size: 0.14rem;



        color: #fff;



    



    }











    .m_end_bg {



    display: block;



    }



}