@font-face

{

    font-family: 'modelfont';



    src: url('../fonts/heronsanslight.eot'); /* IE9 Compat Modes */

    src: url('../fonts/heronsanslight.eot') format('embedded-opentype'), /* IE6-IE8 */

    url('../fonts/heronsanslight.woff') format('woff'), /* Modern Browsers */

    url('../fonts/heronsanslight.ttf') format('truetype'), /* Safari, Android, iOS */

    url('../fonts/0d32dfb5d48c43a0a7f98495e1f22739.svg') format('svg'); /* Legacy iOS */

}

*

{

    margin: 0;

    padding: 0;



    border: 0;

}

*,

*:before,

*:after

{

    -webkit-box-sizing: border-box!important;

       -moz-box-sizing: border-box!important;

            box-sizing: border-box!important;

}

ul

{

    list-style: none;

}

a

{

    text-decoration: none;



    color: #fff;

}

a:hover

{

    text-decoration: none!important;

}

a img

{

    display: block;

}



.clear-fix

{

    overflow: hidden;

    zoom: 1;

}

.clear-fix:after

{

    display: table;

    clear: both;



    width: 0;



    content: '';

}

body

{

    font-family: Arial, 'Microsoft YaHei';

    font-size: 12px;



    width: 100%;



    letter-spacing: 1px;



    color: #fff;

    background-color: #e6e6e6;

}





.uk-hidden-small {

    display: none!important;

}









/********************head***********************/

.loading{

    width: 100%;

    height: 100%;

    text-align: center;

    background-color: #8b0504;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2000;

}

.loading img{

    display: block;

    margin-top: 40%;

    width: 100%;

}

.top

{

    position: fixed;

    z-index: 1999;



    width: 100%;

    height: 50px;

    padding-top: 10px;



    background-color: #142851;

}

.content

{

    overflow: hidden;



    width: 90%;

    max-width: 1000px;

    margin: 0 auto;

}

.main

{

    position: relative;

    z-index: 999;



    width: 100%;

    max-width: 1000px;

    padding-top: 50px;



    background-color: #e6e6e6;

}

.main .content

{

    overflow: hidden;



    margin: 0 auto;

}

.top-1

{

    display: none;

}



.top .nav

{

    width: 100%;

}

.top .logo

{

    float: left;

}

.top .logo img{

    width: 50%;

}





/********************index***********************/



.banner

{

    width: 100%;

}





.slider1 .uk-dotnav

{

    height: 40px;

    margin-bottom: -40px!important;



    background-color: #d92823;

}



.uk-dotnav > .uk-active > *

{

    background-color: #172e57!important;

}

.slider1 .uk-dotnav > * > *,

.slider2 .uk-dotnav > * > *,

.slider3 .uk-dotnav > * > *

{

    width: 12px!important;

    height: 12px!important;

}







.indnav

{

    position: relative;



    width: 100%;

    margin: 40px auto 0;

}

.ind-nav

{

    overflow: hidden;



    width: 100%;

}



.ind-nav-icon-l img,

.ind-nav-icon-r img{

    width: 50%;

    display: inline-block;

}

.ind-nav-icon-l

{

    position: absolute;

    z-index: 20;

    top: auto!important;

    right: auto!important;



}

.ind-nav-icon-r

{

    position: absolute;

    z-index: 20;

    top: auto!important;

    left: auto!important;

    text-align: right;

}

.indnav-icon

{

    width: 100%;

    background-color: #182f58;

    text-align: center;

    padding: 10px 0;

}

.indnav-icon img{

    width: 80%;

    display: inline-block;

}



.ind-news

{

    width: 100%;

    margin-top: 10px;



    text-align: center;

}

.ind-news > span

{

    display: block;



    margin-bottom: 10px;

}

.ind-news > span img{

    width: 100%;

}

.ind-news-li

{

    position: relative;



    float: left;

    width: 100%;

    margin-bottom: 20px;

}

.ind-news-li  img{

    width: 100%;

}

.ind-news-mask

{

    font-weight: lighter;



    position: absolute;

    bottom: 0;

    left: 0;



    overflow: hidden;



    width: 100%;

    padding: 10px;



    text-align: left;



    background-color: rgba(23,46,87,.8);

}

.ind-news-mask > span:nth-child(1)

{

    line-height: 14px;

    line-height: 20px;

    display: block;



}

