/*phone*/


*{box-sizing: border-box;}
.mobile

{



    width: 100%;

    height: 80px; background:url(/images/topbg.png) repeat-x;  z-index:222;





}



.mobile .container

{

    position: relative;

}



@media screen and (min-width: 768px)

{

    .mobile .container

    {

        width: 100%;

        padding-right: 20px;

        padding-left: 20px; margin:0;

    }

}



@media screen and (min-width: 992px)

{

    .mobile .container

    {

        width: 100%;

        padding-right: 40px;

        padding-left: 40px;

    }

}



.mobile .lan{ line-height:80px;}

.mobile .lang-btn .triangle-down{margin-top:27px;}

.mobile  .li{display:block; line-height:25px;}

.mobile .logo

{

    line-height: 80px; float:left;

}

.mobile .logo img{

    width:200px;

}



.mobile .nav_m

{

    position: absolute;

    top: 15px;

    right: 15px;



    width: 50px;

    height: 50px;



    cursor: pointer;

    text-align: center;



    background-color: #ad6947;

}





/*手机按钮*/



.mobile .nav_m .menu_m

{

    position: relative;



    display: inline-block;



    width: 28px;

    height: 22px;

    margin-top: 14px;

}



.mobile .nav_m .menu_m:hover .navbtn,

.mobile .nav_m .menu_m:hover .navbtn::after,

.mobile .nav_m .menu_m:hover .navbtn::before

{

    width: 28px;

}



.mobile .nav_m .navbtn

{

   position: absolute;

    top: 10px;

    right: 0;

    display: inline-block;

    width: 21px;

    height: 1px;

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

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

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

    background: #fff;

  

}



.mobile .nav_m .navbtn::after,

.mobile .nav_m .navbtn::before

{

    position: absolute;

    right: 0;



    display: inline-block;



    width: 28px;

    height: 1px;



    content: '';

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

       -moz-transition: all .3s ease-out 0s;

        -ms-transition: all .3s ease-out 0s;

         -o-transition: all .3s ease-out 0s;

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



    background: #fff;

}



.mobile .nav_m .navbtn::after

{

    top: -11px;

}



.mobile .nav_m .navbtn::before

{

    top: 10px;

}



.mobile .nav_m .menu_m.active .navbtn

{

    background: transparent;

}



.mobile .nav_m .menu_m.active .navbtn::after

{

    top: 0;



    -webkit-transform: rotate(45deg);

       -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

         -o-transform: rotate(45deg);

            transform: rotate(45deg);

}



.mobile .nav_m .menu_m.active .navbtn::before

{

    top: 0;



    -webkit-transform: rotate(-45deg);

       -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

         -o-transform: rotate(-45deg);

            transform: rotate(-45deg);

}



.mobile .phsou

{

    position: absolute;

    top: 20px;

    right: 80px;

}



.mobile .phsou img

{

    width: 40px;



    cursor: pointer;

}





/*手机下拉*/



.menu_m_list

{

    position: relative;

}



.menu_m_det

{

    font-family: '微软雅黑';



    position: absolute;

    z-index: 1049;

    top:0px;

    left: 0;



    display: none;



    width: 100%;

    padding-bottom: 61px; background:url(/images/q.png) repeat;

}



.menu_m_det.active

{

    top: 106px;

}



@media screen and (min-width: 768px)

{

    .menu_m_det .container

    {

        width: 100%;

        padding: 0 20px;

    }

}



@media screen and (min-width: 992px)

{

    .menu_m_det .container

    {

        width: 100%;

        padding: 0 40px;

    }

}



.menu_m_det .ul2,

.menu_m_det .ul3

{

    display: none;

}



.menu_m_det h4 a

{

    font-size: 16px;

    font-weight: bold;

    line-height: 59px;



    text-transform: uppercase;



    color: #fff; 

}



.menu_m_det h4

{

    position: relative;



    border-bottom: 1px solid #ddd; padding-left:15px;  padding-right:15px;

}



.menu_m_det h4::after

{

    position: absolute;

    bottom: 0;

    left: 0;



    width: 100%;

    height: 1px;



    content: '';



    opacity: .1;

    background-color: #e5e5e5;

}



.menu_m_det h5 a

{

    font-family: '微软雅黑';

    font-size: 14px;

    line-height: 40px;



    text-transform: uppercase;



    color: #999;

}



.menu_m_det h5

{

    position: relative;



    padding-left: 30px;

}



.menu_m_det h5::after

{

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;



    height: 1px;



    content: '';



    opacity: .05;

    background-color: #fff;

}



.menu_m_det h4 img

{

    float: right;



    width: 13px;

    margin-top: 23px;



    cursor: pointer;

}

.menu_m_det h4 img.img_d{display:none;}

.menu_m_det h5 img

{

    float: right;



    width: 13px;

    margin-top: 26px;



    cursor: pointer;

}



.menu_m_det h4.active,

.menu_m_det h5.active

{

    border-bottom: 0;

}



.menu_m_det h4.active img.img_s,

.menu_m_det h5.active img.img_s

{

    display: none;

}



.menu_m_det h4.active img.img_d,

.menu_m_det h5.active img.img_d

{

    display: block;

}



.menu_m_det .ul2

{

    padding-top: 7px;

    padding-bottom: 8px;



    background-color: #f0f0f0;

}

.menu_m_det .ul2 a{display:block; font-size:14px; line-height:1.5;}

.menu_m_det .ul3

{

    position: relative;



    margin-top: 0;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 30px;



    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}



.menu_m_det .ul3 li a

{

    font-size: 12px;

    line-height: 30px;



    display: block;



    text-transform: uppercase;



    color: #999;

}



.menu_m_det .ul3 li

{

    padding-top: 5px;

}



.menu_m_det .ul3 li:first-child

{

    padding-top: 0;

}



@-webkit-keyframes shake

{

    from,

    to

    {

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

                transform: translate3d(0, 0, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-3px, 0, 0);

                transform: translate3d(-3px, 0, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(3px, 0, 0);

                transform: translate3d(3px, 0, 0);

    }

}



@keyframes shake

{

    from,

    to

    {

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

                transform: translate3d(0, 0, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-3px, 0, 0);

                transform: translate3d(-3px, 0, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(3px, 0, 0);

                transform: translate3d(3px, 0, 0);

    }

}