@charset "utf-8";
/* CSS Document */
@charset "utf-8";
::selection {background:#A2D260; color:white;}
::-moz-selection {background:#A2D260; color:white;}
/* CSS Document */
html,body{font-size: 62.5%;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}/*html5*/
div,*{padding:0;margin:0; box-sizing:border-box;}
input[type="button"],input[type="submit"]{cursor:pointer;}
body{color:#333; background:#fff; font-family:"微软雅黑", sans-serif; font-size: 1.4rem}
img{border:0; line-height:0; vertical-align:middle;}
/*img:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}*/
ul{list-style-type:none;}
li{list-style-type:none;}
ol{list-style:none;}
p,h1,h2,h3,h4,h5,h6,form{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
caption{text-align:left;}
input{color:#4c4c4c; padding: 5px 10px; font-family:"微软雅黑", sans-serif; vertical-align:middle; height:18px; border:1px solid #ccc; font-size:1.3rem;}
input[type="button"],input[type="submit"],button{border:0 none; font-size:1.6rem;}
textarea{color:#4c4c4c;font-size:1.4rem ; font-family:"微软雅黑", sans-serif; padding:3px; height:18px; border:1px solid #ccc;}
select{color:#4c4c4c;font-size:1.4rem ; font-family:"微软雅黑", sans-serif; padding:3px; height:25px; border:1px solid #ccc;}
i{font-style:normal;}
a{color:#000; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none; color:#888;}
.clear{clear:both;}
.clearfix:before,.clearfix:after{content:""; display:table;} 
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}
.no-dz{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.no_shadow{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}

/*==============================================================================================*/

/* 隐藏视频控件 */
/*video::-webkit-media-controls {*/
/*    display: none !important;*/
/*}*/

/* 隐藏播放/暂停按钮 */
/*video::-webkit-media-controls-play-button {*/
/*    display: none !important;*/
/*}*/

/* 隐藏进度条 */
/*video::-webkit-media-controls-progress {*/
/*    display: none !important;*/
/*}*/

/*font*/
.fs10{font-size:1rem !important;}
.fs12{font-size:1.2rem !important;}
.fs14{font-size:1.4rem !important;}
.fs16{font-size:1.6rem !important;}
.fs18{font-size:1.8rem !important;}
.fs20{font-size:2rem !important;}
.fs22{font-size:2.2rem !important;}
.fs24{font-size:2.4rem !important;}
.fs28{font-size:2.8rem !important;}
.fs30{font-size:3rem !important;}
.fs36{font-size:3.6rem !important;}
.f_blue{color:#d62c39 !important;}
.f_red{color:#da121c !important;}
.f_white{color:#fff !important}
.f_yellow{color:#FF0 !important;}
.f_green{color:#390 !important}
.f_red1{color:#C00 !important;}
.f_orenge{color:#fa6600 !important;}
.f_yellow1{color:#CF6 !important;}
.f_green1{color:#9F3 !important}
.f_gray{color:#999 !important}
.f_black{color:#333 !important}
.bold{font-weight:bold !important}
.big_f{ text-transform:uppercase !important}
.small_f{text-transform:capitalize !important}
.o_line{text-decoration:line-through}
.u_line{text-decoration:underline}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

/*padding*/
.pad1{padding:1px;}
.pad5{padding:5px !important}
.pad10{padding:10px !important}
.pad20{padding:20px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr20{padding-right:20px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pl0{padding-left:0 !important;}
/*margin*/
.mag0{margin:0 !important;}
.mr0{margin-right: 0 !important;}
.ml0{left: 0 !important;}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:20px !important}

/*float*/
.fl{float:left !important}
.fr{float:right !important}
/*box_shadow*/
.shadow{box-shadow:0px 0px 5px #f1f1f1;}
/*border-radius*/
.br5{border-radius:5px;}
.br10{border_radius:10px;}
.no_bl{border-left:none !important;}
.no_br{border-right:none !important;}
.no_bt{border-top:none !important;}
.no_bb{border-bottom:none !important;}

.none{display:none !important;}
.row{width:1400px; margin:0 auto; position:relative;}

/*鼠标跟随*/
.circle{
    width: 8px;
    height: 8px;
    background-color: rgba(187,22,29,0.8);
    border-radius: 50%;
    position: absolute;
    z-index: 99999;display: none;
}

.totop{border-radius: 50%; display: none; background: #ccc; color: #333; cursor: pointer; width: 60px; height: 60px; position: fixed; right: 100px; bottom: 50px; z-index: 999; text-align: center; line-height: 6rem; font-size: 4rem}
.totop i{font-size: 3rem}
.totop:hover{background: #9f0d14; color: #fff;}

.right-box{position: fixed; top: 250px; right: 100px;}
.right-box div{width: 80px; height:80px; border-radius: 10px; background: rgba(0,0,0,0.5); text-align: center; margin-bottom: 10px; position: relative}
.right-box div i{color: #fff; font-size: 4rem; line-height: 80px;}
.right-box .t-box{line-height: 3rem; background: #9f0d14; color: #fff; border-radius: 10px; position: absolute; width: 220px; height: 80px; padding: 10px 20px; top: 0; right: 100px; display: none;}
.right-box .t-box span{display: inline-block; top: 25px; right: -12px; color: #9f0d14; position: absolute; font-size: 6rem;}
.right-box ,wechat,.right-box .whatsapp{}
.right-box .wechat .t-box,.right-box .whatsapp .t-box{width: 100px; height: 100px; padding: 10px; top: -10px;}
.right-box .wechat .t-box span,.right-box .whatsapp .t-box span{top: 35px; z-index: -1}


.top{height: 56px; line-height: 56px; background: #000; color: #aaa; padding: 0 100px; position: absolute; top: 0; left: 0; width: 100%; z-index: 999}
.top>.left{width: 60%; float: left;}
.top>.left i{}
.top>.right{width: 30%; float: right; font-size: 1.8rem; text-align: right}
.top>.right a{padding: 0 15px; color: #fff;}
.top>.right a:hover{color: #d62c39}


header{width: 100%; padding: 30px 0 25px;}
.logo{float: left; width: 440px;}
.msg{padding: 0 40px 0 80px; font-size: 1.6rem; position: relative; line-height: 2rem; float: right; margin-top: 18px}
.msg i,.ewm i{display: block; position: absolute; left: 0; width: 60px; height: 60px; font-size: 5rem; color: #bb161d;}
.msg i{top: 30px;}
.ewm i{top: 10px;}
.ewm{position: relative; float: right; padding: 0 0 0 80px; margin-top: 18px}
.ewm img{ width: 80px; margin: 0 10px;}
.ewm i:last-child{left: 300px; font-size: 5rem; line-height: 8rem; top: 0; cursor: pointer}

.meun{width: 100%; line-height: 60px; background: repeating-linear-gradient(to bottom, #dd1d18, #ca0810); font-size: 1.6rem; text-align: center;}
.meun .nav{font-weight: bold; position: relative; width: 155.5px; text-align: center; float: left; z-index: 2}
.meun .nav>a{color: #fff; z-index: 2; position: relative; display: inline-block;}
.meun .nav:hover>a{color: #da121c;}
.meun .nav span{display: inline-block; height: 0; position: absolute; background: #fff; border-radius: 5px 5px 0 0; width: 100%; left: 0; bottom: 0; z-index: 1; opacity: 0.9}
.meun .nav:hover span,.nav-active{height: 55px;}
.meun .nav .box{opacity: 0; position: absolute; z-index: 1; top:60px; left: 0; width: 100%; line-height: 0px; height: 0px;}
.meun .nav .box a{display: block; background: #bb161d; text-align: center; color: #fff; border-bottom: 1px solid #aa131a; font-size: 1.4rem; font-weight: 100;}
.meun .nav .box a:last-child{border: none; border-radius: 0 0 5px 5px}
.meun .nav .box a:hover{background: #aa131a;}
.meun .nav:hover .box{opacity: 1; line-height: 40px; height: 40px;}
.meun-but{display: none}

.meun li{display: inline-block; margin: 0 25px; line-height: 76px; position: relative; text-align: center;}
.meun li a{color:#fff;}
.meun li:hover a{color: #d62c39}
.meun li span{width: 0;z-index: -1; left: 0; top: 0; height: 50px; display: block; border-bottom:2px solid #d62c39; position: absolute}
.meun li:hover span{width:100%;}

.meun li .nav{display: none; position: absolute; top: 80px; left: 0; line-height: 30px; background: rgba(0,0,0,0.5); width: 320px;}
.meun li .nav a{display: block; line-height: 40px; padding: 0 20px; color: #fff; border-bottom: 1px dashed rgba(255,255,255,0.1); text-align: left;}
.meun li .nav a:hover{background: rgba(0,0,0,0.6); color: #dcafb2; padding: 5px 20px;}
.meun li:hover .nav{display: block}

.search{position: absolute; right: 130px; top: 29px;}
#search-btn{width: 20px; cursor: pointer; height: 20px; padding-left: 25px; font-size: 1.8rem; border-left: 2px solid #fff; display: block; color:#fff;}
.search-box{display: none; position: fixed; z-index: 1; width: 30%; height: 60px; padding: 10px; top: 50%; left: 50%; margin-left: -15%; margin-top: -30px; background: #fff; border-radius: 3px;}
.search-box input[type="text"]{border-radius: 15px; width: 100%; background: #fff; height: 40px; line-height: 40px; border: none; }
.search-box button{position: absolute; width: 60px; height: 60px; background: url("../images/search.png") no-repeat center center; right: 0px; top: 0px;text-indent:-9999px; line-height: 0;}

.black-bg{display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%;}

#menu-btn{position: absolute; left: -50px; top: -3px; border-radius: 3px; width: 28px; height: 24px; display: none; background: rgba(255,255,255,1) url("../images/meun.png") no-repeat center center}

.contact{min-height: 800px; position: relative; background: #464646 url("../images/contact01.png") no-repeat left center;}
.contact .info-box{background:#f6c9cc; font-size: 1.6rem; padding:100px; position:absolute; width:840px; left:49%; border-radius: 0 0 5px 5px; margin-left: 110px; top:0; z-index:2; color:#464646; line-height: 30px;}
.contact .info-box .box:nth-child(1){background: url("../images/contct-icon01.png") no-repeat left TOP; padding-left: 75px;}
.contact .info-box .box:nth-child(2){background: url("../images/contct-icon02.png") no-repeat left TOP; padding-left: 75px;}
.contact .info-box .box:nth-child(3){background: url("../images/contct-icon03.png") no-repeat left TOP; padding-left: 75px;}
.contact .info-box img{position: absolute; top: 100px;  right: 200px; width: 200px;}
.contact .info-box h5{color:#000; font-size: 1.8rem; font-weight: bold;}
.contact .info-box .line{background: #333; height: 2px; width: 20px; display: block; margin-bottom: 10px;}
.contact .index-form{background:#464646; width: 680px; position: absolute; padding:60px 0; top: 60px; left: 50%; margin-left:-570px;}
.contact .index-form h2{font-size:4.5rem; margin-bottom: 60px; color:#fff; text-transform: capitalize;}
.contact .index-form .input-box{position: relative; margin-bottom: 50px; width: 70%; padding-right: 5px;}
.contact .index-form .input-box input{height: 40px; color: #fff; line-height: 40px; width: 100%; background: #464646; border-bottom:1px solid #666;}
.contact .index-form .input-box textarea{height: 40px; color: #fff; width: 70%; background: #464646; border-bottom:1px solid #666}
.contact .index-form input,.contact .index-form textarea{border-top:none; border-left:none; border-right:none; border-radius:0; padding-left:0; padding-right:30px; font-size:1.4rem;}
.contact .index-form button{background:#464646; color:#fff; font-size:1.8rem; padding:10px 50px; border: 1px solid #666}
.contact .index-form button:hover{background: #d62c39;}

footer{background: url("../images/index-banner05.jpg") center center no-repeat; position: relative; padding: 80px 0 0 0}
footer .row{padding: 0 50px;}
footer .Site{background: #da121c; color: #fff; text-align: center; line-height: 76px; z-index: 2; position: relative;}
footer .bg{position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: rgba(0,0,0,0.8)}
footer .info{position: relative; z-index: 2; margin-bottom: 60px;}
footer .info .left{width: 360px; float: left; padding-right: 180px;}
footer .info .left a{display: block; color: #fff; font-size: 1.6rem; line-height: 3.2rem;}
footer .info .left a i{margin-right: 8px;}
footer .info .left a:hover{color: #da121c}
footer .info .center{width: 940px; color: #fff; float: left;}
footer .info .center p{display: block; margin-bottom: 20px; position: relative; font-size: 1.8rem; padding-left: 60px; line-height: 2.4rem}
footer .info .center p span{font-size: 2.4rem}
footer .info .center p i{position: absolute; top: 10px; left: 0; font-size: 4rem; color: #ff5001;}
footer .info .center p:nth-child(2) i{top: -2px;}
footer .info .right{width: 450px; color: #fff; position: absolute; top: 30px; right: 20px}
footer .info .right p{display: block; margin-bottom: 20px; position: relative; font-size: 1.8rem; padding-left: 60px; line-height: 3rem}
footer .info .right p span{font-size: 2.4rem}
footer .info .right p i{position: absolute; top: 30px; left: 0; font-size: 4rem; color: #ff5001;}
footer .info .right p a{display: inline-block; text-align: center; color: #fff}
footer .info .right p a img{margin:0 25px 15px;}

.breadcrumbs{width: 100%; font-size: 1.2rem; line-height: 28px; padding: 10px 15px; margin: -50px auto 0; padding-left: 100px; position: relative;z-index: 1}
.breadcrumbs li,.breadcrumbs li a{color: #fff;}
.breadcrumbs li{display: inline-block; padding: 0 5px;}
.breadcrumbs li.active{color: #ccc;}

/*.right{}*/
/*.right div{position: relative; background: #f8dd60; width: 150px; text-align: center; position: fixed; right: -150px; top: 40%;}*/
/*.right div span{width: 60px; height: 60px; display: block; position: absolute; left: -60px; top: 0; z-index: 99; background:rgba(248,221,96,0.8); border-radius: 5px 0 0 5px;}*/
/*.right div:hover{right: 0;}*/
/*.right .phone{padding: 10px; background: rgba(248,221,96,0.8); line-height: 40px; margin-bottom: 2px; font-size: 1.8rem}*/
/*.right .phone span{background: rgba(248,221,96,0.8) url("../images/contct-icon01.png") no-repeat center center;}*/
/*.right .ewm{padding: 10px; background: rgba(248,221,96,0.8); line-height: 40px; margin-top: 82px;}*/
/*.right .ewm span{background: rgba(248,221,96,0.8) url("../images/contct-icon04.png") no-repeat center center;}*/
/*.right .ewm img{width: 130px;}*/

.note{padding: 10px 0; color: red; font-size: 1.2rem; display: none;}

.meun .nav:hover span,
.meun .nav .box a:hover,
.meun .nav:hover .box,
.about .left .history:hover,
.about .left .honor:hover,
.export .info div:hover p,
.export a:hover,
.address .map .small:hover,
.address .map .big:hover,
.dealCon:hover,
.title_new:hover,
.dealCon:hover img,
.export .info div:hover img,
.address .map:hover img,
.infomation .left:hover img,
.honor img:hover,
.culture .info img:hover,
.show .info .box img:hover,
.free_base .info div:hover img,
.free_base .info div:hover p,
.cooperation_base .box:hover img,
.producer .left:hover img,
.cert .box:hover img,
.shipping .right img:hover,
.news .news-list:hover,
.news .news-list:hover .img .img-bg,
.news .news-list:hover .info,
.news .news-list:hover .img img,
.tab a:hover,
.banner:hover .bg,
.infomation .row:hover,
.totop:hover,
.right-box div:hover
{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.advantages .info .box:hover span,
.advantages .info .box:hover i
{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}

.dealCon:hover img,
.export .info div:hover img,
.infomation .left:hover img,
.honor img:hover,
.culture .info img:hover,
.show .info .box img:hover,
.free_base .info div:hover img,
.cooperation_base .box:hover img,
.producer .left:hover img,
.cert .box:hover img,
.shipping .right img:hover,
.news .news-list:hover .img img
{transform: scale(1.05) /*translateY(5px)*/}/*放大*/


{transform: rotateZ(1deg);}/*旋转*/

.business-con .info:hover,
.game-con .info:hover
{transform: translateY(-5px);}


{transform: scale(1.2);}

.cert .pic img:hover,
.team01 img:hover
{transform: scale(1.1);}


@media (max-width: 1199px){
    .top{padding: 0 30px;}
    .top>.left{width: 65%; overflow: hidden; height: 100%;}

    .totop{right: 20px; bottom: 20px}

    .row{width: 100%;}

    header{padding: 30px;}
    header .logo{width: 40%;}
    header .logo img{width: 100%;}
    header .msg{display: none;}
    header .ewm{margin: 0}
    .ewm i:last-child{display: none}

    #meun{position: relative;}
    .meun{width: 100%; padding: 0 20px; text-align: left; overflow-x: hidden; overflow-x: auto}
    .meun .row{width: 200%; height: 60px; }
    .meun .nav .box{display: none}
    .meun-but{width: 40px; font-size: 2.4rem; color: #fff; height: 60px; text-align: center; line-height: 60px; background: repeating-linear-gradient(to bottom, #dd1d18, #ca0810); position: absolute; top: 0; right: 0; z-index: 9; display: block}

    footer .info .left{width: 45%; padding-right: 0}
    footer .info .center{width: 55%;}
    footer .info .right{display: none;}

    .right-box{right: 20px;}

}

@media only screen and (max-width: 480px){

    .right-box{width: 250px; top: auto; bottom: 20px; right: 50%; margin-right: -125px; text-align: center; z-index: 999}
    .right-box div{display: block; margin: 0 5px; border-radius: 50%; width: 40px; height: 40px; float: left;}
    .right-box div i{ line-height: 40px; font-size: 2.4rem}

    .right-box .email .t-box{top: -90px; right: -53px;}
    .right-box .email .t-box span{right: 53px; top: 60px;}
    .right-box .wechat .t-box{top: -110px; right: -35px;}
    .right-box .wechat .t-box span{right: 35px; top: 80px;}
    .right-box .whatsapp .t-box{top: -110px; right: -35px;}
    .right-box .whatsapp .t-box span{right: 35px; top: 80px;}
    .right-box .phone .t-box{top: -90px; right: -93px;}
    .right-box .phone .t-box span{right: 93px; top: 60px;}
    .right-box .t-box span{font-size: 3rem}

    .totop{right: 15px; bottom: 150px;}

    #meun{position: relative;}
    .meun{text-align: left; overflow-x: hidden; overflow-x: auto}
    .meun .row{width: 1410px; height: 60px; }
    .meun-but{width: 40px; font-size: 2.4rem; color: #fff; height: 60px; text-align: center; line-height: 60px; background: repeating-linear-gradient(to bottom, #dd1d18, #ca0810); position: absolute; top: 0; right: 0; z-index: 9; display: block}

    header .logo{width: 100%;}
    header .ewm{display: none;}

    footer{padding-top: 30px;}
    footer .row{padding: 0 30px;}
    footer .info{margin-bottom: 20px;}
    footer .info .left{display: none;}
    footer .info .center{width: 100%;}
    footer .info .center p{font-size: 1.4rem}
    footer .info .center p span{font-size: 1.6rem}

    footer .Site{line-height: 2.4rem;padding: 30px 10px; font-size: 1.6rem !important}

}