/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px;}
textarea { resize:none;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#fd904f;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/

.banner { margin:0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc;}
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }

.m{ width:95%; max-width:1200px; margin:0 auto;}

/*top*/
.top{ padding:3px 0; background:#f7d247;}
.top_m{ width:80%; max-width:450px; background:#fff; margin:0 auto; text-align:center; font-size:18px; color:#f7d247; border-radius:20px; padding:5px 0;}

.green{ background:#30a310; height:4px;}

.nav{ background:#e94037; padding:8px 0;}
.nav ul{ position:relative; padding-right:100px;}
.nav ul li{ float:left; line-height:31px; margin-right:20px; position:relative; font-size:16px;}
.nav ul li a{ color:#fff;}
.nav ul li:after{ content:""; position:absolute; height:2px; background:#f7d247; bottom:0; left:0; right:100%; transition:0.2s; -webkit-transition:0.2s;}
.nav ul li:hover:after{ right:0;}
.a_s{ width:47px; height:47px; position:absolute; right:47px; top:-8px; background:#e94037 url(../images/search.png) no-repeat center center;}
.a_s:hover{ background:#fff url(../images/search_r.png) no-repeat center center;}
.search_m{ position:absolute; right:47px; top:39px; background:rgba(255,255,255,0.7); display:none; z-index:999;}
.search_m form{ padding:20px;}
.ssbtn{ width:250px; height:40px; display:block; position:relative;}
.ssbtn input{background-color:#f2f2f2; border:0px none; width:250px; height:40px; color:#666; text-indent:10px; }
.ss{position:absolute; right:8px; top:7px;}
.ss button{ border:none; background:none; cursor:pointer;}
.ss img{ width:25px; height:25px;}

.a_t{ width:47px; height:47px; position:absolute; right:0; top:-8px; background:#fff url(../images/tel.gif) no-repeat center center;}
.tel_t{ position:absolute; right:-20px; top:39px; z-index:999; display:none;}

.menu{ float:right;width: 30px; height: 30px; background: center center no-repeat transparent; background-image: url(../images/amenuicon.png); display:none;}

/*index about*/
.ind_ab{ background:#fd904f; padding:10px 0;}
.ind_ab .xx{ border-top:1px #d87a41 dashed;}
.ind_ab .sx{ border-top:2px #d87a41 solid; margin:5px 0;}
.ind_ab img{ display:block; margin:-130px auto 0; z-index:999; position:relative;}
.ind_ab .p1{ text-align:center; font-size:18px; color:#fff; margin:50px 0; line-height:2;}
.ind_ab a{ display:block; margin:0 auto 50px; color:#fff; text-align:center; width:100px; font-size:18px; font-weight:bold;}

/*index product*/
.ind_pro{ padding:50px 0;}
.ip_t{ display:block; margin:0 auto;}
.ip_ul{ text-align:center; margin:30px auto;}
.ip_ul li{ display:inline-block; margin:0 20px;}

.ip_ul2{ margin-top:50px;}
.ip_ul2 li{ float:left; width:30%; margin-left:5%; position:relative; overflow:hidden;}
.ip_ul2 li:first-child{ margin-left:0;}
.ip_ul2 li img{ width:100%;}
.ip_ul2 li .c1{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition:0.2s; -webkit-transition:0.2s;}
.ip_ul2 li:hover .c1{ opacity:1;}
.ip_ul2 li .c2{ width:50px; height:50px; text-align:center; border:2px solid #fff; color:#fff; line-height:45px; position:absolute; top:25%; left:150%; margin-left:-25px; font-size:24px; border-radius:50%; font-weight:bold; transition:0.2s; -webkit-transition:0.2s; transition-delay:0.1s;}
.ip_ul2 li:hover .c2{ left:50%;}
.ip_ul2 li .c3{ width:200px; text-align:center; color:#fff; position:absolute; top:60%; left:-100%; margin-left:-100px; font-size:16px; transition:0.2s; -webkit-transition:0.2s; transition-delay:0.2s;}
.ip_ul2 li:hover .c3{ left:50%;}
.ip_m{ display:block; width:300px; padding:15px 0; background:#333333; text-align:center; font-size:16px; font-weight:bold; margin:50px auto 0; position:relative;}
.ip_m span{ color:#fff; position:relative; z-index:2;}
.ip_m:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:100%; background:#fd904f; transition:0.2s; -webkit-transition:0.2s;}
.ip_m:hover:after{ right:50%;}
.ip_m:before{ content:""; position:absolute; top:0; bottom:0; left:100%; right:0; background:#fd904f; transition:0.2s; -webkit-transition:0.2s;}
.ip_m:hover:before{ left:50%;}

/*index strength*/
.ind_str{ background:#f8f8f8; padding:50px 0;}
.ind_str .ind_str_t{ display:block; margin:0 auto;}
.ind_str .m{ margin-top:50px;}
.ind_str .m img{ max-width:50%; float:left;}
.ind_str .m .ind_str_m{ float:right; width:45%; padding:20px 0;}
.ind_str .m .ind_str_m p{ line-height:2; font-size:18px; font-weight:bold; letter-spacing:2px;}
.ind_str .m .ind_str_m a{ background:#333; width:45%; padding:15px 0; text-align:center; font-size:16px; margin-top:25px; position:relative; overflow:hidden;}
.ind_str .m .ind_str_m .a1{ float:left;}
.ind_str .m .ind_str_m .a2{ float:right;}
.ind_str .m .ind_str_m a span{ color:#fff; position:relative; z-index:2;}
.ind_str .m .ind_str_m a:before{ content:""; width:100%; height:50%; background:#f87e34; position:absolute; left:0; top:-50%; transition:0.2s;}
.ind_str .m .ind_str_m a:after{ content:""; width:100%; height:50%; background:#f87e34; position:absolute; left:0; bottom:-50%; transition:0.2s;}
.ind_str .m .ind_str_m a:hover:before{ top:50%;}
.ind_str .m .ind_str_m a:hover:after{ bottom:50%;}

/*index news*/
.ind_news{ padding:50px 0;}
.ind_news img{ display:block; margin:30px auto; max-width:100%;}
.ind_news_h{ margin-top:50px;}
.ind_news_h .p1{ font-size:24px; font-weight:bold; color:#333; float:left;}
.ind_news_h .p1 span{ font-size:12px; font-weight:normal;}
.ind_news_h a{ float:right; background:#333; color:#fff; padding:8px 25px;}
.ind_news_h a:hover{ background:#f87e34;}
.in_ul{ margin-top:20px;}
.in_ul li{ padding:10px 0; border-bottom:1px dashed #666;}
.in_ul li a{ margin-left:20px;}

/*index advantage*/
.ind_adv{ padding:50px 0; background:#f8f8f8;}
.ind_adv .ia_i{ display:block; margin:0 auto;}
.ind_adv ul{ margin-top:50px;}
.ind_adv ul li{ width:33.333%; float:left; text-align:center;}
.ind_adv ul li .p1{ font-size:20px; font-weight:bold; margin:20px 0;}
.ind_adv ul li .p2{ line-height:1.6;}
.ind_adv ul li div{ position:relative;}
.ind_adv ul li img.i1{ -webkit-animation:circle 10s infinite linear; max-width:80%;}
.ind_adv ul li img.i2{ position:absolute; left:50%; top:50%; margin-left:-37px; margin-top:-35px;}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}

/*bottom*/
.bottom{ background:#666; padding:60px 0; color:#fff;}
.bottom a{ color:#fff;}
.bottom p{ float:left; margin:10px 10px 10px 0;}

.banner_n img{ max-width:100%;}

.n{ padding:50px 0;}
/*about*/
.about h1{ text-align:center;}
.about p{ text-align:center; margin:30px 0; line-height:1.8;}
.about .ab_1{ max-width:100%; display:block; margin:0 auto;}

/*product*/
.product{}
.product .ul_l{ text-align:center;}
.product .ul_l li{ display:inline-block; padding:5px 30px; margin:5px; transition:0.2s; -webkit-transition:0.2s;}
.product .ul_l li:hover,.product .ul_l li.on{ background:#fb8e4d; border-radius:20px;}
.product .ul_l li a{}
.product .ul_l li:hover a,.product .ul_l li.on a{ color:#fff;}
.product .ul_m{ margin-top:50px;}
.product .ul_m li{ float:left; width:48%; margin-bottom:20px; position:relative;}
.product .ul_m li:nth-child(2n){ float:right;}
.product .ul_m li img{ width:100%;}
.product .ul_m li div{ background:rgba(251,142,77,0.5); position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; color:#fff; padding-top:15%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
.product .ul_m li div span{ font-size:24px;}
.product .ul_m li div p{ padding:10px 20px; background:#fff; width:25%; color:#e94037; display:block; margin:20px auto 0; border-radius:20px;}
.product .ul_m li:hover div{ opacity:1;}

.product table{ margin-top:20px;}
.product table img{ max-width:100%;}

/*equipment*/
.equipment h1{ text-align:center;}
.equ_ul{ margin-top:40px;}
.equ_ul li{ width: 30%; margin-right: 5%; float: left; position: relative; margin-bottom: 20px;}
.equ_ul li:nth-child(3n){ margin-right:0;}
.equ_ul li img{ width:100%;}
.equ_ul li a{ display: block; padding: 5px; border: 1px solid #ddd; position: relative;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:#fd904f; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*news*/
.news h1{ text-align:center;}
/*news*/
.ny-news-top{
    margin: 5% 1% 4%;
}
.ny-news-top .fl{
    width: 25%;
    overflow: hidden;
}
.ny-news-img img{ width:280px; height:200px;}
.ny-news-top .fr{
    width: 72%;
}
.ny-news-txt .news-title{
    font-size: 18px;
    font-weight: bold;
    color: #000;

}
.news-title a{ font-size:18px !important;}
.news-title a:hover{ color:#faa419;}
.ny-news-txt .news-desc{
    margin: 5% 0;
    font-size: 13px;
    color: #000;
    text-align: justify;
    line-height: 2;
}
.ny-news-txt .news-more a{
    position: relative;
    display: inline-block;
    padding: 1% 4%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #333;
    overflow: hidden;
}
.ny-news-txt .news-more a span{
    position: relative;
    z-index: 2;
}
.ny-news-txt .news-more a:after{
    content:" " ;
    position: absolute;
    top:0;
    left:-100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fd904f;
    transition: all .2s linear;
}
.ny-news-txt .news-more a:hover:after{
    left: 0;
}
.ny-news-list li{
    float: none;
    width: 100%;
    margin: 2% 0;
}
.ny-news-list li a{
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    border-left: 5px solid #e7e7e7;
    background: #f5f5f5;
    line-height: 70px;
    padding: 0 5%;
    height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ;
}
.ny-news-list li a:hover{
    color: #fff;
    background: #333;
    border-left: 5px solid #fd904f;
}

/*contact*/
.n_m{ background: url("../images/info.jpg") no-repeat top center #fff; box-shadow: 0px 0px 5px #ccc; overflow: hidden; background-size: 100% 100%;}
.n_m .title2{ margin-top: 77px;text-align: center;letter-spacing: 1px;}
.n_m .title2 .en{ font-size: 14px;color: #333333;margin: 12px 0 20px;text-transform: uppercase;}
.n_m .title2 .cn{ font-size: 24px;color: #333333;}
.about_contact{ width: 55%;margin: 5% auto;text-align: center;font-size: 13px;color: #666;line-height: 2;}
.about_contact p{
    margin-bottom: 0;
    padding: 10px;
    background: none;
    border-bottom: 1px solid #eee;
}
.about_contact p.tt{ font-size: 18px; color: #ec5050; font-weight: bold;}

/*feedback*/
.feedback{ background: url("../images/info2.jpg") no-repeat top center #fff; background-size: 100% 100%; box-shadow: 0px 0px 5px #ccc; overflow: hidden;}
/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#F8A51B; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }





@media (max-width: 1120px) {
body{ width:100%; max-width:720px; margin:0 auto;}
.nav ul,.a_s,.a_t{ display:none;}
.ind_ab img,.ind_ab .p1 br{ display:none;}
.ind_ab .p1{ padding:0 10px; text-align:left; text-indent:2em; font-size:14px; margin:20px 0;}
.ind_ab a{ margin:0 auto 20px;}
.ip_ul li{ margin:5px 10px;}
.ip_ul2 li .c2{ width:30px; height:30px; line-height:25px; margin-left:-15px;}
.ind_adv ul li img.i2{ width:40px; margin-left:-20px; margin-top:-18px;}
.ind_str .m img{ float:none; max-width:100%;}
.ind_str .m .ind_str_m{ float:none; width:100%;}
.ind_str .m .ind_str_m p{ font-size:16px; font-weight:normal;}
.ind_str .m .ind_str_m a{ font-size:14px; padding:10px 0;}
.bottom{ padding:20px 0;}
.bottom .fr{ display:none;}
.menu{ display:block;}
.bottom p{ float:none; margin:5px 0 0;}
.about h1{ font-size:20px;}
.about p{ text-align:left; text-indent:2em; margin:10px 0;}
.about p br{ display:none;}
.equipment h1,.news h1{ font-size:20px;}
.equ_ul li{ width: 48%; margin-right: 4%;}
.equ_ul li:nth-child(2n){ margin-right:0;}
.ny-news-top .fl{ display:none;}
.ny-news-top .fr{ float:none; width:100%;}
.messagebtn.btnon{ width:200px;}
.map{ display:none;}

.product .ul_m li div p{ display:none;}
}