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







/*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: #b00c0c;







	color: #fff;







}















::-moz-selection {







	background-color: #b00c0c;







	color: #fff;







}















::-webkit-selection {







	background-color: #b00c0c;







	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: 170px;height:40px;background:#fff;position:absolute;top:0;right:0;}











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







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







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







.topxunpan .xp i {display:block;width:20px;height:20px;line-height:20px;background:#b00c0c;color:#fff;border-radius:20px;box-sizing: border-box;font-size:12px;text-align:center;position:absolute;top:5px;left:22px;}







.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: #b00c0c;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: #b00c0c;}







.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:140px;background:#fff;}















.toper .content{width:1200px;height:48px;padding:46px 0;margin:0 auto;box-sizing:content-box;position:relative;}















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















.toper .content .cont_left{width:320px;height:48px;float:left;position:relative;}















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















.toper .content .cont_left h1{width:295px;height:65px;margin-top:-9px;box-sizing:content-box;}















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















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















.toper .content .cont_mid p:nth-of-type(1){font-size:22px;line-height:22px;color:#b00c0c;font-weight:bold;}















.toper .content .cont_mid p:nth-of-type(2){font-size:18px;line-height:18px;color:#666;margin-top:8px; letter-spacing:1px;}



























.toper .content .cont_right{float:right;width:auto;height:48px;padding-left:64px;background:url(../images/tel01.png) left center no-repeat;box-sizing:content-box;}















.toper .content .cont_right p:nth-of-type(1){font-size:16px;line-height:16px;color:#4c4c4c;margin-top:2px;text-align:center;position:relative;}















.toper .content .cont_right p:nth-of-type(1)::before{content:'';width:40px;height:1px;background:#ccc;position:absolute;top:7px;left:6px;}















.toper .content .cont_right p:nth-of-type(1)::after{content:'';width:40px;height:1px;background:#ccc;position:absolute;top:7px;right:6px;}















.toper .content .cont_right p:nth-of-type(2){font-size:24px;line-height:22px;color:#b00c0c;font-weight:bold;margin-top:8px;}























































/*导航开始*/















.nav_xiala_aa{width:100%; height:50px;}







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















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







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







.nav_xiala ul li{ float:left; width:120px; height:50px;line-height:50px;text-align:center;position:relative;-webkit-transition: all .5s; transition: all .5s;}







.nav_xiala ul li::before{content:'';width:1px;height:18px; background:none;position:absolute;top:16px;right:0px; z-index:999}







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







.nav_xiala ul li.another::before{content:''; background:none;}







.nav_xiala ul li:hover::before{content:''; background:none;}































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















.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;background:rgba(0,0,0,0);}















.nav_xiala > ul > li > a:hover{







    background-size: 100% 100%;background:url(../images/sjx.png) center top no-repeat;-webkit-transition: all .5s; transition: all .5s;















}































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







.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, #b00c0c, #b00c0c) no-repeat;







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







	background-size: 0% 100%;







}















.nav_xiala .erji_xiala i a:hover{







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







    background: linear-gradient(to right, #b00c0c, #b00c0c) 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: 165px; height:0px; visibility: hidden; position: absolute; top: 0px; left:150px; /*和一级栏目一样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-left: 10px; 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, #b00c0c, #b00c0c) no-repeat;







    background: linear-gradient(to right, #b00c0c, #b00c0c) 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, #b00c0c, #b00c0c) no-repeat;color:#fff;







    background: linear-gradient(to right, #b00c0c, #b00c0c) 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;}







.nav_xiala > ul > li.another > a{color:#fff;background:url(../images/sjx.png) center top no-repeat;}























.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:650px;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: none;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:30px;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: 20px;height: 20px;text-indent: -9999px;border: 0;margin: 0 10px;border-radius: 50%;cursor: pointer;background: #fff;}







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







.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: -600px;}







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







.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:url(../images/ft_back.jpg) center top no-repeat;height:300px;position: relative;padding-top:50px;box-sizing:border-box;overflow:hidden; cursor:default !important;}















.footer .center{width: 1200px;height:250px;margin:0 auto;overflow:hidden;display: flex;justify-content: space-between;align-items: flex-end;}















.footer .center .left{width:460px;height:250px;float:left;margin-right:60px;}















.footer .center .left h4{font-size:18px;color:#fff;line-height:14px;text-transform: Uppercase;padding-bottom:25px;border-bottom:solid 1px #262626;}















.footer .center .left .txt{overflow: hidden;width:460px;height:250px;float: left;}















.footer .center .left .txt li {float: left;width:130px;height:250px;margin-right:22px;box-sizing:border-box;}















.footer .center .left .txt li:nth-of-type(3){width:65px;}















.footer .center .left .txt li:nth-of-type(4){width:65px;margin-right:0;}















.footer .center .left .txt li p {font-size:16px;line-height:16px;margin:25px 0 20px 0;color: #f5f5f5;}















.footer .center .left .txt li a {display:block;font-size:14px;line-height:14px;color:#e5e5e5;margin-bottom:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}















.footer .center .mid{width:530px;height:250px;float:left;}















.footer .center .mid h4{font-size:18px;color:#fff;line-height:14px;text-transform: Uppercase;padding-bottom:25px;margin-bottom:25px;border-bottom:solid 1px #262626;}















.footer .center .mid p:nth-of-type(1){font-size:14px;color:#f5f5f5;height:21px;line-height:21px;overflow:hidden;padding-left:25px;background:url(../images/ft_icon_01.png) left center no-repeat;}















.footer .center .mid p:nth-of-type(2){font-size:14px;color:#f5f5f5;height:21px;line-height:21px;overflow:hidden;margin-top:12px;}















.footer .center .mid p:nth-of-type(2) span{display:inline;padding-left:25px;float:left;}















.footer .center .mid p:nth-of-type(2) span:nth-of-type(1){background:url(../images/ft_icon_01.png) left center no-repeat;margin-right:30px;}















.footer .center .mid p:nth-of-type(2) span:nth-of-type(2){background:url(../images/ft_icon_02.png) left center no-repeat;}















.footer .center .mid p:nth-of-type(3){font-size:14px;color:#f5f5f5;height:21px;line-height:21px;margin-top:12px;overflow:hidden;padding-left:25px;background:url(../images/ft_icon_03.png) left center no-repeat;}















.footer .center .mid p:nth-of-type(4){font-size:14px;color:#e5e5e5;height:14px;line-height:14px;margin-top:12px;overflow:hidden;}















.footer .center .mid p:nth-of-type(4) a{color:#e5e5e5;}















.footer .center .mid p:nth-of-type(5){font-size:14px;color:#e5e5e5;height:14px;line-height:14px;margin-top:12px;overflow:hidden;}















.footer .center .mid p:nth-of-type(4) a{color:#e5e5e5;}



























.footer .center .mid p:nth-of-type(5){font-size:14px;color:#e5e5e5;height:23px;line-height:23px;margin-top:12px;overflow:hidden;}















.footer .center .mid p:nth-of-type(5) a{color:#e5e5e5;margin-right:15px;}











.footer .center .mid p:nth-of-type(6){font-size:14px;color:#e5e5e5;height:23px;line-height:23px;margin-top:12px;overflow:hidden;}















.footer .center .mid p:nth-of-type(6) a{color:#e5e5e5;margin-right:15px;}















.footer .center .mid p:nth-of-type(6) img{vertical-align:top;}















.footer .center .right{width:110px;height:110px;float:right;margin-bottom: 40px;padding:9px;background:url(../images/kuang.png);box-sizing:border-box;}















.footer .center .right img {width:92px;hieght:92px;vertical-align: top;}