.ind-news-mask span:nth-child(2)

{

    display: none;

}





.ind-news-more

{

    display: none;

}



.ind-news-mo

{

    width: 100%;

    padding-bottom: 17px;



    border-bottom: 1px solid #44403f;

}

.ind-news-mo .content img

{

    float: right;

}

.ind-ry

{

    width: 100%;

    margin: 40px auto 30px;

}

.ind-ry > span

{

    display: none;

}

.ind-rz,

.ind-hb

{

    width: 100%;

    text-align: center;



}.ind-rz{

    margin-bottom: 30px;

}

.ind-rz > img{

    width: 80%;

}

.ind-hb >img

{

    width: 65%;

}

.slider3,

.slider2

{

    position: relative;



}





.foot

{

    z-index: 0;

    bottom: 0;

    left: 0;



    width: 100%;



    background-color: #142851;

}

.bottom

{

    width: 100%;

    padding-top: 50px;



    text-align: center;

}

.bottom >img{

    width: 50%;

    margin-bottom: 10px;

}

.bottom > p

{

    color: #a0a2a1;

    padding: 0 10px;

}

.bottom a

{

    color: #a0a2a1;

}

.bottom-content

{

    width: 90%;

    margin: 0 auto;

    border-bottom: 1px solid #474548;

}

.bottom-con-li

{



    float: left;



    text-align: left;

}

.bottom-con-li p span

{

    font-weight: lighter;



    color: #a0a2a1;

}



.bottom-con-li:nth-child(1)

{



    width: 100%;

}



.bottom-con-li:nth-child(3)

{

    display: none;

}



.bottom-red

{

    display: block;



    width: 100%;

    height: 20px;



    background-color: #d92823;

}

.right

{

    display: none;

}











/********************about******************************/

.content-title

{

    display: block;



    width: 100%;

    margin-top: 40px;

    margin-bottom: 30px;



    text-align: center;

}

.content-title img{

    width: 60%;

}

.content-main

{

    display: block;

    overflow: hidden;



    width: 100%;

    margin-bottom: 20px;

}

#about-overview .content-main

{

    

    height: 340px;

}

.content-main .about-cn

{

    line-height: 20px;

}

.about-more

{

    display: inline-block;



    width: 100%;

    margin-bottom: 30px;



    text-align: right;

}

#about-overview

{

    line-height: 20px;



    letter-spacing: 0;



    color: rgba(0, 0, 0, 0.75);

}

#about-overview .content-main p

{

    margin: 20px auto;

}

#about-overview .content-main p:nth-child(1)

{

    margin: 0 auto 20px;

}

#about-history

{

    background: url(../images/about-history-back.jpg) no-repeat;

    height: 400px;

    overflow-y: scroll;

}

#about-history .content-title{

    margin: 40px auto 20px!important;

}

#about-rz .content-main{

    margin-bottom: 0!important;

}

#about-rz p

{



    width: 100%;



    color: #000!important;

}

#about-rz li

{

    text-align: center;

}

#about-rz .content-title img {

    width: 85%;

}

#about-rz .uk-subnav

{

    margin-bottom: 10px;

}

#about-rz .uk-subnav li

{

    line-height: 42px;



    height: 42px;



    background-color: #fff;

}

#about-rz .uk-subnav .uk-active

{



    color: #fff;

    background-color: #172e57;

}

#about-rz .uk-subnav .uk-active *

{

    color: #fff;

    background-color: transparent;

}

#about-rz .uk-margin {

    margin-bottom: 35px!important;

}

#about-wenhua

{

    background-color: #fff;

}

#about-wenhua .content-main{

    display: none;

}

.about-wh{

    width: 100%;

    padding: 0 10px 20px;

}

.about-wh img{

    display: block;

    margin-bottom: 10px;

}





/* Menu style */

#timeline

{

    position: relative;

    display: block; 



}

#dates

{

    display:none;



}



#issues

{

    padding: 0!important;

   width: 100%!important;

    margin: 0!important;

}



#issues li

{

    float: left;

    display: block;

    opacity: 1!important;

    list-style: none;

}

#issues li img

{

    display: block;

    width: 200%;    

    margin-left: -62%;

    max-width: none;

    text-align: center;

}

#issues > li:nth-child(11),

#issues > li:nth-child(14),

#issues > li:nth-child(15),

#issues > li:nth-child(17)

{

    margin-bottom: 35px;

}



