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

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

/*邮箱 btoe@btoe.cn*/

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

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

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





.webq_head_xx {

    width: 100%;

    height: auto;

    background: #1e1e1e;

    padding-top: 1px;

}





/*询盘信息*/



.top_xunpan {

    width: 170px;

    height: 36px;

    color: #fff;

    font-size: 14px;

    line-height: 36px;

    text-align: left;

    display: block;

    position: absolute;

    z-index: 3;

    top: 522px;

    left: 44px;

    cursor: pointer;

    padding-left: 43px;

    background:url(../images/t_xp.png) no-repeat 12px #1e1e1e;

    border-radius: 4px;

}





.top_xunpan i {



}





.top_xunpantxt{

    position: absolute;

    top: 30px;

    left: 0px;

    width: 170px;

    padding-top: 16px;

    height: 0px;

    visibility: hidden;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    opacity: 0;

    z-index: 3;

    text-align: center;

}



.top_xunpantxt h6{

    height: 24px;

    line-height: 24px;

    background: #dd9914;

    font-size: 14px;

    color: #fff;

    border-radius: 5px;

}



.top_xunpantxt ::after {

    content: '';

    position: absolute;

    top: 0px;

    left: 58px;

    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: #dd9914;

    z-index: 3;

}





.top_xunpan:hover .top_xunpantxt{

    height: auto;

    visibility: visible;

    top: 20px;

    opacity: 1;

}



/*询盘信息end*/







.webq_top_1 {

    width: 100%;

    height: 128px;

}



.webq_top_2 {

    width: 1295px;

    height: 128px;

    margin: 0 auto;

    position: relative;

}





.webq_top_logo {



}



.webq_top_logo img {

    width: auto;

    display: block;

}





.webq_top_tel {

    padding-top: 75px;

}



.webq_top_tel span{

    display: block;

    height: 34px;

    line-height: 34px;

    background:url(../images/t_d1.png) no-repeat 0;

    padding-left: 44px;

    color: #666666;

}



.webq_top_tel i{

    display: block;

    font-size: 28px;

    font-weight: bold;

    color: #dd9914;

    line-height: 30px;

    padding-top: 11px;

}









    /*导航开始*/



.nav_xiala_xx {

    height: 128px;

}





.nav_xiala {

    width: 100%;

    height: 128px;

    margin: 0 auto;

}



.nav_xiala ul li {

    float: left;

    width: 143px;

    height: 128px;

    text-align: center;

    font-size: 16px;

    position: relative;

    z-index: 5;

}





.nav_xiala > ul > li > a {

    display: block;

    color: #fff;

    height: 44px;

    line-height: 22px;

    overflow: hidden;

    font-size: 16px;

    padding: 60px 0 16px 0;

    webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

            

}





.nav_xiala > ul > li > a b{

    display: block;

    font-weight: normal;

    font-size: 12px;

    color: #b8b8b8;

}





.nav_xiala ul li:after {

    content: '';

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    top: 50%;

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

    z-index: -1;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    opacity: 0;

}





.nav_xiala ul li:hover:after {

    top: 0;

    height: 100%;

    opacity: 1;

}





.nav_xiala ul li:hover {

    color: #dd9914;

}



.nav_xiala ul li:hover > a {

    color: #dd9914;

}



.nav_xiala ul li:hover > a b{

    color: #dd9914;

}



.nav_xiala > ul > li > a:hover {



}





.nav_xiala .erji_xiala {

    position: absolute;

    top: 128px;

    left: 50%;

    z-index: 20;

    height: 0px;

    visibility: hidden;

    min-width: 100%; /*和一级栏目一样宽度*/

    transform: translateX(-50%);

}



.nav_xiala .erji_xiala i {

    display: block;

    opacity: 0;

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

    background: #1e1e1e;

    position: relative;

}



