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



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



/*邮箱 btoe@btoe.cn*/



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



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



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











/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}



button{outline:none;}



::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -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: #0047bb;



	color: #fff;



}







::-moz-selection {



	background-color: #0047bb;



	color: #fff;



}







::-webkit-selection {



	background-color: #0047bb;



	color: #fff;



}



* {



    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;



}



.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;



}







@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;



    }







    



}











/* 询盘信息 */

.topxunpan {width: 100%;height:40px;background:#f9f9f9;}



.topxunpan .center{width:1200px;margin:0 auto;display:flex;justify-content: space-between;}



.topxunpan .center p{font-size:14px;color:#878787;height: 40px;line-height: 40px;}



.topxunpan .center p a{display:inline-block;color:#878787;padding:0 10px 0 22px;line-height:15px;}



.topxunpan .center p a:nth-of-type(1){background:url(../images/t_icon_02.png) left center no-repeat;}



.topxunpan .center p a:nth-of-type(2){background:url(../images/t_icon_03.png) left center no-repeat;}



.topxunpan .center p a:nth-of-type(3){background:url(../images/t_icon_04.png) left center no-repeat;padding-right:0px;}



.topxunpan .center p a:nth-of-type(4){padding-left:0px;}



.topxunpan .center p:nth-of-type(1){width:415px;padding-left:25px;background:url(../images/t_icon_01.png) left center no-repeat;}



.topxunpan .center p:nth-of-type(1) span{color:#878787;}



.topxunpan .center p:nth-of-type(2){width:610px;text-align:right;}



.topxunpan .center p a:hover{color:#0047bb;}





.thisxp{width:200px;height: auto;float: right;text-align:right;}



.topxunpan .xp {position: relative;line-height: 40px;color: #878787;font-size: 14px;cursor: pointer;}



.topxunpan .xp img {position: relative;top: 3px;margin-right:5px;}



.topxunpan .xp i {display:inline-block;width:22px;height:35px;line-height:43px;margin:0 3px;background:#0047bb;color:#fff;border-radius:0 0 5px 5px;box-sizing: border-box;font-size:14px;text-align:center;}



.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;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: #0047bb;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: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #0047bb;}



.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;}



.topxunpan i {font-weight: normal;font-style: normal;}













/* 顶部 */

.toper{width:100%;height:120px;background:#fff;}



.toper .content{width:1200px;height:120px;margin:0 auto;overflow:hidden;box-sizing:content-box;}



.toper .content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.toper .content .cont_left{width:253px;height:68px;margin:26px 0;overflow:hidden;float:left;position:relative;}



.toper .content .cont_left::after{content:'';width:1px;height:50px;background:url(../images/top_xian.png);position:absolute;top:9px;right:0;}



.toper .content .cont_left h1{width:215px;height:67px;box-sizing:content-box;}



.toper .content .cont_left .logo{width:215px;height:67px;display:block;vertical-align:top;}



.toper .content .cont_mid{width:auto;height:120px;float:left;padding-left:40px;box-sizing:content-box;}



.toper .content .cont_mid img{display:inline-block;vertical-align:middle;}



.toper .content .cont_mid img:nth-of-type(1){width:166px;height:69px;margin-right:15px;}



.toper .content .cont_mid img:nth-of-type(2){width:120px;height:120px;margin-right:15px;}



.toper .content .cont_mid img:nth-of-type(3){width:94px;height:94px;}



.toper .content .cont_right{float:right;width:auto;height:44px;margin:38px 0;padding-left:60px;background:url(../images/tel01.png) left top no-repeat;box-sizing:content-box;}



.toper .content .cont_right p:nth-of-type(1){font-size:14px;line-height:14px;color:#000;}



.toper .content .cont_right p:nth-of-type(2){font-size:24px;line-height:20px;color:#0047bb;margin-top:10px;}















/*导航开始*/



.nav_xiala_aa{width:100%;height:50px;position:relative;z-index:999;}



.nav_xiala_xx{width:100%;height:50px;background:url(../images/nav_back.jpg) center center no-repeat;}



.nav_xiala{ width:1200px; height:50px; margin: 0 auto;position:relative;}



.nav_xiala ul{width:1200px; height:50px;}



.nav_xiala ul li{float:left;width:133px;height:50px;line-height:50px;text-align:center;position:relative;z-index:0;}



.nav_xiala ul li:last-child{margin-right:0;}



.nav_xiala ul li::after{content:'';width:1px;height:12px;background:#336cc9;position:absolute;top:19px;right:0; z-index: 9}



.nav_xiala ul li:last-child::after{content:''; background:none;}



.fixedNav .nav_xiala ul li{width:133px;}



.nav_xiala > ul > li > a{font-size:14px;display:block;color:#fff;height:50px; line-height:50px;overflow: hidden;background-size: 100% 0%;-webkit-transition: all .5s; transition: all .5s;}



.nav_xiala ul li:hover{ color:#fff;background-size: 100% 100%;}



.nav_xiala ul li:hover > a{ color:#fff;}



.nav_xiala > ul > li:hover{color:#fff;position:relative;}



.nav_xiala > ul > li::before{content:'';width:133px;height:0px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.nav_xiala > ul > li:hover::before{content:'';width:133px;height:50px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.nav_xiala .erji_xiala{  position:absolute; top:50px; left: -14px; z-index:20;  height:0px; visibility: hidden; width: 160px; /*和一级栏目一样宽度*/ }



.nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:#2a3036;  position:relative;  }



.nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }



.nav_xiala .erji_xiala i a:hover{  color:#FFF;  }



.nav_xiala .erji_xiala i:hover{background:#2a3036; }



.nav_xiala .erji_xiala i a{



     -webkit-transition: all .5s; transition: all .5s;



	background: -webkit-linear-gradient(left, #0047bb, #0047bb) no-repeat;



    background: linear-gradient(to right, #0047bb, #0047bb) no-repeat;



	background-size: 0% 100%;



}







.nav_xiala .erji_xiala i a:hover{



    background: -webkit-linear-gradient(left, #0047bb, #0047bb) no-repeat;color:#fff;



    background: linear-gradient(to right, #0047bb, #0047bb) no-repeat;



    background-size: 100% 100%;



}



.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }



.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }



.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}







.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}



.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}



.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}



.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}



.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}



.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}



.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}



.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}



.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}



.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}



.nav_xiala .sanji_xiala {  width: auto; height:0px; visibility: hidden; position: absolute; top: 0px; left:160px; /*和一级栏目一样left*/  }



.nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:#2a3036; text-align: left; opacity: 0; }



.nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px;padding: 0 8px 0 15px;overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }



.nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }





.nav_xiala .sanji_xiala span a{



    background: -webkit-linear-gradient(left, #0047bb, #0047bb) no-repeat;



    background: linear-gradient(to right, #0047bb, #0047bb) no-repeat;



    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;



}







.nav_xiala .sanji_xiala span a:hover{



    background: -webkit-linear-gradient(left, #0047bb, #0047bb) no-repeat;color:#fff;



    background: linear-gradient(to right, #0047bb, #0047bb) no-repeat;



    background-size: 100% 100%;



}



.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px;}



.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }



.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}



.nav_xiala > ul > li.another{color:#fff;position:relative;}



.nav_xiala > ul > li.another > a{color:#fff;}



.nav_xiala > ul > li.another::after{content:'';width:133px;height:50px;background:#333;z-index:-1;position:absolute;top:0;left:0;}





.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    z-index:99999;



    _position: absolute;-webkit-transition:all .5s;transition:all .5s;



    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);



}























/* banner 开始 */







.banner {width: 100%;height:600px;position: relative;display: block;overflow: hidden;}



.banner .nivoSlider {position: relative;width:1920px;height: 100%;text-align: center;left: 50%;margin-left: -960px;}



.banner .nivoSlider img {display: block;width: auto;margin: 0 auto;height: auto;}



.banner .nivoSlider a {border: 0;display: block;margin: 0 auto;text-align: center;width: 100%;height: 100%;}



.banner .nivo-controlNav-bg {position: absolute;



left: 0;bottom: -15px;width: 100%;height: 44px;z-index: 100;}



.banner .nivo-controlNav {position: absolute;width: 100%;bottom:20px;z-index: 101;text-align: center;}



.banner .nivo-directionNav a {position: absolute;top: 45%;z-index: 9;cursor: pointer;}



.banner .nivo-prevNav {left: 0px;}



.banner .nivo-nextNav {right: 0px;}



.banner .nivo-controlNav a {display: inline-block;width:15px;height:15px;text-indent: -9999px;border: 0;margin: 0 8px;border-radius: 50%;cursor: pointer;background: #fff;}



.banner .nivo-controlNav a.active {background: #0047bb;}



.banner .nivo-directionNav a {display: block;width:36px;height:80px;background:url(../images/arrows.png) no-repeat 0% 50% rgba(0,0,0,0.5);border-radius:3px;top: 50%;margin-top: -27px;}



.banner a.nivo-nextNav {background-position: 100% 50%;right: 50%;margin-right: -700px;}



.banner a.nivo-prevNav {left: 50%;margin-left: -700px;}



.banner .nivo-caption {display: none;}



.banner .nivo-caption a {color: #fff;border-bottom: 1px dotted #fff;}



.banner .nivo-caption a:hover {color: #fff;}



/*.banner .ribbon {width: 111px;height: 111px;position: absolute;top: -4px;left: -5px;z-index: 300;}*/



.banner .nivoSlider {position: relative;}



.banner .nivoSlider img {position: absolute;top: 0px;left: 0px;margin: 0 auto;}



.banner .nivoSlider a.nivo-imageLink {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;z-index: 6;display: none;text-align: center;}



.banner .nivo-slice {display: block;position: absolute;z-index: 5;height: 100%;}



.banner .nivo-box {display: block;position: absolute;z-index: 5;}



.banner .nivo-caption {position: absolute;left: 0px;bottom: 0px;background: #000;color: #fff;opacity: 0.8;width: 100%;z-index: 8;}



.banner .nivo-caption p {padding: 5px;margin: 0;}



.banner .nivo-caption a {display: inline !important;}



.banner .nivo-html-caption {display: none;}



/* banner 结束 */







/* 底部信息 */

.footer{width:100%;background:#333;height:550px;position:relative;padding-top:50px;box-sizing:content-box;overflow:hidden;cursor:default !important;}



.footer .links{width:1180px;height:78px;border:solid 1px #717171;margin:0 auto;padding:0 9px;box-sizing:content-box;overflow:hidden;}



.footer .links .bt{width:auto;font-size:18px;color:#fff;line-height:78px;font-weight:bold;float:left;position:relative;}



.footer .links .bt span{color:#0047bb;text-transform: Uppercase;}



.footer .links .bt::after{content:'';width:72px;height:1px;background:#717171;position:absolute;bottom:24px;left:0;}



.footer .links .link{width:auto;height:14px;margin:32px 0;overflow:hidden;float:left;}



.footer .links .link a{display:inline-block;width:auto;text-align:center;float:left;font-size:14px;height:14px;line-height:14px;color:#adadad;padding:0 30px;border-right:solid 2px #adadad;box-sizing:content-box;}



.footer .links .link a:last-child{border-right:none;}



.footer .links .link a:hover{color:#fff;}





.footer .infro{width:1120px;height:160px;background:#0047bb;margin:30px auto 0 auto;padding:30px 40px 0 40px;box-sizing:content-box;border-radius:0 0 15px 15px;overflow:hidden;color:#fff;}



.footer .infro .bt{width:510px;height:auto;margin:0 auto;text-align:center;}



.footer .infro .bt h4{font-size:24px;line-height:25px;background:url(../images/h_xian.png) center center no-repeat;}



.footer .infro .bt p{font-size:14px;line-height:12px;text-transform: Uppercase;margin-top:15px;}



.footer .infro ul{width:1120px;height:40px;margin-top:40px;overflow:hidden;display:flex;justify-content: space-between;}



.footer .infro ul li{padding-left:50px;box-sizing:content-box;}



.footer .infro ul li:nth-of-type(1){background:url(../images/ft_icon_01.png) left center no-repeat;}



.footer .infro ul li:nth-of-type(2){background:url(../images/ft_icon_02.png) left center no-repeat;}



.footer .infro ul li:nth-of-type(3){background:url(../images/ft_icon_03.png) left center no-repeat;}



.footer .infro ul li:nth-of-type(4){background:url(../images/ft_icon_04.png) left center no-repeat;}



.footer .infro ul li p:nth-of-type(1){font-size:14px;line-height:15px;}



.footer .infro ul li p:nth-of-type(2){font-size:14px;line-height:18px;margin-top:7px;}







.footer .center{width:1200px;height:220px;margin:25px auto 0 auto;overflow:hidden;}



.footer .center ul{overflow: hidden;width:580px;height:220px;float:left;margin-right:60px;}



.footer .center ul li{float:left;width:140px;height:220px;margin-right:50px;box-sizing:content-box;}



.footer .center ul li:nth-of-type(3){width:80px;}



.footer .center ul li:last-child{width:70px;margin-right:0;}



.footer .center ul li p {font-size:16px;line-height:18px;margin-bottom:20px;color:#fff;font-weight:bold;}



.footer .center ul li a {display:block;font-size:14px;line-height:15px;color:#adadad;margin-bottom:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:all .5s;transition:all .5s;}



.footer .center ul li a:hover{color:#fff;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}



.footer .center .ewm{width:140px;height:140px;padding:15px;float:left;overflow:hidden;background:url(../images/kuang.png);box-sizing:content-box;}



.footer .center .ewm img{display:block;width:140px;height:140px; vertical-align:top;}



.footer .center .copy{width:300px;height:auto;float:right;}



.footer .center .copy p{margin-bottom:12px;}



.footer .center .copy p:nth-of-type(1),

.footer .center .copy p:nth-of-type(2),

.footer .center .copy p:nth-of-type(3){font-size:14px;height:15px;line-height:15px;color:#adadad;}



.footer .center .copy p a{color:#adadad;}



.footer .center .copy p img{vertical-align:middle;}