#issues > li:nth-child(12),

#issues > li:nth-child(13)

{

    margin-bottom: 25px;

}

#next,

#prev

{

   

        position: absolute;

    top: 390px;



    overflow: hidden;



    width: 30px;

    height: 30px;

}

#next

{

    right: 50%;



    margin-right: -450px;

}

#prev

{

    left: 50%;



    margin-left: -450px;

}

#next:hover,

#prev:hover

{

    opacity: .2;

}

.uk-slidenav-position .uk-slidenav{

    display: inline-block!important;

}



/********************news******************************/

.news-nav

{

    line-height: 40px;



    width: 100%;

    height: 40px;

    margin-top: -1px;

    padding: 0!important;



    border: 0!important;

    background-color: #a4a4a5;

}

.news-nav ul

{

    padding: 0!important;



    list-style: none;

}



.news-nav li:nth-child(2)

{

    border-right: 2px solid #a4a4a5;

    border-left: 2px solid #a4a4a5;

}



.news-nav li

{



    float: left;



    width: 33.333%;

    margin: 0!important;



    text-align: center;



    background-color: #fff;

}

.news-nav li a

{

    display: inline-block;



    width: 100%;

    height: 100%;



    color: #595757;

}

.news-nav li a:hover

{

    width: 100%;



    color: #fff;

    background-color: #172e57!important;

}

.news-nav .uk-active > *

{



    width: 100%;



    background-color: #172e57!important;

}

.news-list

{

    margin-top: 40px!important;

    padding-bottom: 30px!important;

}

.news

{

    margin-bottom: 20px!important;

}

.news > img{

    width: 100%!important;

}

.news > span

{



    display: inline-block;



    width: 100%;

    height: 100px;

    padding: 10px;



    color: #9fa0a0;

    background-color: #fff;

}

.news > span a

{

    color: #595757;

}

.news-mask:hover

{

    color: #e6e6e6;

    background-color: #172e57;

}

.news-mask:hover a

{

    color: #e6e6e6;

}

.news-title

{

    display: inline-block;

    overflow: hidden;



    height: 40px;

}

.news-more

{

    line-height: 40px;



    display: inline-block;



    width: 100%;

    height: 40px;

}

.news-link,

.news-time

{

    display: inline-block;

    float: left;



    width: 50%;

}

.news-link

{

    text-align: right;

}

.news-contain

{

    line-height: 150%!important;

}

.news-contain div ul

{

    LIST-STYLE: inside;

}

.news-contain div ol

{

    LIST-STYLE: inside;

}

.page-cute

{

    margin-top: 20px;

}

.page-cute .selected{

    background-color: #142851;

    color: #fff;

}

.news-detail

{

    line-height: 60px;



    width: 100%;

    height: 60px;

    padding: 0!important;



    background-color: #fff;

}

.news-nav-l

{

    display: none;

}

.news-nav-r

{



    float: left;



    width: 100%;

    height: 60px;

    overflow-y: scroll;

    color: #4d4d4d;

}

.news-nav-r a

{



    color: #4d4d4d;

}

.news-topic

{



    padding-top: 30px;

    padding-bottom: 20px;



    text-align: center;



    color: #172e57;

    border-bottom: 1px solid #b3b3b3;

}

.news-info

{



    padding-top: 10px;

    padding-bottom: 30px;



    text-align: center;



    color: #666;

}

.news-info span

{

    display: inline-block;

    width: 100%;

    text-align: right;

}



.news-contain

{



    padding-bottom: 20px;



    color: #666;

    border-bottom: 1px solid #b3b3b3;

}

.news-next

{

    padding: 20px 0 30px;

}

.news-next p

{

    line-height: 30px;



    height: 30px;

    margin: 0;

    padding: 0;



    color: #666;

}

.news-next p a

{

    color: #666;

}







/********************marketing******************************/

.marketing-gj

{

    position: relative;

    overflow: visible!important;

    margin: 30px auto!important;



    

}

.marketing-gj-mobile{

    display: inline-block;

}

.marketing-gj-mobile span{

    color: #727171;

    display: inline-block;

    padding:10px;

}

.marketing-gn

{



    width: 100%;

    padding: 30px 0 40px;

    background-image: url(../images/marketing-gn-back.jpg);

    background-size: 100%;

}

.marketing-gj .my-class{

    display: none!important;

}