.nav_xiala .erji_xiala i a {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    display: block;

    color: #FFF;

    padding: 0 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.nav_xiala .erji_xiala i a:hover {

    color: #FFF;

}



.nav_xiala .erji_xiala i:hover {

    background: #dd9914;

}



.nav_xiala .erji_xiala i a {

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

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

    background-size: 0% 100%;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.nav_xiala .erji_xiala i a:hover {

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

    background: linear-gradient(to right, #dd9914, #dd9914) 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 {

    max-width: 500px;

    height: 0px;

    visibility: hidden;

    position: absolute;

    top: 0px;

    left: 100%; /*和一级栏目一样left*/

}



.nav_xiala .sanji_xiala span {

    border-bottom: 1px dashed rgba(255, 255, 255, 0.35);

    display: block;

    background: #313131;

    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 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.nav_xiala .sanji_xiala span a:hover {

    color: #FFF;

}





.nav_xiala .sanji_xiala span a {

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

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

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

}



.nav_xiala > ul > li.another:after {

    top: 0;

    height: 100%;

    opacity: 1;

}





.nav_xiala > ul > li.another > a {

    color: #dd9914;

}



.nav_xiala > ul > li.another > a b {

    color: #dd9914;

}





.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 99999;

    _position: absolute;

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

    box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

    background: #1e1e1e;

}





/*---*/







/* banner 开始 */

.fullSlide {

 width: 100%;

 position: relative;

 height: 800px;

}



.fullSlide .bd {

 height: 800px;

 margin: 0 auto;

 position: relative;

 z-index: 1;

 overflow: hidden;

}



.fullSlide .bd ul {

 width: 100% !important;

}



.fullSlide .bd li {

 width: 100% !important;

 height: 800px;

 overflow: hidden;

 text-align: center;

}



.fullSlide .bd li a {

 display: block;

 height: 800px;

}





.fullSlide .hd {

 width: 200px;

 position: absolute;

 z-index: 2;

 bottom: 0;

 left: 50%;

 margin-left: -550px;

 height: 100px;

 text-align: center;

}





.fullSlide .hd ul {



}





.fullSlide .hd ul li {

 display: inline-block;

 margin: 0 8px;

 cursor: pointer;

 zoom: 1;

 width: 10px;

 height: 10px;

 overflow: hidden;

 border: 1px solid #fff;

 line-height: 50px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 border-radius: 50%;

}





.fullSlide .hd ul li.on {

 background: #fff;

}





.fullSlide .prev, .fullSlide .next {

 height: 50px;

 position: absolute;

 bottom: 28px;

 z-index: 4;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 cursor: pointer;

}





.fullSlide .prev i, .fullSlide .next i{

 display: block;

 font-size: 12px;

 line-height: 50px;

 color: #fff;

 text-transform:uppercase;

}







.fullSlide .prev {

 left: 170px;

 width: 64px;

 text-align: right;

 background: url(../images/banner_l.png) no-repeat 0;

}





.fullSlide .next {

 left: 389px;

 width: 55px;

 margin-right: 522px;

 background: url(../images/banner_r.png) no-repeat right;

}





.fullSlide .next:hover {

 left: 399px;

}





.fullSlide .prev:hover {

 left: 160px;

}





.fullSlidebg_l{

 width: 312px;

 height: 107px;

 position: absolute;

 z-index: 3;

 left: 0;

 bottom: 0;

 background: #dd9914;

}





.fullSlidebg_r{

 width: 312px;

 height: 107px;

 position: absolute;

 z-index: 3;

 left: 312px;

 bottom: 0;

 background: #1e1e1e;

}





.slide_bar {

 position: absolute;

 z-index: 2;

 width: 312px;

 height: 800px;

 left: 0px;

 bottom: 0px;

 background: #fff;

 padding: 64px 0 0 44px;

 box-sizing: border-box;

 transition: all 0.3s ease-in-out;

 overflow: hidden;

}



.slide_bar_a{

padding-top: 74px;

}





.slide_bar_a > h3 {

 font-size: 18px;

 color: #444444;

 font-weight: bold;

 text-align: left;

 line-height: 24px;

}





.slide_bar_a > p {

 text-align: left;

 font-size: 14px;

 line-height: 30px;

 color: #444444;

 margin-top: 7px;

}





.slide_bar_a h4{

 width: 52px;

 height: 1px;

 background: #333;

 margin-top: 20px;

}

















/* animated home */



.animated {

 -webkit-animation-duration: 1s;

 animation-duration: 1s;

 -webkit-animation-fill-mode: both;

 animation-fill-mode: both

}



.animated.infinite {

 -webkit-animation-iteration-count: infinite;

 animation-iteration-count: infinite

}



.animated.hinge {

 -webkit-animation-duration: 2s;

 animation-duration: 2s

}



@-webkit-keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



@keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



.fadeInUp {

 -webkit-animation-name: fadeInUp;

 animation-name: fadeInUp

}



.animated_1 {

 animation-delay: 0.3s;

}



.animated_2 {

 animation-delay: 0.6s;

}



.animated_3 {

 animation-delay: 0.9s;

}



.animated_4 {

 animation-delay: 1.2s;

}



.animated_5 {

 animation-delay: 1.5s;

}



.animated_6 {

 animation-delay: 1.8s;

}



.animated_7 {

 animation-delay: 2.1s;

}



.animated_8 {

 animation-delay: 2.4s;

}



.animated_9 {

 animation-delay: 2.7s;

}



.animated_10 {

 animation-delay: 3s;

}



.animated_11 {

 animation-delay: 3.3s;

}



.animated_12 {

 animation-delay: 3.6s;

}



/* animated end */







/*a_tite*/





.a_titecent{

 width: 1295px;

 margin: 0 auto;

 position: relative;

}



.a_titeline{

 width: 25px;

 height: 4px;

 background: #dd9914;

 position: absolute;

 left: -40px;

 top: 12px;

 border-radius: 2px;

}





.a_tite {

 float: left;

}





.a_tite h3 {

 height: 28px;

 line-height: 28px;

 font-size: 24px;

 color: #323232;

}





.a_tite h5 {

 height: 23px;

 line-height:23px;

 font-size: 22px;

 color: #323232;

font-family: Impact;

 text-transform:uppercase;

 margin-top: 6px;

 letter-spacing:4px;

}









/*产品*/



.in_products_xx {

 width: 100%;

 height: auto;

 padding-top: 67px;

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

 padding-bottom: 52px;

}





.in_pfl_bg {

 float: right;

 width: 700px;

 margin-top: 12px;

}





.in_pfl {

 height: 47px;

 float: right;

}





.in_pfl ul li {

 float: left;

 width: 135px;

 height: 46px;

 background:url(../images/cp_fd1.png) no-repeat 0;

border-bottom: 1px solid #484848;

 margin-left: 80px;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_pfl ul li a {

 display: block;

 height: 46px;

 line-height: 46px;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

 font-size: 16px;

 color: #333333;

 padding-left: 35px;

}



.in_pfl ul li a:hover {

 color: #dd9914;

}



.in_pfl ul li:after{

 content: '';

 width: 104px;

 height: 1px;

background: #484848;

 position: absolute;

 right: 0;

 top: 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_pfl ul li:hover{

 border-bottom: 1px solid #dd9914;

}



.in_pfl ul li:hover:after{

 background: #dd9914;

}





.in_products_r {

 width: 1295px;

 height: auto;

 margin: 0 auto;

 padding-top: 40px;

}





.in_products_r .tab_box {



}





.pro_right {

 position: relative;

 width: 545px;

 height: 678px;

 float: right;

 overflow: hidden;

}





.in_prod_four {

 margin-bottom: 37px;

 padding-bottom: 37px;

 border-bottom: 1px dashed #dddcdd;

}





.in_prod_four_a {

 float: left;

 width: 216px;

 height: 171px;

 overflow: hidden;

}





.in_prod_four_a img {

 width: 216px;

 height: 171px;

 transition: all 0.5s;

 transform: scale(1);

}





.hyprod_tow {

 float: right;

 width: 292px;

 overflow: hidden;

 padding-top: 5px;

}





.hyprod_tow h6 {

 font-size: 16px;

 font-weight: normal;

 height: 50px;

 line-height: 50px;

 overflow: hidden;

 background:url(../images/cp_d2.png) no-repeat right;

 border-bottom: 1px solid #dddcdd;

}





.hyprod_tow h6 a {

 display: block;

 color: #323232;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

 padding: 0 35px 0 16px;

 background:url(../images/cp_d1.png) no-repeat 0;

}





.hyprod_tow h6 a:hover{

 padding-left: 20px;

 color: #dd9914;

 background:url(../images/cp_d1.png) no-repeat 4px;

}





.hyprod_tow h4 {

 color: #666666;

 font-size: 14px;

 line-height: 24px;

 height: 72px;

 overflow: hidden;

 padding-top: 9px;

}







.pro_left{

 float: left;

 width: 694px;

}







.in_prod_thr {





}





.in_prod_thr_a {

 width: 100%;

 height: 549px;

 overflow: hidden;

}





.in_prod_thr_a img {

 width: 100%;

 height: 549px;

 transition: all 0.5s;

 transform: scale(1);

}





.hyprod_thr {

 overflow: hidden;

 padding-top: 3px;

}







.hyprod_thr h6 {

 font-size: 16px;

 font-weight: normal;

 height: 50px;

 line-height: 50px;

 overflow: hidden;

 background:url(../images/cp_d2.png) no-repeat right;

 border-bottom: 1px solid #dddcdd;

}





.hyprod_thr h6 a {

 display: block;

 color: #323232;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

 padding: 0 35px 0 16px;

 background:url(../images/cp_d1.png) no-repeat 0;

}





.hyprod_thr h6 a:hover{

 padding-left: 20px;

 color: #dd9914;

 background:url(../images/cp_d1.png) no-repeat 4px;

}





.hyprod_thr h4 {

 color: #323232;

 font-size: 14px;

 line-height: 30px;

 height: 60px;

 overflow: hidden;

 padding-top: 6px;

}









/*优势*/





.advantage {

 width: 100%;

 height: 800px;

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

 overflow: hidden;

}





.advantage_p {

 width: 100%;

 height: 800px;

 position: relative;

}







.advantage_t1{

 width: 342px;

 height: 75px;

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

 position: absolute;

 right: 50%;

 bottom: 80px;

 margin-right: 540px;

}









.advantage_t2 {

 position: absolute;

 right: 50%;

 top: 90px;

 width: 541px;

 margin-right: 10px;

 line-height: 1;

 background:url(../images/advantage.png) no-repeat top right;

}





.advantage_t2 h3{

 font-size: 26px;

 color: #fff;

 text-align: right;

padding-top: 32px;

}





.advantage_t2 h4{

 font-size: 14px;

 padding-top: 14px;

 color: #666666;

 letter-spacing:8px;

 text-align: right;

 transform: translateX(9px);

}







.advantage_p .advantage_cent{

 width: 100%;

 height: 800px;

 overflow: hidden;

 display: block;

 position: relative;

}







.advantage_p .tab_box_2 {



}





.advantage_p .ys_aaa{

 width: 918px;

 height: 800px;

 overflow: hidden;

 position: absolute;

 left: 50%;

 top: 0;

 margin-left: 48px;

}





.advantage_p .ys_bbb{

 width: 490px;

 height: 340px;

 position: absolute;

 left: 50%;

 top: 287px;

 margin-left: -490px;

}





.youshi_pro_1_l {

 width: 918px;

 height: 800px;

 overflow: hidden;

}



.youshi_pro_1_l img {

 width: 918px;

 height: 800px;

 transition: all 0.5s;

 transform: scale(1);

}











.youshi_pro_2a {



}





.youshi_pro_2a h5 {

 height: 40px;

 line-height: 39px;

 z-index: 5;

 font-size: 18px;

 font-weight: bold;

 background:url(../images/ys_dd.png) no-repeat 0;

 color: #fff;

}





.youshi_pro_2a h5 span{

 display: block;

 width: 40px;

 line-height: 39px;

 font-size: 18px;

 text-align: center;

 color: #0a0a0a;

 float: left;

 margin-right: 20px;

}





.youshi_pro_2_1 {

 line-height: 36px;

 padding: 20px 0 0 60px;

 color: #cccccc;

 font-size: 14px;

}









.youshi_pro_l {

 background: url(../images/ys_l.png) no-repeat 0;

 display: block;

 width: 105px;

 height: 34px;

 cursor: pointer;

 position: absolute;

 right: 50%;

 bottom: 100px;

 z-index: 10;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 12px;

 color: #deb360;

 text-align: right;

 line-height: 34px;

 text-transform:uppercase;

 margin-right: 10px;

}





.youshi_pro_l:hover{

 margin-right: 20px;

}







.youshi_pro_r {

 background: url(../images/ys_r.png) no-repeat right;

 display: block;

 width: 97px;

 height: 34px;

 cursor: pointer;

 position: absolute;

 left: 50%;

 bottom: 100px;

 z-index: 10;

 margin-left: 102px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 12px;

 color: #fff;

 line-height: 34px;

 text-transform:uppercase;

}





.youshi_pro_r:hover{

 margin-left: 112px;

}





.youshi_pro_rbg {

 background-color:rgba(221,153,20,0.8);

 display: block;

 width: 251px;

 height: 155px;

 cursor: pointer;

 position: absolute;

 left: 50%;

 bottom: 42px;

 z-index: 2;

 margin-left: 48px;

}





/*优势end*/





/*案例*/





.tewm_bg{

 width: 100%;

 padding-top: 68px;

 padding-bottom: 70px;

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

 overflow: hidden;

}





.tewm {

 width: 1295px;

margin: 0 auto;

}





.tewm_p {

 width: 1295px;

 margin: 0 auto;

 position: relative;

}







.tewm_p .tab_box_2 {

 float: left;

 height: 576px;

 overflow: hidden;

 display: block;

 position: relative;

 margin-top: 38px;

}





.tewm_pro_1 {

 width: 636px;

 position: relative;

}





.tewm_pro_1_l {

 width: 636px;

 height: 576px;

 overflow: hidden;

}





.tewm_pro_1_l img {

 width: 636px;

 height: 576px;

}











.tewm_pro_2_1 {

 line-height: 30px;

 padding: 12px 0 0 0;

 font-size: 14px;

 color: #fff;

 height: 120px;

 overflow: hidden;

}







.tewm_p .hd {

 width: 601px;

 float: right;

 margin-top: 20px;

}





.tewm_p .hd ul{



}





.tewm_p .hd ul li {

 cursor: pointer;

 position: relative;

 z-index: 5;

 line-height: 1;

 margin-bottom: 35px;

}





.tewm_p .hd ul li h6{

 height: 50px;

 line-height: 50px;

 background:url(../images/al_jt1.png) no-repeat right;

}





.tewm_p .hd ul li h6 a{

 display: block;

 font-size: 16px;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

 padding-right: 50px;

}



.tewm_p .hd ul li h6 b{

 display: block;

 float: left;

 font-size: 18px;

 font-weight: bold;

 color: #333333;

 width: 55px;

 margin-left: 26px;

}







.tewm_p .hd ul li i {

 display: block;

 width: 520px;

 height: 1px;

border-bottom: 1px dashed #dddcdd;

 position: absolute;

 right: 0;

 top: 50px;

}







.tewm_p .hd ul li i img{

 width: 100%;

 height: auto;

}







.tewm_p .hd ul li span {

 display: block;

 width: 0;

 height: 2px;

 background: #dd9914;

 position: absolute;

 left: 0;

 top: 25px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.tewm_p .hd ul li h5 {

 display: block;

 color: #666666;

 font-size: 14px;

 overflow:hidden;

 height: 0;

 line-height: 30px;

 overflow: hidden;

 padding-left: 80px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}







.tewm_p .hd ul li.on span{

 width: 17px;

}



.tewm_p .hd ul li.on h6 b{

 color: #dd9914;

 font-size: 22px;

}







.tewm_p .hd ul li.on h5 {

 height: 90px;

 padding-top: 10px;

}







.tewm_l {

 background: url(../images/ys_l.png) no-repeat 0;

 display: block;

 width: 105px;

 height: 34px;

 cursor: pointer;

 position: absolute;

 left: 50%;

 bottom: 20px;

 z-index: 10;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 12px;

 color: #deb360;

 text-align: right;

 line-height: 34px;

 text-transform:uppercase;

 margin-left: 130px;

}





.tewm_l:hover{

 margin-left: 120px;

}







.tewm_r {

 background: url(../images/ys_r.png) no-repeat right;

 display: block;

 width: 97px;

 height: 34px;

 cursor: pointer;

 position: absolute;

 right: 0;

 bottom: 20px;

 z-index: 10;

 margin-left: 102px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 12px;

 color: #fff;

 line-height: 34px;

 text-transform:uppercase;

}





.tewm_r:hover{

 right: -10px;

}





.tewm_rbg {

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

 display: block;

 width: 916px;

 height: 75px;

 cursor: pointer;

 position: absolute;

 left: 50%;

 bottom: 0px;

 z-index: 2;

 margin-left: 48px;

}





/*案例end*/









/*简介*/





.in2_about {

 width: 100%;

 height: 743px;

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

 overflow: hidden;

}



.in2_about_1 {

 width: 1295px;

 padding-top: 68px;

  margin: 0 auto;

 position: relative;

}







.in2_about_2_t {

 height: 40px;

 color: #d1d1d1;

 font-size: 36px;

 text-transform: uppercase;

}





.in2_about_3x {

 float: left;

 width: 695px;

}







.in2_about_6 {



}





.in2_about_3 {

 line-height: 30px;

 height: 120px;

 overflow: hidden;

 padding: 38px 0 0 0;

 color: #666666;

}







.in2_about_5 {

 height: auto;

}







.in2_about_4 {

 width: 100%;

 height: 76px;

 margin-top: 10px;

 padding: 15px 0;

 border-top: 1px dashed #dddcdd;

 border-bottom: 1px dashed #dddcdd;

}





.in2_about_4_line{

 height: 76px;

 width: 1px;

 border-left: 1px dashed #dddcdd;

 float: left;

 margin: 0 69px;

}





.in2_about_4_2 {

 float: left;

 min-width: 60px;

 height: 76px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: relative;

}





.in2_about_4_2 h6{



}



.in2_about_4_2 a {

 display: block;

}





.in2_about_4_2 b{

 display: block;

 width: 100%;

 height: 44px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin: 0 auto;

}





.in2_about_4_2 i{

 display: block;

 text-align: center;

 font-size: 14px;

 color: #666666;

 padding-top: 8px;

}





.in2_about_4_2 b.d1 {

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

}



.in2_about_4_2 b.d2 {

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

}



.in2_about_4_2 b.d3 {

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

}



.in2_about_4_2 b.d4 {

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

}





.in2_about_4_2:hover{

 transform: translateY(-5px);

}



.in2_about_4_2:hover i{

 color: #dd9914;

}





/*简介end*/









/*新闻*/





.in_news_ss {

 width: 100%;

 margin: 0 auto;

 padding-top: 66px;

}





.in_news_pro {

 width: 1295px;

 margin: 0 auto;

 position: relative;

}



.in_news_tit{

 position: absolute;

 left: 0;

 top: 0;

}









#tab_news {

 width: 100%;

 background:url(../images/news_line1.png) no-repeat right 58px;

}





#tab_news .news_menu {

 height: 59px;

 margin-left: 947px;

}





#tab_news .news_menu li {

 float: left;

 width: 70px;

 height: 59px;

 line-height: 35px;

 color: #2d363e;

 font-size: 16px;

 cursor: pointer;

 margin-left: 46px;

}



#tab_news .news_menu li a{

 color: #2d363e;

}





#tab_news .news_menu .on {

 color: #dd9914;

 cursor: pointer;

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

}





#tab_news .news_menu .on a{

 color: #dd9914;

}







