@charset "utf-8";
img{display: block;}
.w-1200{width: 1000px;margin:0 auto;}

/*slide  strat*/
.slidebox{width:100%;position:relative;z-index:99;}
.slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.slideshow ul{position:relative;width:4000px;overflow:hidden;}
.slideshow li{float:left;}
.slideshow li a{display:block;}
.slideshow li img{width:100%;height:auto;}
.slidelist{position:absolute;left:0;bottom:30px;width:100%;}
.slidelist ul{text-align:center;}
.slidelist li{width:15px;height:15px;display:inline-block;margin-right:5px;cursor:pointer;background:url(/images/icon/banner-icon.png) no-repeat -18px top;}
.slidelist li{*display:inline}
.slidelist li.active{background-position:0px top;}
.slidebox .item-btn{width:59px;height:59px;position:absolute;z-index:99;top:50%;margin-top:-30px;background:url(/images/icon/spirit.png) no-repeat -256px -60px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:-webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-ms-transition:-ms-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.slidebox:hover .item-btn{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.slidebox .prev{left:100px;background-position:-243px 0px;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}
.slidebox .prev:hover{background-position:-361px 0px;}
.slidebox .next{right:100px;background-position:-302px 0px;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);}
.slidebox .next:hover{background-position:-420px 0px;}
/*slide  end*/
/*index advantage  start*/
.index-advantage{padding-top: 62px;background: #eeeeee;z-index: -10;position: relative;height: 617px;max-height: 617px;}
.h2-title{font-family: "OpenSans-Bold";font-size: 36px;color: #333;position: relative;padding: 27px 0px 27px 70px;z-index: 10;overflow: hidden;}
.h2-title span,.h2-title em{display: block;position: absolute;left: 0;}
.h2-title span{width: 50px;height: 3px;background: #eb0d0a;top: 50%;margin-top: -1px;}
.h2-title em{font-size: 120px;font-family: "BRLNSDB";top: 0;color: #e2e2e2;line-height: 88px;z-index: -1;}
.index-advantage .h2-title{filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index-advantage .h2-title em{opacity: 0.6;}
.index-advantage .txt{width: 560px;margin-top: 45px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index-advantage .txt li{position: relative;padding-left: 90px;height: 63px;display: table;margin-bottom: 28px;}
.index-advantage .txt li em{display: block;width: 63px;height: 63px;position: absolute;top: 0;left: 0;background: url(/images/icon/spirit.png) no-repeat;}
.index-advantage .txt li.advantage-icon-01 em{background-position: 0px -102px;}
.index-advantage .txt li.advantage-icon-02 em{background-position: -63px -102px;}
.index-advantage .txt li.advantage-icon-03 em{background-position: -126px -102px;}
.index-advantage .txt li.advantage-icon-04 em{background-position: -189px -102px;}
.index-advantage .txt li.advantage-icon-05 em{background-position: -252px -102px;}
.index-advantage .txt li p{display: table-cell;vertical-align: middle;font-size: 16px;color: #666;}
.img img{width: 100%;height: auto;}
.index-advantage .img{width: 728px;position: absolute;top: 0;right: 0px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index-advantage.show .h2-title{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: lefts 1s 1 linear;
    -moz-animation: lefts 1s 1 linear;
    -o-animation: lefts 1s 1 linear;
    animation: lefts 1s 1 linear;}
.index-advantage.show .img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: rights 1s 1 linear;
    -moz-animation: rights 1s 1 linear;
    -o-animation: rights 1s 1 linear;
    animation: rights 1s 1 linear;}
.index-advantage.show .txt{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: bottoms 1s 1 linear;
    -moz-animation: bottoms 1s 1 linear;
    -o-animation: bottoms 1s 1 linear;
    animation: bottoms 1s 1 linear;}


/*首页热销产品*/
.div-table{display: table;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;}
.index-product{background: #262626;padding: 62px 0;}
.index-product .h2-title{color: #fff;}
.index-product .h2-title em{color: #2a2a2a;}
.title-box{position: relative;}
a.more{display: inline-block;font-size: 13px;color: #fff;background: #eb0d0a;line-height: 13px;padding: 9px 10px;border: solid 1px  #eb0d0a; border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
a.more:hover{background: none;color: #eb0d0a;}
.title-box a.more{position: absolute;top: 50%;margin-top: -15px;right: 3px;z-index: 99;}
.index-pro-box{width: 100%;overflow: hidden;margin-top: 50px;}
.index-pro-box ul {width: 110%;}
.index-pro-box ul li{float: left;width: 290px;margin-right: 10px;margin-bottom: 10px;background: #fff;position: relative;overflow: hidden;}
.index-pro-box .pro-box{position: relative;}
.index-pro-box li>h2{font-size: 20px;color: #333;text-align: center;display: none;}
.index-pro-box .pro-box>a{width: 100%;height: auto;display: block;}
.index-pro-box .pro-box>a img{width: 100%;height: auto;}
.index-pro-box .pro-box:hover .pro-hover{top: 4%;}
.pro-hover{position: absolute;left: 4%;top: 100%;width: 92%;height: 92%;background: rgba(0,0,0,0.7);text-align: center;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.pro-hover em,.pro-hover i{display: block;width: 40px;height: 40px;position: absolute;}
.pro-hover em{border-top: solid 3px #eb0d0a;border-left: solid 3px #eb0d0a;top: 35px;left: 9px}
.pro-hover i{border-bottom: solid 3px #eb0d0a;border-right: solid 3px #eb0d0a;bottom: 35px;right: 9px;}
.pro-hover a.more,.pro-list-hover a.more,.project-hover a.more{font-size: 12px;padding: 8px 9px;line-height: 12px;}
/*.pro-hover h3{margin-top: 55px;}*/
.pro-hover h3 a{font-size: 20px;color: #fff;}
.pro-hover h3 a:hover{color: #eb0d0a;}
.pro-hover p{margin: 15px 0;}
.pro-hover p a{font-size: 16px;color: #eb0d0a;}
/*index customers*/
.index-customer{background: #eeeeee;padding: 62px 0;overflow: hidden;}
.partner-list{position: relative;margin-top: 65px;overflow: hidden;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.partner-list li{float: left;margin-right: 95px;}
.partner-list li img{width: 100%;height: auto;}
.partner-line{width: 100%;margin: 20px 0;}
.partner-line img{width: 100%;height: auto;}
.partner-list ul{width: 110%;}
.partner-img-top{margin-left: 13px;}
.partner-img-bottom{margin-left: 132px;}
.index-customer .h2-title{filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index-customer.show .h2-title{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: lefts 1s 1 linear;
    -moz-animation: lefts 1s 1 linear;
    -o-animation: lefts 1s 1 linear;
    animation: lefts 1s 1 linear;}
.index-customer.show .partner-list{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: bottoms 1s 1 linear;
    -moz-animation: bottoms 1s 1 linear;
    -o-animation: bottoms 1s 1 linear;
    animation: bottoms 1s 1 linear;}

/*产品列表页*/
/*.pro-main{backgrund: url(/images/bg/pro-bg.jpg) repeat left top;}*/
.main{width: 100%;background: #eee;}
.main-banner{width: 100%;}
.main-banner img{width: 100%;height: auto;}
.product-list-box{background: #eee;padding: 95px 0 50px 0;}
.product-list{width: 100%;overflow: hidden;}
.product-list ul{width: 110%;}
.product-list li{width: 377px;float: left;position: relative;margin-right: 35px;margin-bottom: 45px;overflow: hidden;}
.product-list li img{width: 100%;height: auto;}
.product-list li>a{display: block;}
.product-list li h2{font-family: "OpenSans-Semibold";font-size: 20px;height: 70px;line-height: 70px;border-top: solid 1px #d6d6d6;background: #fff;text-align: center;}
.pro-list-hover{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.list-hover-content{background: rgba(0,0,0,0.7);position: absolute;width: 94%;height: 94%;left: 3%;top: 3%;}
.list-hover-content .des-txt{margin: 35px 45px;padding: 20px 0;border-top: solid 1px #eb0d0a;border-bottom: solid 1px #eb0d0a;text-align: center;}
.list-hover-content .des-txt p{color: #fff;font-size: 16px;height: 92px;}
.product-list li .list-hover-content h2{border-top: none;background: none;color: #eb0d0a;line-height: 60px;z-index: 10;}
.product-list li .list-hover-content h2 a,.list-son .product-list li h2 a{color: #eb0d0a;}
.product-list li:hover .pro-list-hover{top: 0;}
.product-list li:hover h2.hover-f a{color: #fff;}


.list-son .list-hover-content{display: table;}
.list-son .product-list li h2{height: 65px;border-top: none;font-family: "arial";font-size: 16px;}
.list-son .list-hover-content .des-txt{display: table-cell;border:none;vertical-align: middle;padding: 0 30px;}
.list-son .list-hover-content .des-txt h2 a{height: auto;margin-bottom: 15px;font-size: 18px;line-height: 20px;color: #fff;}
.list-son .list-hover-content .des-txt h2 a:hover{color: #eb0d0a}

h2.list-title{font-family: "OpenSans-Bold";font-size: 36px;position: relative;padding-left: 70px;margin-top: -10px;margin-bottom: 65px;}
h2.list-title em{display: block;width: 50px;height: 3px;background: #eb0d0a;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.breve .email_box{position:fixed;left:0px;top:0px;z-index:9999;width:100%;height:100%;background:rgba(102,102,102,0.6);display:none;}
.breve .email_box .email_from{width:440px;height:380px;margin:150px auto;position:relative;background-color:#FFF;border:1px solid #EAEAEA;padding: 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.breve .email_box .email_from li{padding-left:30px;line-height:30px;padding-top:15px;}
.breve .email_box .email_from li label{font-size:13px;color:#000;width:100px;float:left;}
.breve .email_box .email_from li input{height:30px;width:240px;padding-left: 10px; border:1px solid #eb0d0a;border-radius:4px;*line-height:30px;line-height:30px\9;font-family: "OpenSans-Regular";}
.breve .email_box .email_from li textarea{width:230px;padding: 10px;height:80px;border:1px solid #eb0d0a;border-radius:4px;/*color: #666;*/font-family: "OpenSans-Regular";}
.breve .email_box .email_from span.send-message{display:block;width:110px;height:30px;border:1px solid #eb0d0a;text-align:center;line-height:30px;margin:0 auto;margin-top:20px;cursor:pointer;color:#eb0d0a;}
.breve .email_box .email_from span.send-message:hover{background-color:#eb0d0a;color: #fff;}
.breve .email_box .email_from li em{color: red;}
.breve .email_box .close{width:25px;height:25px;position:absolute;right:10px;top:10px;background:url(../images/close.png) no-repeat top center;cursor:pointer;}

.side-bar-box{position: fixed;top: 20%;right: 0px;height: 500px;width: 210px;z-index: 999999;}
.side-show-btn{width: 39px;height: 212px;cursor: pointer;background: url(/images/icon/side-bar.png) left top no-repeat;position: absolute;right: 0;top: 88px;}
.side-bar{width:210px;background: #eb0d0a;position: absolute;right: 0;top: 0;padding-bottom: 3px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;}
.side-bar-top{position: relative;}
.side-bar-top em{display: block;width: 29px;height: 29px;position: absolute;top: -15px;right: 5px;cursor: pointer;background: url(/images/icon/spirit.png) -139px 0px no-repeat;}
.side-bar-top em:hover{background-position: -168px 0px}
.side-bar span{display: block;height: 46px;line-height: 46px;padding-left: 46px;position: relative;color: #fff;font-size: 16px;text-transform: uppercase;font-family: "OpenSans-Regular";}
.side-bar span i{width: 26px;height: 27px;background: url(/images/icon/spirit.png) no-repeat -197px 0px;position: absolute;left: 10px;top: 50%;margin-top: -14px;}
.side-ul > li{border-bottom: solid 1px #e6e6e6;margin: 0px 3px;}
.side-ul h3{line-height: 40px;background: #fff;padding-left: 25px;position: relative;font-size: 16px;font-family: "OpenSans-Regular";position: relative;}
.side-ul h3 i{display: block;width: 12px;height: 9px; background: url(/images/icon/spirit.png) -67px 0 no-repeat;position: absolute;top: 50%;margin-top: -5px;left: 5px;}
.side-ul h3 a{display: block;}
.side-ul > li.active h3,.side-ul > li:hover h3{	background: #e6e6e6;}
.side-ul > li.active h3 i,.side-ul > li:hover h3 i{background-position:-80px 0px; }
.side-ul > li.active h3 a,.side-ul > li:hover h3 a{color:#eb0d0a;}
.side-ul > li.active .son-side{display: block;}

.list-des{padding-top: 175px;background: #262626;}
.list-des-box{padding:50px 0;}
.list-des .list-des-left{float: left;width: 50%;}
.list-des .list-des-right{float: right;width: 50%;}
.list-des-right img{width: 100%;height: auto;}
.list-des h2{font-family: "OpenSans-Semibold";font-size: 30px;color: #eb0d0a;margin-bottom: 48px;margin-top: 20px;}
.list-des h3{font-family: "OpenSans-Semibold";font-size: 24px;color: #fff;margin-bottom: 25px;}
.list-des p{font-size: 16px;margin-bottom: 15px;color: #fff;}

/*.son-side{padding:5px 0 5px 30px;display: none;background: #f3f3f3;}*/
/*.son-side > li > h4{
	border-left: solid 1px #bfbfbf;
}*/
/*.son-box{position: relative;}
.son-box .line{display: block;width: 1px;height: 0;background: #bfbfbf;position: absolute;top: 23px;left: 29px;}
.son-side > li > h4 > a{color: #8d8d8d;display: block;padding:10px 50px 10px 30px;position: relative;}
.son-side > li > h4 > a i{width: 7px;height: 7px;background: url(/images/icon/spirit.png) no-repeat -207px 0px;position: absolute;left: -4px;top: 17px;margin-top: -4px;}
.son-side > li.active > h4 > a,.son-side > li > h4 > a:hover{color:#eb0d0a; }
.son-side > li.active > h4 > a i,.son-side > li > h4 > a:hover i{background-position: -207px -12px;}*/
.pages {text-align: left;padding-top: 25px;font-size: 14px;text-align: center;}
.pages li {display: inline;margin-right: 5px;}
.pages li a {padding: 3px 8px;border: 1px solid #d2d2d2;margin-bottom: 10px;color: #666;font-size: 16px;}
.pages li.thisclass a {color: #fff;background: #eb0d0a;border: 1px solid #eb0d0a;}
 
/*联系页面*/
.contact-banner{width: 100%;}
.contact-banner img{width: 100%;height: auto;}
.contact-box{background: #eee;padding-top: 40px;overflow: hidden;}
.contact-way{position: relative;margin-top: 20px;}
.contact-way .contact-txt{width: 650px;float: left;border: solid 1px #eb0d0a;position: relative;z-index: 10;margin-top: 18px;}
.contact-way .contact-txt ul{padding: 30px 40px 10px 40px;}
.contact-way .contact-txt ul li{font-size: 18px;color: #333;position: relative;padding-left: 42px;margin-bottom: 25px;line-height: 30px;}
.contact-way .contact-txt ul li em{display: block;width: 22px;height: 23px;background: url(/images/icon/spirit.png) no-repeat;position: absolute;left: 0;top: 4px;}
.contact-way .contact-txt ul li.linkman em{background-position: 0 -355px;}
.contact-way .contact-txt ul li.tel em{background-position: -22px -355px;}
.contact-way .contact-txt ul li.email em{background-position: -44px -355px;}
.contact-way .contact-txt ul li.address em{background-position: -66px -355px;}
.contact-img{width: 570px;position: absolute;right: 0;top: 0;z-index: 1;}
.contact-img img{width: 100%;height: auto;}

.company-info{margin-top: 10px;}
.company-info p{font-family: "arial";font-size: 20px;color: #333;line-height: 40px;}
.company-info p span{color: #eb0d0a;font-size: 16px;}
.company-info p.office{font-size: 18px;color: #666;}

.contact-form{width:100%;padding:0 0 100px;position:relative;z-index:10;overflow: hidden;padding-top: 80px;}
.contact-form .from-box{}
.contact-form li span{color:#eb0d0a;width:90px;height:42px;line-height:42px;position:absolute;left:0;top:0;font-size:16px;padding-left:10px;}
.contact-form ul{overflow:hidden;width:110%;}
.contact-form li{float:left;margin-right:20px;margin-bottom:18px;position:relative;border:1px solid #b9b9b9;}
.contact-form input,.contact-form textarea{padding:10px;font-size:12px;color:#eb0d0a;height:20px;line-height:20px;font-family:"OpenSans-Regular";background: none;}
.contact-form .h-90{height:170px;width:988px;}
.contact-form .send-message{overflow:hidden;*margin-top:20px;}
.contact-form .send-message span{display: inline-block;border: solid 1px #eb0d0a;background: #eb0d0a; color:#fff;font-size: 22px;font-family: "OpenSans-Regular"; width:98px;height:34px;line-height:34px;cursor:pointer;position: absolute;left: 50%;margin-left: -50px;text-align: center;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.contact-form .send-message span:hover{background:none;color:#eb0d0a;}
.contact-form .color-style{color:red;}
.contact-form li{width: 588px;overflow: hidden;}
.contact-form li.message-item{width: 1198px;}
.contact-form li .w-half{width: 100%;}

/*新闻页面*/
.news-box{padding:30px 0px;}
.news-box h2{color:#444;font-size:32px;position: relative;padding-bottom: 52px;}
.news-box h2 i{display: block;width:60px;height:1px;background-color: #444;position: absolute;left:0px;bottom:30px;}
.news-box p{color:#000;/* font-size:15px; */}
.news-list{/*margin-top:30px;*/border-top:1px dashed #CCC;padding:20px 0px;}
.news-list ul{width:103%;}
.news-list ul li{width:43.93%;float:left;margin-right:2.27%;padding:20px 0px 25px 0px;border-bottom:1px dashed #CCC;}
.news-list ul li:hover{border-color:#eb0d0a;}
.news-list ul li .news-img{width:27.35%;height:auto;float:left;overflow:hidden;}
.news-list ul li .news-img img,.main-pro-slideshow ul li img,.other-box ul li img{display:block;*display:inline;height:auto !important;max-width:100%;padding:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:100%!important;}
.news-list ul li .news-img img:hover,.main-pro-slideshow ul li img:hover,.other-box ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news-list ul li .news-text{width:70%;height:140px;float:right;position:relative;}
.news-list ul li .news-text h3{display:block;height:24px;font-size:16px;font-weight:400;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-transform: none;}
.news-list ul li .news-text h3 a{color:#333;font-weight:normal;}
.news-list ul li .news-text h3 a:hover{color:#eb0d0a;text-decoration: underline;}
.news-list ul li .news-text span{display:block;padding-bottom:10px;font-size:12px;}
.news-list ul li .news-text p{font-size:13px;line-height:20px;color:#666;padding-top:10px;}
.news-list ul li .news-text>a{display:block;width:80px;height:26px;position:absolute;bottom:0px;right:10px;line-height:26px;text-align:center;background-color:#999;color:#FFF;border-radius:4px;-webkit-transition: all .8s ease-out;-moz-transition: all .8s ease-out;-ms-transition: all .8s ease-out;-o-transition: all .8s ease-out; transition: all .8s ease-out;font-size: 13px;}
.news-list ul li .news-text>a:hover{background-color:#eb0d0a;}

.news-content{padding:40px 0px;}
.news-content .con-left{width:100%;min-height:300px;}
.news-content .con-left h1{font-size:22px;font-weight:500;padding-bottom:35px;color:#333;text-transform: none;text-align: center;}
.news-content .con-left .news-con-time{text-align: center;padding-bottom: 20px;}
.news-content .con-left .news-con-time a{color: #eb0d0a;}
.news-content .con-left .news-con-time span{margin-right: 25px;}
.news-content .con-left h2{font-size:18px;color:#000;font-weight:400;padding-bottom:12px;color:#333;}
.news-content .con-left h3{font-size:16px;padding-bottom:12px;}
.news-content .con-left p{line-height:22px;padding-bottom:18px;font-size:14px;color:#333;}
.news-content .con-left p span{font-size: 16px;font-family: "OpenSans-Bold";color: #eb0d0a;}
.news-content .con-left p.img{width: 800px;margin: 0 auto;}
.news-content .con-left p img{max-width:100%;height:auto;}
.news-content .con-left p a{color:#F00;font-weight:bold;}
/*.news-content .con-right{width:300px;float:right;border:1px solid #CCC;padding-bottom:20px;border:0px 0px 4px 4px;}
.news-content .con-right h2{line-height:35px;background-color:#E1E1E1;font-size:16px;padding-left:12px;font-weight:500;text-transform: none;}
.news-content .con-right ul{padding:20px 0px;}
.news-content .con-right ul li p a{display:block;line-height:24px;border-bottom: 1px dashed #CCC;padding:10px 0px;color:#000;padding-left:10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size:13px;}
.news-content .con-right ul li p a:hover{color:#eb0d0a;border-color:#eb0d0a;font-weight:bold;}
.news-content .con-right .view-more a{display:block;width:100px;height:30px;background-color:#999;text-align:center;float:right;margin:15px 6.6% 0 0;line-height:30px;font-size:13px;color:#FFF;border-radius:4px;-webkit-transition: all .8s ease-out;-moz-transition: all .8s ease-out;-ms-transition: all .8s ease-out;-o-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-content .con-right .view-more a:hover{background-color:#eb0d0a;}*/

.subpage{padding:54px 0px 50px 0px;}
.subpage ul li{width:570px;height:10px;border:none;padding-bottom:0px;font-size:13px;color:#000;height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.subpage ul li a{color:#000;font-size:13px;}
.subpage ul li a:hover{font-weight:bold;color:#eb0d0a;text-decoration:underline;}

/*projects页面*/
.project-box{width: 100%;background: #eeeeee;padding: 70px 0 50px 0;}
.project-box .project-list{width: 100%;overflow: hidden;}
.project-box .project-list ul{width: 110%;}
.project-box .project-list ul li{width: 376px;margin-right: 24px;float: left;margin-bottom: 30px;}
.project-box .project-list ul li>a{display: block;width: 100%;position: relative;}
.project-box .project-list ul li img{width: 100%;height: auto;}
.project-box .project-list ul li .img-box{width: 100%;position: relative;overflow: hidden;border: solid 2px #ccc;}
.project-box .project-list ul li .img-box:hover .project-hover{top: 6%;}
.project-box .project-list ul li .project-hover{width: 88%;height: 88%;position: absolute;top: 100%;left: 6%;background: rgba(0,0,0,0.7);text-align: center;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.project-box .project-list ul li .project-hover h2{/*margin-top: 75px;*/margin-bottom: 20px;}
.project-box .project-list ul li .project-hover h2 a{color: #fff;font-size: 24px;}
.project-box .project-list ul li h3{padding-top: 20px;text-align: center;}
.project-box .project-list ul li h3 a{font-family: "arial";font-size: 18px;color: #eb0d0a;}

.project-step{width: 100%;background: #eeeeee;padding-bottom: 64px;padding-top: 30px;}
.project-step .h2-title{font-family: "OpenSans-Regular";font-family: 36px;margin-bottom: 30px;}
.project-step .step-box{width: 1090px;margin: 0 auto;}
.project-step .step-list{margin-bottom: 60px;}
.left{float: left;}
.right{float: right;}
.project-step .step-list .step-con{width: 540px;position: relative;height: 350px;z-index: 999;}
.project-step .step-list .step-con .step-txt{display: table;position: absolute;width: 567px;height: 82%;border: solid 1px #eb0d0a;top: 9%;text-align: center;}
.project-step .step-list .step-con.left .step-txt{left: 0px;}
.project-step .step-list .step-con.right .step-txt{right: 0px;}
.project-step .step-list .step-con .step-txt .txt-box{display: table-cell;vertical-align: middle;padding: 0 70px;}
.step-txt span{font-family: "BrushScriptStd_0";font-size: 48px;color: #eb0d0a;margin-bottom: 20px;display: block;}
.step-txt h3,.step-txt p{font-family: "arial";font-size: 18px;color: #333;margin-bottom: 10px;}
.step-txt p{color: #666;}
.project-step .step-list .step-img{width: 550px;}
.project-step .step-list .step-img img{width: 100%;height: auto;}
.project-step .step-slidebox .item-btn{z-index: 99999;top: 100%;margin-top: -90px;}
.project-step .step-slidebox .prev{left: 220px;}
.project-step .step-slidebox .next{right: 220px;}
.oem-slidebox,.package-slidebox,.feedback-slidebox,.mass-slidebox{width: 550px;overflow: hidden; position: relative;}
.oem-slidebox .oem-slideshow,.package-slidebox .package-slideshow,.feedback-slidebox .feedback-slideshow,.mass-slidebox .mass-slideshow{position: relative;overflow: hidden;}
/*faq页面*/
.faq-box{width: 100%;background: #eee;padding-top: 40px;padding-bottom: 90px;}
.faq li{padding-left: 57px;position: relative;border-bottom: solid 1px #b5b5b5;padding: 25px 0 25px 57px;word-break:break-all;}
.faq li em{position: absolute;left: 0;top: 40px; display: block;width: 26px;height: 26px;line-height: 30px;text-align: center;font-family: "BrushScriptStd_0";font-size: 20px;color: #fff;background: #eb0d0a;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.faq h3{font-family: "Arial";font-size: 18px;color: #eb0d0a;margin-bottom: 10px;}
.faq p{font-size: 18px;color: #666;font-family: "Arial";}

/*about页面*/
.about-box{padding-top: 60px;background: #f5f5f5;}
.about-box .h2-title{padding: 0 0 0 70px;}
.profile-box{position: relative;margin-top: 50px;margin-bottom: 30px;}
.profile-box .profile-slidebox{width: 57.25%;overflow: hidden;float: left;position: relative;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.profile-text{background: #fff;width: 430px;padding: 75px 65px;position: absolute;top: 70px;right: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.profile-box.show .profile-slidebox,.factory-box.show .factory-text{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: lefts 1s 1 linear;
    -moz-animation: lefts 1s 1 linear;
    -o-animation: lefts 1s 1 linear;
    animation: lefts 1s 1 linear;}
.profile-box.show .profile-text,.factory-box.show .factory-slidebox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: rights 1s 1 linear;
    -moz-animation: rights 1s 1 linear;
    -o-animation: rights 1s 1 linear;
    animation: rights 1s 1 linear;
}
.profile-text p,.factory-text p{font-family: "arial";font-size: 16px;color: #333;margin-bottom: 20px;}
.profile-text p span{color: #eb0d0a;}
.about-slidelist,.cap-slidelist,.project-slidelist{position: absolute;bottom: 10px;width: 100%;text-align: center;display: none;}
.about-slidelist li,.cap-slidelist li,.project-slidelist li{display: inline-block;width: 8px;height: 8px;margin-right: 5px;background: #292929;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;cursor: pointer;}
.about-slidelist li.active,.cap-slidelist li.active,.project-slidelist li.active{background: #eb0d0a}

.about-slidebox,.factory-slidebox{position:relative;}
.about-slideshow,.profile-slideshow,.factory-slideshow{position:relative;/*height:375px;*/overflow:hidden;}
.profile-slidebox .item-btn,.factory-slidebox .item-btn,.milling-slide .item-btn,.project-step .item-btn{width:28px;height:28px;position: absolute;top: 50%;margin-top:-14px;background: url(/images/icon/spirit.png) no-repeat;cursor: pointer;}
.about-slidebox img,.profile-slidebox img,.factory-slidebox img{width:100%;height:auto;}
.profile-slidebox .prev,.factory-slidebox .prev,.milling-slide .prev,.project-step .prev{left:30px;background-position: 0px -297px;}
.profile-slidebox .next,.factory-slidebox .next,.milling-slide .next,.project-step .next{right:30px;background-position: -28px -297px;}
.profile-slidebox .prev:hover,.factory-slidebox .prev:hover,.milling-slide .prev:hover,.project-step .prev:hover{background-position: 0px -325px;}
.profile-slidebox .next:hover,.factory-slidebox .next:hover,.milling-slide .next:hover,.project-step .next:hover{background-position: -28px -325px;}
.profile-slidebox .next{right:60px;}
.about-content p{font-family: "arial";font-size: 16px;color: #333;margin-bottom: 25px;}
.about-content .left-p,.about-content .right-p{float: left;width: 50%;font-size: 0;}
.about-content .left-p p{margin-right: 55px;}
.about-content .right-p p{margin-left: 55px;}
.about-slidebox{margin-top: 20px;margin-bottom: 25px;}
.factory-box{position: relative;margin-bottom: 50px;}
.factory-slidebox{width: 57.25%;float: right;position: relative;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.factory-text{background: #fff;width: 430px;padding: 75px 65px;position: absolute;top: 70px;left: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.factory-slidebox .prev{left: 60px;}
.history-box{width: 100%;background: #262626;font-family: "arial";color: #fff;position: relative;padding: 45px 0 75px 0;overflow: hidden;}
.history-box .h2-title{color: #fff;}
.history-show{position: relative;width: 100%;margin-top: 50px;}
.history-show .line{width: 6px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -3px;background: #eb0d0a;}
.history-show .line-top{width: 24px;height: 33px;background: url(/images/icon/spirit.png) -79px -195px no-repeat;position: absolute;top: -31px;left: 50%;margin-left: -12px;}
.history-show .line-bottom{width: 27px;height: 28px;background: url(/images/icon/spirit.png) -104px -195px no-repeat;position: absolute;bottom: -23px;left: 50%;margin-left: -14px;}
.history-show .text-box{width: 100%;}
.history-show .history-left,.history-show .history-right{width: 50%;}
.history-show .history-left{float: left;}
.history-show .history-right{float: right;}
.history-show .history-txt{position: relative;margin-top: 20px;min-height: 50px;}
.history-show .history-txt h3{display: inline-block;width: 85px;vertical-align: middle;font-family: "BrushScriptStd_0";font-size: 24px;color: #eb0d0a;}
.history-show .history-txt p{display: inline-block;width: 390px;vertical-align: middle;font-family: "arial";font-size: 16px;}
.history-show .history-txt .circle{width: 6px;height: 17px;background: #262626;position: absolute;right: -3px;top: 50%;margin-top: -8px;}
.history-show .history-txt .circle em{display: block;width: 7px;height: 7px;background: url(/images/icon/spirit.png) -139px -195px;position: absolute;left: -1px;top: 5px;}
.history-show .history-left span,.history-show .history-right span{display: block;width: 107px;height: 4px;background: url(/images/icon/spirit.png) -79px -167px no-repeat;position: absolute;top: 50%;margin-top: -2px;right: 10px;}
.history-show .history-right span{left: 10px;background-position: -79px -173px;}
.history-show .history-right .history-txt{padding-left: 120px;}
.history-right .history-txt .circle{left: -3px;}
.cer-box{width: 100%;background: #eee;padding: 35px 0;}
.cer-slidebox{position: relative;margin-top: 30px;}
.cer-slideshow{overflow: hidden;position: relative;}
.cer-slidebox ul{/*width: 110%;*/ position: relative;overflow: hidden;}
.cer-slidebox ul li{float: left;width: 1200px;}
.certificate-box{overflow: hidden;width: 110%;}
.cer-slidebox .certificate-list{width: 272px;margin-right: 36px;float: left;margin-bottom: 27px;}
.cer-slidebox .certificate-list h3{font-family: "arial";font-size: 18px;color: #333;text-align: center;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.cer-slidebox .certificate-list img{width: 100%;height: auto;display: block;border: solid 2px #b5b5b5;}
.cer-slidebox .certificate-list:hover h3{color: #eb0d0a;}
.cer-slidebox .certificate-list:hover img{border: solid 2px #eb0d0a;}
.cer-slidebox .prev{left:-65px;margin-top: -50px;}
.cer-slidebox .next{right:-65px;margin-top: -50px;}


/*capabilities页面*/
.video-box{width: 88%;margin: 0 auto 35px;overflow: hidden;}

.capabilities-box{width: 100%;background: #eee;padding: 40px 0;font-family: "Arial";}
.capabilities-title{font-size: 30px;color: #eb0f0c;padding-bottom: 20px;border-bottom: solid 1px #cbcbcb;margin-bottom: 30px;}
.capabilities-box p{font-size: 16px;color: #666;}
.capabilities-box p a{color: #eb0f0c;text-decoration: underline;}
.stamp-img{margin: 30px 0;}
.stamp-img ul{width: 110%;}
.stamp-img li{width: 43.18%;float: left;margin-right: 4.5%;margin-bottom: 30px;}
.stamp-img li a{display: block;width: 100%;overflow: hidden;}
.stamp-img li a img{width: 100%;height: auto;}
.stamp-img li h3{height: 60px;line-height: 60px;background: #fff;font-size: 24px;color: #666;padding-left: 20px;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
.stamp-img li h3 a{position: relative;}
.stamp-img li h3 a em{display: block;width: 46px;height: 17px;background: url(/images/icon/spirit.png) -197px -167px no-repeat;position: absolute;right: 15px;top: 50%;margin-top: -8px;webkit-animation: move-left 1.2s infinite ease-in-out;animation: move-left 1.2s infinite ease-in-out;}
.stamp-img li:hover h3{background: #eb0d0a;}
.stamp-img li:hover a{color: #fff;}
.stamp-img li:hover em{background-position: -243px -167px;}
.stamp-img table{font-size: 16px;width: 100%;}
.stamp-img table td{line-height: 25px;padding: 10px 0;}
.capabilities-box .td-title{font-family: "Arial";font-size: 18px;color: #333;}
.stamp-img .td-title{width: 15.8%;color: #eb0d0a}
.specifications table{width: 100%;}
.specifications table td{border: solid 1px #b3b3b3;padding: 20px 0;}
.specifications table td p{padding-left: 80px;position: relative;}
.specifications table td p em{display: block;width: 5px;height: 5px;background: #000;position: absolute;left: 65px;top: 10px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;;}
.specifications .td-title{text-align: center;width: 25%;}
.other-capabilities{margin-top: 80px;}
.other-capabilities .capabilities-title{font-size: 36px;font-family: "OpenSans-Semibold";}
.other-box .prev{left: -60px;}
.other-box .next{right: -60px;}
.other-slideshow li h3{font-size: 16px;color: #333;text-align: center;margin-top: 20px;}


.milling-txt,.assembly-txt{width: 52.5%;float: left;}
.milling-txt p{line-height: 30px;}
.milling-img,.assembly-img{width: 44.16%;float: right;}
.milling-img img{width: 100%;height: auto;}
.milling-slide{margin: 30px 0;}
.milling-slide h2{font-size: 24px;color: #eb0f0c;margin-bottom: 20px;}
.milling-left,.milling-right{width: 46.3%;position: relative;}
.milling-slidebox{width: 100%;position: relative;}
.milling-left{float: left;}
.milling-right{float: right;}
.milling-slideshow{position: relative;overflow: hidden;}
.milling-slideshow img,.capabilities-box img{width: 100%;height: auto;}

.cnc-wire,.fastener,.assembly{padding-bottom:35px;}
.wire-txt{width:565px;float:left;}
.wire-txt p,.fastener-txt p,.assembly-txt p,.ultrasonic p,.quality p,.fourslide p,.progressive p{line-height:30px;}
/*.wire-img{width:48.33%;float:right;}*/
/*.milling-left,.wire-img .milling-right,.ultrasonic-img .milling-right{width:100%;}*/
.milling-slidebox .item-btn{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    background: url(../images/spirit.png) no-repeat;
    cursor: pointer;
}
.milling-slidebox .prev{left: 10px;background-position: 0px -297px;}
.milling-slidebox .next{right:10px;background-position:-28px -297px;}
.milling-slidebox .prev:hover{background-position: 0px -325px;}
.milling-slidebox .next:hover{background-position:-28px -325px;}
.fastener-txt{width:600px;float:left;}
.fastener-img{width:580px;float:right;}
.capabilities-box .pro{margin-bottom:20px;color:#666;}
.assembly-txt{width:650px;float:left;}
.assembly-txt p{margin-bottom:20px;}
.assembly-img{width:530px;float:right;}
.assembly h3{color:#eb0f0c;margin-bottom:20px;}
.assembly-left,.assembly-right{width:496px;padding:33px;background:#fff;}
.assembly-left p,.assembly-right p,.ultrasonic-txt .capabilities p,.quality .cer p,.progressive .list li{line-height:30px;padding-left:20px;position:relative;}
.assembly-left p em,.assembly-right p em,.ultrasonic-txt .capabilities p em,.quality .cer p em,.progressive .list li em{display:block;
    width:5px;height:5px;
    background:#000;
    position:absolute;
    left:5px;top:12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;}
.assembly-left{float:left;}
.assembly-right{float:right;}

.ultrasonic-txt{width:47%;float:left;}
.ultrasonic-txt h3{font-size:24px;line-height:50px;color:#eb0f0c;margin:25px 0 10px 0;border-bottom:1px solid #cbcbcb;}
/*.ultrasonic-img{width:48.33%;float:right;}*/
.quality h3{margin:25px 0 20px 0;color:#eb0f0c;}
.quality-left{width:580px;float:left;}
.quality-right{width:580px;float:right;margin-top: 40px;}
.quality-left .how{overflow:hidden;margin-bottom:10px;}
.quality-left .how p{width:480px;float:left;}
.quality-left .how p.ti{width:100px;font-size:18px;color:#000;}
.quality-center{clear:both;padding-top:5px;}
.quality-right.cer{margin-top: 0;}
.quality .cer h3{line-height:50px;border-bottom:1px solid #cbcbcb;}
.capabilities-box .quality-right p a{color: #666;text-decoration: none;}
.capabilities-box .quality-right p a:hover{color: #eb0f0c;text-decoration: underline;}
.fourslide{padding-bottom:30px;}
.fourslide-txt{width:635px;float:left;}
.fourslide-txt p{margin-bottom:15px;}
.fourslide-txt p.title{font-size:18px;color:#eb0f0c;margin:20px 0 10px 0;}
.fourslide-img{width:530px;float:right;}
.fourslide-txt .how{overflow:hidden;}
.fourslide-txt .how p{width:520px;float:left;}
.fourslide-txt .how p.ti{width:115px;font-size:18px;color:#000;}
.progressive{padding-bottom:20px;}
.progressive p{margin-bottom:25px;}
.progressive-txt{width:610px;float:left;}
.progressive-img{width:530px;float:right;}
.progressive .list{clear:both;padding-top:30px;}
.progressive .list li p{display:inline-block;vertical-align:top;margin-bottom:15px;}
.progressive .list li p.ti{margin-right:5px;color:#eb0f0c;}

.qualitycer-cont{width:750px;float:left;}
.qualitycer-cont .qualitycer-txt{width:460px;float:left;}
.qualitycer-cont .qualitycer-txt p{margin-bottom:30px;}
.qualitycer-cont .qualitycer-img{width:260px;float:right;}
.qualitycer-send{width:360px;padding:0 15px;float:right;}
.qualitycer-send h3{color:#eb0f0c;margin:25px 0 35px 0;}
.qualitycer-send input,.qualitycer-send textarea{font-family:"OpenSans-Regular";width:94%;padding:0 3%;margin-bottom:30px;height:43px;line-height:43px;background:none;color:#666;border:1px solid #ccc;}
.qualitycer-send textarea{height:150px;}
.qualitycer-send .sub{display: inline-block;text-align: center; width:80px;height:27px;line-height:27px;background:#eb0f0c;border: solid 1px #eb0f0c;color:#fff;margin:0 auto;-webkit-border-radius:13px;
    -moz-border-radius:13px;
    -ms-border-radius:13px;
    -o-border-radius:13px;cursor: pointer;}
.qualitycer-send .sub:hover{color: #eb0f0c;background: none;}
.qualitycer-send input.color-style{color: #eb0d0a;} 

.fadeInRight,.fadeInLeft,.history-show .text-box{filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.box.show .fadeInLeft{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: lefts 1s 1 linear;
    -moz-animation: lefts 1s 1 linear;
    -o-animation: lefts 1s 1 linear;
    animation: lefts 1s 1 linear;}
.box.show .fadeInRight{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: rights 1s 1 linear;
    -moz-animation: rights 1s 1 linear;
    -o-animation: rights 1s 1 linear;
    animation: rights 1s 1 linear;}
.history-show.show .zoomIn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: zoomIn 1s 1 linear;
    -moz-animation: zoomIn 1s 1 linear;
    -o-animation: zoomIn 1s 1 linear;
    animation: zoomIn 1s 1 linear;}
.history-show.show .bounceInUp{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;-webkit-animation: bounceInUp 1s 1 linear;
    -moz-animation: bounceInUp 1s 1 linear;
    -o-animation: bounceInUp 1s 1 linear;
    animation: bounceInUp 1s 1 linear;}
    
*//*.subpage ul li.pre{float:left;}
.subpage ul li.next{float:right;text-align:right;}
/*----------------search start----------------------------*/
.search-nav{background: #292929;margin-top: -20px;height: 193px;padding-top: 20px;}
.search-nav .top-header{background: #292929;}
.search-wrap{padding-top: 173px;}
.search-wrap .search-box{padding:35px 0px 30px 0px;}
.search-wrap .search-box .w1100{float:left;}
.search-results{margin:0 auto;min-height:300px;padding:0px 20px;}
.search-box h1{font-size:32px;color:#666;}
.search-results .relevant-search{/*padding-top:40px;*/border-bottom:1px solid #CCC;/*margin-bottom:46px;*/}
.search-results ul li{padding-top:30px;border-bottom:1px dashed #CCC;}
.search-results ul li h2{font-size:22px;padding-bottom:12px;font-weight:400;}
.search-results ul li h2 span{padding-left:30px;color:#AFAFAF;}
.search-results ul li h2 span a{padding-left:10px;}
.search-results ul li h2 a{color:#666;}
.search-results ul li h2 a:hover{text-decoration: underline;color: #eb0d0a;}
.search-results ul li p{line-height:22px;color:#000;font-size: 14px;}
.sear-page{margin:0 auto;text-align:center;padding:20px 0px;}
.sear-page span{font-size:13px;color:#000;}
.pagelistbox{width: 100%; margin-top:20px; padding:20px 0px; text-align:center;}
.pagelistbox a{font-size:14px;padding:0px 4px;color:#000;}
.pagelistbox a:hover{color:#eb0d0a;}
.pagelistbox strong{padding:0px 4px;color:#eb0d0a;}