.marketing-gn-mobile{

    display: inline-block;

    padding-bottom: 20px;

}



.my-guonei{

    display: none;

}

.gnkehu span{

    display: inline-block;

    width: 100%;

    padding: 20px;

    background: rgba(217,40,35,0.8);

    margin-bottom: 10px;

}





/********************jobs******************************/



.jobs

{

    padding-bottom: 120px;

}

.job-title

{

    width: 100%;

    padding: 30px 0;



    text-align: center;

}

.job-title img{

    width: 60%;

}

.jobs-list

{

    margin-bottom: 40px!important;

    padding: 30px 10px;



    background-color: #172e57;

}

.jobs-list > span

{

    display: block;



    width: 100%;

    margin-bottom: 23px;



    border-top: 1px solid #dcdddd;

}

.job-list

{

    height: auto;

    padding: 23px 0 20px;



    color: #dcdddd;

}

.job-list p

{

    line-height: 200%;

    font-size: 14px;

}

.job-list h4

{

    height: 40px;

    line-height: 40px;

    color: #dcdddd;

}

.job-list a

{

    color: red;

}

.job-list a:hover

{

    color: #dcdddd;

}

.job-list div:nth-child(1) h3

{

    height: 100%;



    border-bottom: 1px solid #dcdddd;

}

.job-list div:nth-child(2) div

{

    font-size: 0;



    width: 100%;

    padding-top: 20px;

    padding-bottom: 18px;



    text-align: right;



    border-bottom: 1px solid #dcdddd;

}

.job-list div:nth-child(2) div img

{

    display: inline-block;

}

.job-list a:hover img

{

    opacity: .5;

}

.map,

#allmap

{

    width: 100%;

    height: 300px;

}







.contact-title

{

    padding: 30px 0;



    text-align: center;

}

.contact-title img{

    width: 70%;

}

.contact-main

{

    padding-bottom: 40px;

}

.contact-l,

.contact-r

{

    width: 100%;



}





.jobs-detail

{

    padding-bottom: 1px;

}

.jobs-back

{

    display: inline-block;



    width: 100%;



    text-align: right;

}

.jobs-back img

{

    display: inline-block;

}

.jobs-back a:hover img

{

    opacity: .5;

}

.jobs-kong

{

    margin-top: 20px;

}

.jobs-detail h3

{

    color: red;

}





/********************products******************************/



.products-nav

{

    width: 100%;

    height: 50px;

    padding-top: 10px;

    background-color: #fff;

}





.products-nav1

{

    display: none;

}



.products-nav2 {

    display: none;

}



.subnav2{

    display: none;

   

    



}



.product

{

    padding-top: 30px;

    padding-bottom: 10px;

}

.product-list

{

    position: relative;



    float: left;



    width: 100%;

    margin-bottom: 20px;

    



    text-align: center;



    color: #727171;

    border: 1px solid #b2b2b2;

    background-color: #fff;

}

.product-mask

{

    position: absolute;

    bottom: 0;

    left: 0;



    width: 100%;

    height: 0;



    transition: all .2s ease-in-out;



    opacity: 0;

    color: #727171;

    background-color: #fff;

}

.product-list:hover  .product-mask

{

    height: 100%;

    padding-top: 50%;



    opacity: .9;

}

.product-list img

{

    display: inline-block;

}

.product-list p

{

    width: 90%;

    overflow: hidden;

    white-space: nowrap;

    margin-left: auto;

    margin-right: auto;

}

.uk-pagination > li > span{

    display: none!important;

}



.products-img

{

    width: 100%;

    padding: 30px 0;

}

.product-slid

{



    width: 100%;

}

.product-topic

{

    font-family: 'modelfont';





    width: 100%;

}

.promodel

{

    display: inline-block;



    width: auto;

    margin-top: 40px;

}

.promodel span

{

    display: inline-block;

}

.promodel span:nth-child(1)

{

    font-family: 'navfont';

    font-size: 30px;



    vertical-align: top;



    color: #172e57;

}

.promodel span:nth-child(2)

{

    font-size: 18px;

    font-weight: lighter;



    margin-bottom: 5px;

    margin-left: 20px;

    padding: 5px 18px;



    color: #fff;

    background-color: #172e57;

}

.procn

{

    font-size: 20px;



    margin-top: 10px;

    margin-bottom: 10px;



    letter-spacing: 0;



    color: #172e57;

}