#tab_news .news_menu span {

 display: block;

}









.in_news_ss .tab_box_news {

 width: 100%;

 clear: both;

 margin-top: 57px;

}



.in_news_ss .tab_box_news .hide {

 display: none;

}



.in_news_1 {

 overflow: hidden;

}



.in_news_2 {

 width: auto;

 position: relative;

}



.in_news_ll{

 float: left;

 width: 698px;

}





.in_news_rr{

 float: right;

 width: 532px;

}





.in_news_pro_5 {

 padding-top: 5px;

}





.in_news_pro_5 ul li {

 height: 57px;

 line-height: 57px;

 overflow: hidden;

 border-bottom: 1px dashed #cccccc;

}





.in_news_pro_5 ul li a {

 display: block;

 padding: 0 10px 0 18px;

 color: #666666;

 font-size: 16px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 background: url(../images/news_d1.png) no-repeat 0;

}





.in_news_pro_5 ul li a:hover {

 color: #dd9914;

 padding-left: 23px;

 background: url(../images/news_d1.png) no-repeat 5px;

}





.in_news_pro_5 ul li span {

 float: right;

 color: #999999;

 font-size: 12px;

}







.in_nfourbox {

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}







.in_nfourbox_pic{

 width: 212px;

 height: 145px;

 overflow: hidden;

 padding: 3px;

 border: 1px solid #d7d7d7;

 float: left;

}