.proen

{

    font-size: 28px;

    line-height: 150%;

    color: #172e57;

}

.message

{

    margin-top: 20px;

}



.prodetailnav li

{

    position: relative;



    float: left;



    width: 100%;

}

.prodetailnav li a

{

    font-size: 14px;

    line-height: 40px;



    display: inline-block;



    width: 100%;

    height: 40px;



    text-align: center;



    color: #172e57;

    border: 1px solid #e6e6e6;

    background-color: #fff;

}

.prodetailnav li a:hover

{

    text-decoration: none;

}

.prodetailnav .active a

{

    color: #fff;

    border: 0;

    background-color: #172e57;

}



.prodetailnav div li div

{

    display: block!important;

    

    width: 100%;

    padding-top: 30px;

    padding-bottom: 50px;

}







.prodetailnav ul

{

    padding: 0!important;

}



.prodetailnav table tr:nth-child(odd)

{

    background-color: #aaa;

}

.prodetailnav table td

{

    padding: 5px;

}

.prodetailnav table tr:nth-child(even)

{

    color: #aaa;

}

.liuyan

{

    width: 100%;



    color: #727171;

}

.liuyan td

{

    width: 100%;

}

.liuyantit

{

    font-size: 18px;

    font-weight: bold;

    line-height: 30px;



    width: 100%;

    height: 30px;



    border-bottom: 1px solid red;

}

.liuyan table

{

    width: 100%;

    margin-top: 10px;

}

.liuyan table tr td

{

    display: inline-flex;



    width: 100%;

    margin: 5px auto;

    padding: 10px;



    border: 1px solid #727171;

}





.liuyan table tr td input,

.liuyan table tr td textarea

{

    width: 70%;

    margin-left: 10px;

}

.liuyan table tr:last-child td

{

    text-align: right;



    border: 0;

}





#my-message .uk-modal-dialog

{

    margin: 160px auto 50px!important;

}







/********************investment******************************/

#investment{

    margin: 20px auto 0;

}

.investment-title{

    font-size: 20px;

    color: #142851;

    height: 60px;

    line-height: 60px;

    font-weight: bolder;

}

.investment-main{

    text-align: center;

    margin: 40px auto!important;

}

.investment-main li {

    display: inline-block;    

    padding-top: 20px;

    padding-bottom: 20px;

    width: 100%;

    background-color: #fff;

}

.uk-tab{

    border-bottom:2px solid #595757!important;

}

.uk-tab > li.uk-active > a{

    color: #fff!important;

    background-color: #142851!important;

    border: transparent!important;

}

.uk-tab > li > a{

    background-color: #fff!important;

    margin-bottom: 1px;

    border: #9FA0A0!important;

    border-bottom: transparent!important;

    padding: 8px 25px!important;

}

.investment-data{

    margin: 30px auto 30px;

}

.investment-data-1{

    width: 100%;

    float: left;

    padding-left: 0!important;

}

.investment-data-1 li span{

    width: 50%;

    float: left;

    color: #000;

    font-size: 12px;

    height: 25px;

    line-height: 25px;

}

.investment-data-1 li span:nth-child(1){

    padding-left: 10px;

}

.investment-data-1 li span:nth-child(2){

    padding-left: 30px;

}

.investment-data-2{

    width: 100%;

    float: right;

    padding-left: 0!important;

    margin-top: 0!important;

}

.investment-data-2 li span{

    width: 33.333%;

    float: left;

    color: #000;

    font-size: 12px;

    height: 25px;

    line-height: 25px;

    padding-left: 10px;

}

.investment-data ul li:nth-child(2n+1){

    background-color: #C9CACA;

}





/********************download******************************/

.download-nav

{

    line-height: 40px;



    width: 100%;

    height: 40px;

    margin-top: -1px;

    padding: 0!important;



    border: 0!important;

    background-color: #a4a4a5;

}

.download-nav ul

{

    padding: 0!important;



    list-style: none;

}



.download-nav li:nth-child(1)

{

    border-right: 2px solid #a4a4a5;

}



.download-nav li

{



    float: left;



    width: 50%;

    margin: 0!important;



    text-align: center;



    background-color: #fff;

}

.download-nav li a

{

    display: inline-block;



    width: 100%;

    height: 100%;



    color: #595757;

}



.download-list {

    padding: 30px 0;

}

.download-list ul{

    padding: 0!important;

    color: #A4A4A5;



}

.download-list li{

    display: flex;

}

.download-list a{

    color: #A4A4A5;

}

.download:nth-child(2n+1){

    background-color: #fff;

}

.download:nth-child(2n){

    background-color: #F2F2F2;

}

.download-title{

    background-color: #142851;

    color: #fff;

}

.download{

    padding: 0!important;

}

.download-title span{

    font-size: 13px;

}

.download span{

}

.download-title span,

.download span{

    display: inline-block;

    float: left;

}

.download-title span,

.download span{

    float: left;

    text-align: center;

}

.download-title span:nth-child(1),

.download span:nth-child(1){

    width: 50%;



}

.download-title span:nth-child(2),

.download span:nth-child(2){

    width: 10%;



}

.download-title span:nth-child(3),

.download span:nth-child(3){

    width: 30%;



}

.download-title span:nth-child(4),

.download span:nth-child(4){

    width: 10%;

}

.download span:nth-child(3),

.download span:nth-child(2),

.download span:nth-child(1){

    border-right: 1px solid #a4a4a5;



}

.download-search{

    display: none;

}







.home-title  img{ margin-top: 40px;}

	

.clearfix {padding-left:0px; display:block;}

.nice{padding: 10px 0 0;}

.nice-cell{ vertical-align:bottom; padding:10px; background:rgba(255,32,0,.1);}

.nice-list { margin-top: 20px;}

.nice-list .table-cell{ vertical-align:bottom;}

.nice-list .table-table{ width:100%; height:20%; vertical-align:bottom;}

.nice-list li h2{ font-size:18px; color:#fff; margin-bottom:0px; font-weight:400;}

.nice-list li p{  display: none;}

.nice-list li:hover .nice-text{ top:0;}

.nice-list li:hover .nice-cell{ background:rgba(255,0,0,.5);}	

 



.index-prod{overflow: hidden;}

.index-prod .prod1,.index-prod .prod2,.index-prod .prod3{

    position: relative;float: left;

}

.index-prod .prod1{width: 50%;}

.index-prod .prod2{width: 39.84%;}

.index-prod .prod3{width: 20.31%;}

.index-prod .pic{

    height: 0;position: relative;z-index: 1;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

}

.index-prod .pic:hover{

    opacity: .9;

    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 90)';

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

}

.index-prod .prod1 .pic{padding-top: 56.04%;}

.index-prod .prod2 .pic{padding-top: 53.85%;}

.index-prod .prod3 .pic{padding-top: 105.64%;}

.index-prod .pic img{

    display: block;width: 100%;height: 100%;

    position: absolute;left: 0;top: 0;

}

.index-prod .txt{

    font-size: 20px;color: #323345;line-height: 26px;

    position: absolute;left: 8%;top: 50%;z-index: 10;

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

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

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

    transform: translateY(-50%);

    overflow: hidden;

    padding-bottom: 5px;

}

.index-prod .txt em{

    display: block;

    font-family: "Arial";font-size: 12px;line-height: 14px;

    text-transform: uppercase;

    padding: 7px 0;margin-bottom: 31px;

    position: relative;

}

.index-prod .txt em:after{

    content: "";

    display: block;width: 40px;height: 1px;

    background: #323345;

    position: absolute;left: 0;top: 0;

}

.index-prod .txt h4{

    font-size: 40px;font-weight: normal;line-height: 6px;

    margin-bottom: 49px;

}

.index-prod .txt .btn-buy{

    display: block;width: 110px;height: 35px;

    background: #1f1f1f;

    font-size: 14px;color: #fff;line-height: 35px;text-align: center;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

    position: relative;top: 0;

}



.index-prod .txt .btn-buy:hover{top: 5px;}

.index-prod .prod2 .txt{text-align: right;left: auto;right: 9%;}

.index-prod .prod2 .txt .btn-buy{float: right;}

.index-prod .prod2 .txt em:after{left: auto;right: 0;}


.index-prod .prod1,.index-prod .prod2,.index-prod .prod3{float: none;width: auto;}
.index-prod .txt em{margin-bottom: 10px;}

.index-prod .txt{font-size: 13px;}
    .index-prod .txt h4{font-size: 20px;margin-bottom: 10px;}
   
    .index-prod .txt .btn-buy{width: 80px;height: 30px;line-height: 30px;font-size: 13px;}