.in_nfourbox:hover .in_nfourbox_pic{

 border: 1px solid #dd9914;

}





.in_nfourbox_pib{

 width: 100%;

height:100%;

 overflow: hidden;

}



.in_nfourbox_pic img{

 width: 100%;

 min-height:100%;

}





.in_nfourbox_2 {

 width: 456px;

 float: right;

}





.in_nfourbox_2 h6 {

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 font-size: 16px;

 padding-top: 5px;

}





.in_nfourbox_2 h6 a {

 color: #333333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 font-size: 16px;

}





.in_nfourbox_2 h6 a:hover {

 color: #dd9914;

 padding-left: 5px;

}



.in_nfourbox_2 h5{

 line-height: 24px;

 font-size: 14px;

 color: #999999;

 padding-top: 3px;

}







.in_nfourbox_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 24px;

 height: 48px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 padding-top: 8px;

}





/*---*/





/*---*/





.in_ntowbox {

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-bottom: 26px;

}







.in_ntowbox_pic{

 width: 128px;

 height: 85px;

 overflow: hidden;

 padding: 3px;

 border: 1px solid #d7d7d7;

 float: left;

}



.in_ntowbox:hover .in_ntowbox_pic{

 border: 1px solid #dd9914;

}





.in_ntowbox_pib{

 width: 100%;

 height:100%;

 overflow: hidden;

}



.in_ntowbox_pic img{

 width: 100%;

 min-height:100%;

}





.in_ntowbox_2 {

 width: 374px;

 float: right;

 height: 91px;

 border-bottom: 1px dashed #cccccc;

}





.in_ntowbox_2 h6 {

 height: 28px;

 line-height: 28px;

 overflow: hidden;

 font-size: 16px;

}





.in_ntowbox_2 h6 a {

 color: #333333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 font-size: 16px;

}





.in_ntowbox_2 h6 a:hover {

 color: #dd9914;

 padding-left: 5px;

}



.in_ntowbox_2 h5{

 line-height: 20px;

 font-size: 12px;

 color: #999999;

 padding-top: 3px;

}







.in_ntowbox_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 24px;

 height: 24px;

 white-space: nowrap;

 text-overflow: ellipsis;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 padding-top: 5px;

}





/*---*/