/* CSS Document */
html{font-family:"Microsoft YaHei";font-size:1rem}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:hover{color:#0978c9}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.head-box{background:#e4e4e4;line-height:40px;height:40px;z-index:1602;color:#666}
.top{height:2.5rem;}
.container{margin:0 auto;padding:0 1rem;max-width:73.5rem;min-width:300px}
.head-left{float:left;overflow:hidden;white-space:nowrap}
.head-right{float:right; position:relative;}
.right-nav{float:left;overflow:hidden}
.right-nav hr{height:12px;padding:14px;width:1px;background:#666;background-clip:content-box;float:left;margin:0;border:0}
.all{background:url(../images/h_ico1.jpg) no-repeat left center;padding-left:1em;float:left}
.sale{background:url(../images/h_ico2.jpg) no-repeat left center;padding-left:1.2em;float:left}
.lx{background:url(../images/h_ico3.jpg) no-repeat left center;padding-left:1.5em;float:left}
.head-more{display:none;background:url(../images/sjx.png) no-repeat 4rem center;background-size:20%;padding-right:1rem}
.wap-phone{color:#ef8200;font-weight:700;float:left;display:none;background:url(../images/phone.png) no-repeat left center;background-size:15%;text-indent:2em}
.wap-phone a{color:#ef8200}
.head-more{float:left;display:none}
.header{margin:1% auto;max-width:73.5rem;overflow:hidden}
.logo{float:left}
.phone{float:right;background:url(../images/phone.png) no-repeat left center;padding-left:3rem;margin-top:1rem;height:3rem}
.phone span{color:#666;display:block}
.phone p{font-size:1.5rem;color:#ef8200;font-weight:700}
.phone a{ display:block}
.dingwei{color:#0978c9;font-weight:700;float:left;background:url(../images/logo_hr.jpg) no-repeat left center;padding-left:1.5rem;font-size:1.3rem;margin-top:.8rem;line-height:1.5rem}
.dingwei span{display:block;font-size:.6rem;color:#666;font-weight:400}
.nav{background:#0978c9;line-height:3rem; overflow:hidden;}
.nav ul li{float:left;overflow:hidden;width:12.5%;text-align:center}
.nav ul li a{color:#fff}
.nav ul li.cur{ background:#ef8200}
.nav ul li:hover{ background:#ef8200}
.banner{width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;background:#f5f5f5}
.fullSlide{width:100%;position:relative;margin:0 auto}
.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .md ul{width:100%!important;margin:0;padding:0;list-style:none; overflow:hidden}
.fullSlide .md li{width:100%!important;overflow:hidden;text-align:center; display:none}
.fullSlide .md li a{display:block}
.fullSlide .hd{bottom:1rem;height:1rem;left:0;line-height:9999px;margin:0 auto;position:absolute;z-index:1;overflow:hidden;width:100%}
.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center;width:100%;text-align:center}
.fullSlide .hd ul a{cursor:pointer;display:inline-block;zoom:1;width:.6rem;margin:.2rem;overflow:hidden;color:#fff;height:.6rem;background:#666;overflow:hidden;border-radius:1.2rem}
.fullSlide .md li img{width:100%}
.fullSlide .hd ul .on{background:#0978c9;color:#000}
.fullSlide .next,.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}
.fullSlide .next{left:auto;right:10%;background-position:-6px -137px}
.next,.prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}
.next{left:auto;right:10%;background-position:-6px -137px}
.pro{width:100%;background:#f5f5f5;overflow:hidden}
.pro .container{ position:relative;}
.pro_tit{margin:2rem 0 0 0;text-align:center}
.pro_tit h2{color:#333;margin-bottom:1rem}
.pro_tit p{color:#91969b;margin:0 auto 1rem;line-height:1.5rem;width:80%}
.pro_list{padding:1rem 0;overflow:hidden}
.pro_btn{width:100%; text-align:center; overflow:hidden;}
.pro_btn a{width:0.8rem; height:0.8rem; background:#666; margin-right:0.8rem; margin-top:1rem;display: inline-block;border-radius:0.8rem;}
.pro_left{ float:left; position:absolute; left:-2rem; background:url(../images/left.png) no-repeat; width:3rem; height:4rem; top:50%; cursor:pointer; z-index:9999}
.pro_right{ float:left; position:absolute; right:-1rem;background:url(../images/right.png) no-repeat;width:3rem; height:4rem;top:50%; cursor:pointer; z-index:9999}
.pro_left img,.pro_right img{width:80%}
.pro_list ul{width:10000%;overflow:hidden; position:relative;}
.pro_list ul li{float:left;list-style:none;margin:0;padding:0 1rem;width:.25%;text-align:center}
.pro_list ul li a{display:block;background:#fff;padding:40px 25px}
.pro_list ul li div{width:60%;background:#0978c9;margin:0 auto;border-radius:60%;position:relative}
.pro_list ul li div img{width:100%}
.pro_list ul li div img.icon{width:auto;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.pro_list ul li h3{margin:2rem 0 1rem 0;color:#333;font-size:1rem}
.pro_list ul li p{display:block;margin:0;height:4.5rem;overflow:hidden;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5rem}
.pro_list ul li:hover div{background:#ef8200;transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}
.about{display:block;background-image:url(../images/about_bg.jpg);background-size:cover;overflow:hidden}
.about .container{padding:0 2.3rem}
.about_left{width:50%;float:left}
.about_right{float:right;width:48%;margin-top:6rem}
.about_tit{font-weight:700;color:#fff;margin:3rem 0 0 0;font-size:1.5rem}
.about-box{color:#fff;margin:2rem 0;line-height:2rem}
.about-link{display:inline-block;color:#eee;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:.3rem 1.5rem;border-radius:4px;margin:0 0 3rem 0;background:#ef8200;border:1px solid #ef8200}
.about-link a{color:#fff}
.about-link:hover{background:#2185ce;border:1px solid #fff}
.product-more{font-size:1rem;height:2.5rem;line-height:2.5rem;background:#ef8200;width:10rem;text-align:center;margin:0 auto 1rem}
.product-more a{color:#fff}
.product-more:hover{background:#2185ce}
.product{width:100%;background:#f5f5f5;overflow:hidden}
.product_tit{margin:2rem 0 0 0;text-align:center}
.product_tit h2{color:#333;margin-bottom:1rem}
.product_tit p{color:#91969b;margin:0 0 1rem;line-height:1.5rem}
.product-box{width:100%;overflow:hidden;margin-top:2rem}
.product-box ul li{float:left;list-style:none;margin:0 0 1rem 0;width:25%;padding:0 1rem;text-align:center}
.product-box ul li a{display:block;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.product-box ul li div{display:block;overflow:hidden;width:100%;position:relative;height:0;padding-bottom:80%}
.product-box ul li div img{width:100%;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s; height:100%}
.product-box ul li p{margin:0;padding:1rem 0;white-space:nowrap;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#fff;display:block;text-overflow:ellipsis}
.product-box ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.product-box ul li:hover p{background:#0978c9;color:#fff}
.cases{background:center no-repeat #2185ce;background-size:cover;overflow:hidden; position:relative}
.cases .container{ position:relative}
.cases_left{ float:left; position:absolute; left:-2rem; background:url(../images/cases_left.png) no-repeat; width:3rem; height:4rem; top:45%; cursor:pointer; z-index:9999}
.cases_right{ float:left; position:absolute; right:-1rem;background:url(../images/cases_right.png) no-repeat;width:3rem; height:4rem;top:45%; cursor:pointer; z-index:9999}
.cases_left img,.cases_right img{width:80%}
.cases_tit{margin:2rem 0 0 0;text-align:center}
.cases_tit h2{color:#fff;margin-bottom:1rem}
.cases_tit p{color:#fff;margin:0 auto;line-height:1.5rem;width:80%}
.cases-box{overflow:hidden;padding:2rem 0}
.cases-box ul{width:10000%;overflow:hidden; position:relative}
.cases-box ul li{float:left;list-style:none;margin:0;width:.333%;padding:0 1rem;text-align:center}
.cases-box ul li div{display:block;overflow:hidden;width:100%;position:relative;padding-bottom:87%;height:0}
.cases-box ul li div img{width:100%;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s; height:100%}
.cases-box ul li p{margin:0;padding:1rem 0;font-weight:400;white-space:nowrap;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;overflow:hidden;display:block;text-overflow:ellipsis;background:#fff;border-bottom:3px solid #ef8200}
.cases-box ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.cases-box ul li:hover p{background:#0978c9;color:#fff}
.cases-more{font-size:1rem;height:2.5rem;line-height:2.5rem;background:#ef8200;width:10rem;text-align:center;margin:0 auto 1rem;border:1px solid #ef8200}
.cases-more a{color:#fff}
.cases-more:hover{background:#2185ce;border:1px solid #fff}
.news{background:center no-repeat #f5f5f5;background-size:cover;padding-bottom:1rem; overflow:hidden}
.news_tit{margin:1rem 0 0 0;text-align:center;overflow:hidden}
.news_tit h2{color:#333;margin-bottom:1rem}
.news_tit p{color:#91969b;margin:0 auto 1rem;line-height:1.5rem;width:80%}
.news-box{overflow:hidden}
.news-box ul{width:10000%;overflow:hidden}
.news-box ul li{float:left;width:.5%;padding:0 .5rem 0}
.news-box ul li .news_tit{display:block}
.news_tit h3{float:left;font-size:1.5rem;font-weight:400;padding:.5rem 1.5rem;margin:0;position:relative;background:#0978c9;color:#fff}
.news_tit a{float:right;margin:1.2rem 0 0 0}
.news_tit a hr{display:block;width:.4rem;height:.4rem;border-radius:.4rem;margin:.1rem;padding:0;background:#ef8200;border:none;float:left}
.news_tit a:hover hr{background:#2185ce}
.news-box ul li dl{background:#fff;padding:1.5rem 1rem;border-bottom:1px solid #e9e9e9}
.news-box ul li dl dd{font-weight:700;height:1.5rem;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.news-box ul li dl dd a{color:#333}
.news-box ul li dl dt{color:#bbb;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.5rem;line-height:1.5rem;font-size:.8rem}
.news-box ul li dl b{background:url(../images/key.png) no-repeat left center;display:block;margin-top:.5rem;height:1rem;font-size:.8rem;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.news-box ul li dl b strong{font-weight:400;float:left;margin:0 .2rem;color:#888;text-indent:1rem}
.news-box ul li dl b i{float:right;font-style:normal;margin:0 .2rem 0 0;color:#999;font-weight:400}
.quality{display:block;background-image:url(../images/quality.jpg);background-size:cover; overflow:hidden}
.quality_tit{margin:2rem 0 0 0;text-align:center}
.quality_tit h2{color:#fff;margin-bottom:1rem}
.quality_tit p{color:#fff;margin:0 auto;line-height:1.5rem;width:80%}
.quality-box{overflow:hidden;padding:2rem 0}
.quality-box ul{width:10000%;overflow:hidden; position:relative}
.quality-box ul li{float:left;list-style:none;margin:0;width:.333%;padding:0 1rem 0 0;text-align:center}
.quality-box ul li div{display:block;overflow:hidden;width:100%;height:0;position:relative;padding-bottom:60%}
.quality-box ul li div img{width:100%;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.quality-box ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.quality-box ul li dl{background:#fff;padding:1rem}
.quality-box ul li dl dt{text-align:left;color:#333;font-weight:700;font-size:1.2rem}
.quality-box ul li dl dd{color:#777;line-height:1.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:9rem;text-align:left}
.quality-box ul li dl em{background:url(../images/qut.png) no-repeat left center;font-size:.8rem;color:#aaa;text-indent:1.4em;line-height:3rem;text-align:left;display:block;font-style:normal}
.quality-box ul li:hover dl{background:#ef8200}
.quality-box ul li:hover dl dt{color:#fff}
.quality-box ul li:hover em{color:#fff;background:url(../images/qut1.png) no-repeat left center}
.quality-box ul li:hover dd{color:#fff}
.quality-more{font-size:1rem;height:2.5rem;line-height:2.5rem;background:#ef8200;width:10rem;text-align:center;margin:0 auto 1rem;border:1px solid #ef8200}
.quality-more a{color:#fff}
.quality-more:hover{background:#2185ce;border:1px solid #fff}
.message{background:#f5f5f5;width:100%; padding-bottom:2rem;}
.msg_tit{padding:2rem 0 0;text-align:center}
.msg_tit h2{color:#333;margin-bottom:1rem}
.msg_tit p{color:#91969b;margin:0 auto 1rem;line-height:1.5rem;width:80%}
.msg_con{background:#fff;margin:2rem 0 0;overflow:hidden;position:relative;padding:1px 0 0 1px}
.msg_con_bg{position:absolute;left:0;top:0}
.msg_con_bg span{position:absolute;top:50%;left:0;margin-top:1.2rem;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.msg_con_bg span i{font-style:normal;position:relative;z-index:2}
.msg_con_bg img{width:100%;display:block}
.msg_con_bg font,.msg_con_bg span{color:#fff;font-size:1.2rem;line-height:2.2rem;display:block;position:relative}
.msg_con_bg font{margin-top:-40px;visibility:hidden;opacity:0}
.msg_con_bg span:before{width:300px;height:2.5rem;content:'';position:absolute;left:50%;margin-left:-150px;top:0;background:#ef8200;z-index:1}
.msg_title{text-align:left;padding:2rem 0 2rem 6rem}
.msg_title b{display:inline-block;font-size:1.2rem;font-weight:700;margin:0 20px 0 0}
.msg_title p{display:inline-block;color:#91969b}
.form-group{position:relative;margin-bottom:30px}
.msg_title p i{font-style:normal;color:red}
.msg_list{width:50%;margin:0 auto}
.msg_list ul li{width:100%;vertical-align:top;margin-bottom:1.5rem}
.msg_list ul li input{border:1px solid #ccc;height:2.5rem;line-height:2.5rem;margin-left:1rem;width:70%}
.msg_list ul li.txt textarea{width:80%;height:8rem;margin-left: 1rem;border:1px solid #ccc;}
.msg_list ul li p{color:#f00; padding-left:86px}
.msg_list ul li input.btn{width:40%;text-align:center;background:#ef8200;margin-left:5.2rem;border:none;border-radius:4px;color:#fff;font-size:1rem}

.msg_list1{width:80%;margin:0 auto}
.msg_list1 ul li{width:100%;vertical-align:top;margin-bottom:1.5rem}
.msg_list1 ul li input{border:1px solid #ccc;height:2.5rem;line-height:2.5rem;margin-left:1rem;width:70%}
.msg_list1 ul li.txt textarea{width:80%;height:8rem;margin-left: 1rem;border:1px solid #ccc;}
.msg_list1 ul li p{color:#f00; padding-left:86px}
.msg_list1 ul li input.btn{width:40%;text-align:center;background:#ef8200;margin-left:5.2rem;border:none;border-radius:4px;color:#fff;font-size:1rem}


.wary{background:#f5f5f5;overflow:hidden;padding:2rem 0}
.left{float:left;width:22%;overflow:hidden}
.left_tit{background:#fff; overflow:hidden}
.left h3{display:block;margin:1rem;padding:0 0 0 0.8rem;line-height:1;border-left:4px solid #0978c9;font-size:1.2rem;font-weight:700}
.tj_tit{background:#fff; overflow:hidden; margin-top:1rem;margin-bottom: 0.2rem;}
.tj_tit h3{display:block;margin:1rem;padding:0 0 0 0.8rem;line-height:1;border-left:4px solid #0978c9;font-size:1.2rem;font-weight:700}
.left ul{display:block;padding:1rem;overflow:hidden; background:#fff; margin-top:0.2rem;}
.left ul li{display:block;border-bottom:1px solid #e9e9e9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:3rem;height:3rem; text-indent:1rem; background:url(../images/li.png) no-repeat left center; background-size:5%;}
.left ul li.cur{background:url(../images/li1.png) no-repeat left center; background-size:5%;}
.left ul li:hover{background:url(../images/li1.png) no-repeat left center; background-size:5%;}
.left ul li:hover a{color:#0978c9}
.left ul li.cur a{ color:#0978c9}
.left dl{width:100%; overflow:hidden; padding:1rem 1rem ; background:#fff}
.left dl dd{width:100%;height: 0;padding-bottom: 80%; overflow:hidden}
.left dl dd img{width:100%}
.left dl p{
    margin: 0;
    padding: 1rem 0;
    white-space: nowrap;
    overflow: hidden;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    background: #f5f5f5;
    display: block;
    text-overflow: ellipsis;
	text-align:center;
}
.left dl:hover p{background:#0978c9}
.left dl a:hover{color:#fff}
.right{float:right;width:75%;overflow:hidden;}
.r-nav{height:3rem;line-height:3rem;padding-left:2.3rem;background:#fff url(../images/home.png) no-repeat 1rem center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; margin-bottom:1rem;}
.p_list{width:100%;overflow:hidden;margin-top:1rem;background:#fff;padding-top:1rem}
.p_list ul{ overflow:hidden}
.p_list ul li{float:left;list-style:none;margin:0 0 1rem 0;width:50%;padding:0 1rem;text-align:center}
.p_list ul li a{display:block;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.p_list ul li div{display:block;overflow:hidden;width:100%;position:relative;height:0;padding-bottom:80%}
.p_list ul li div img{width:100%;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.p_list li p{margin:0;padding:1rem 0;white-space:nowrap;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#f1f1f1;display:block;text-overflow:ellipsis}
.p_list ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.p_list ul li:hover p{background:#0978c9;color:#fff}
.footer{background:#0978c9;width:100%;overflow:hidden}
.foot{margin:2rem auto;overflow:hidden}
.foot_left{width:60%;float:left}
.foot_right{float:right;width:25%}
.foot_left ul{width:25%;float:left;overflow:hidden}
.foot_left ul h3{font-size:1.2rem;color:#fff;overflow:hidden;display:block;line-height:3rem}
.foot_left ul li{display:block;line-height:2rem}
.foot_left ul h3 a,.foot_left ul li a{color:#fff}
.foot_right span{font-size:1.2rem;display:block;color:#fff}
.foot_right em{font-size:1.8rem;color:#fff;font-style:normal;line-height:3rem;border-bottom:1px solid #f5f5f5;display:block}
.foot_right em a{color:#fff}
.foot_right p{color:#fff;line-height:2rem}
.kefu{margin-top:.5rem auto 0;overflow:hidden}
.kefu a{width:2.5rem;height:2.5rem;overflow:hidden;border:1px solid #fff;border-radius:4px;text-align:center;display:inline-block;margin:.5rem .3rem}
.kefu a.qq{background:url(../images/qq.png) no-repeat center center;background-size:60%}
.kefu a.wechar{background:url(../images/wechar.png) no-repeat center center;background-size:60%}
.kefu a.weibo{background:url(../images/weibo.png) no-repeat center center;background-size:60%}
.kefu a.qq:hover{background:#0982db url(../images/qq.png) no-repeat center center;background-size:60%}
.kefu a.wechar:hover{background:#0982db url(../images/wechar.png) no-repeat center center;background-size:60%}
.kefu a.weibo:hover{background:#0982db url(../images/weibo.png) no-repeat center center;background-size:60%}
.link{background:#0982db;line-height:2rem;color:#fff;text-align:center;padding:1rem 0}
.link a{color:#fff}
.bq{background:#0978c9;padding:1rem 0;text-align:center;color:#fff;line-height:2rem}
.por_xq{ margin-top:1rem;background:#fff;overflow:hidden;}
.xq_left{width:50%; float:left; overflow:hidden; padding:2%;}
.xq_left div{width:100%; height:0; padding-bottom:80%}
.xq_left div img{width:100%; height:100%}
.xq_right{float:right;width:49%;overflow:hidden; padding:2%;}
.xq_right h2{ font-size:1.2rem; font-weight:bold; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.xq_right p{ line-height:2rem; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6; margin-top:1rem;color:#666}
.xq-kefu{display:inline-block;color:#eee;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:.3rem 1.5rem;border-radius:4px;margin:0 0 1rem 0;background:#ef8200;border:1px solid #ef8200; margin-top:1rem;}
.xq-kefu a{color:#fff}
.xq-kefu:hover{background:#2185ce;border:1px solid #fff}
.xq_con{width:100%; background:#fff; overflow:hidden; margin-top:1rem;}
.xq_tit{ line-height:3rem; border-bottom:1px solid #f5f5f5; line-height:3rem; font-weight:bold; font-size:1.2rem;}
.xq_tit span{border-bottom:2px solid #0978c9;line-height: 3rem;display: block; width:6rem; text-align:center}
.xq_txt{ padding:1rem; line-height:2rem; overflow:hidden;}
.xq_txt img{max-width:100%}
.news-list{width:100%}
.news-list dl{background:#fff;padding:1.5rem 1rem;border-bottom:1px solid #e9e9e9}
.news-list dl dd{font-weight:700;height:1.5rem;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.news-list dl dd a{color:#333}
.news-list dl dt{color:#bbb;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.5rem;line-height:1.5rem;font-size:.8rem}
.news-list dl b{background:url(../images/key.png) no-repeat left center;display:block;margin-top:.5rem;height:1rem;font-size:.8rem;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;color:#888}
.news-list dl b strong{font-weight:400;float:left;margin:0 .2rem;color:#888;text-indent:1rem}
.news-list dl b i{float:right;font-style:normal;margin:0 .2rem 0 0;color:#999;font-weight:400}
.news_xq{width:100%; background:#fff; overflow:hidden; margin-top:1rem;}
.news_xq h2{ font-size:1.2rem; line-height:4rem; overflow:hidden; text-align:center}
.news_xq h5{ font-weight:normal; font-size:0.8rem; text-align:center; overflow:hidden; background:#f1f1f1; line-height:3rem;}
.h_list{width:100%;overflow:hidden;margin-top:1rem;background:#fff;padding-top:1rem}
.h_list ul li{float:left;list-style:none;margin:0 0 1rem 0;width:50%;padding:0 1rem;text-align:center}
.h_list ul li a{display:block;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.h_list ul li div{display:block;overflow:hidden;width:100%;position:relative;height:0;padding-bottom:70%; border:1px solid #f1f1f1;}
.h_list ul li div img{width:100%;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.h_list li p{margin:0;padding:0.5rem 0;white-space:nowrap;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#f1f1f1;display:block;text-overflow:ellipsis}
.h_list ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.h_list ul li:hover p{background:#0978c9;color:#fff}
.h_list ul{ overflow:hidden}
.fenye { width: 100%;text-align:center; margin:30px auto 0; height:40px}
div.flickr a {margin-right: 3px;border: 1px solid #ccc; padding: 5px 10px; border-radius: 2px; margin:0 3px}
div.flickr a:hover {border-right: #0978c9 1px solid; border-top: #0978c9 1px solid; background-image: none; border-left: #0978c9 1px solid; color: #fff; border-bottom: #0978c9 1px solid; background-color: #0978c9}
div.meneame a:active {border-right: #0978c9 1px solid; border-top: #0978c9 1px solid; background-image: none; border-left: #0978c9 1px solid; color: #fff; border-bottom: #0978c9 1px solid; background-color: #0978c9}
div.flickr span.current {margin-right: 3px; padding: 5px 10px;  color:#fff;font-weight:bold; background:#0978c9;border-radius: 2px; border:1px solid #0978c9}
div.flickr span.disabled { color: #adaaad; margin-right: 3px; border:1px solid #ccc; padding:5px 10px; border-radius:2px; }
.sx{ margin:0.5rem; border-top:1px solid #ccc; padding:1rem}

@media(max-width:1200px){
  .pro_list ul li{width:0.333%}
  .pro_left{display:none}
  .pro_right{display:none}
  .cases_left{display:none}
  .cases_right{display:none}
}
@media(max-width:1100px){
  .xq_right p{-webkit-line-clamp: 5;}
}
@media(max-width:1000px){
.product-box ul li {width:33.33%}
.about_left{width:100%}
.about_tit{ margin-top:1rem}
.about-box{ margin: 1rem 0}
.about_right{width:100%; margin-top:0; margin-bottom:1rem}
.news-box ul li{width:1%}
.msg_list{width:60%}
.msg_list1{width:60%}
.foot_left{width:100%; float:left; text-align:center;float:none; overflow:hidden}
.foot_right{width:60%; text-align:center; margin:2rem auto 0; float:none}
.foot_right p{ line-height:3rem}
 .xq_right p{-webkit-line-clamp: 4;}
 .pinpai{ display:none}
 .main_e_title{ display:none}
}

@media(max-width:800px){
.dingwei{display:none;}
.right-nav{ position:absolute; top:2.5rem; background:#e4e4e4;width:7rem; margin-left:-1rem; display:none; padding-left:0.5rem}
.right-nav span{ text-align:center; padding:0; display:block; float:none}
.right-nav hr{height:0; padding:0;}
.head-more{display:block;}
.nav .container{padding:0}
.nav ul li{width:25%; border-top:1px solid #fff; border-right:1px solid #fff}
.nav ul li:nth-child(4),.nav ul li:nth-child(8){border-right:0}
.nav ul li.cur{ background:#0978c9}
.nav ul li:hover{ background:#0978c9}
.fullSlide .md li img{width:150%; margin-left:-25%}
.dingwei{display:none}
.fullSlide .md li img{width:130%; margin-left:-25%}
.msg_list{width:70%}
.msg_list1{width:70%}
.foot_right{width:70%; text-align:center; margin:2rem auto 0; float:none}
.xq_left{width:100%}
.xq_right{width:100%}
.tj_tit,.tj{display:none;}
.container{padding:0 0.5rem}
.about .container{padding:0 0.5rem}
}

@media(max-width:750px){
.product-box ul li {width:50%;padding: 0 0.5rem;}
.cases-box ul li {width:0.50%;padding: 0 0.5rem;}
.quality-box ul li {width:0.50%;padding: 0 0.5rem;}
.pro_list ul li{width:0.50%}
}

@media(max-width:650px){
.head-more{ display:block}
.right-nav{display:none}
.phone p{ display:none}
.phone span{ display:none}
.foot_right{width:80%; text-align:center; margin:2rem auto 0; float:none}
.msg_list{width:80%}
.msg_list1{width:80%}
.left{width:100%}
.left h3{ margin:1rem;}
.left ul{ padding:0}
.left ul li{ float:left; width:48%; background:#f1f1f1; text-align:center; border:none; margin:1%; height:2rem; line-height:2rem; padding:0; overflow:hidden; text-indent:0}
.left ul li:hover{background:#f1f1f1;}
.left ul li.cur{ background:#0978c9}
.left ul li.cur a{ color:#fff}
.right{width:100%; margin-top:0}
.r-nav{margin-top:1rem;}
.msg_list ul li.txt textarea{width:78%;}
.msg_list1 ul li.txt textarea{width:78%;}
.p_list ul li{padding:0 0.3rem}
.h_list ul li{padding:0 0.3rem}
}
@media(max-width:560px){
.quality-box ul li{width:1%}
.msg_list{width:90%}
.msg_list1{width:90%}
.foot_right{width:90%; text-align:center; margin:2rem auto 0; float:none}
}
@media(max-width:500px){
.phone p{ display:none}
.phone span{ display:none}
.pro_list ul li{ padding:0 0.5rem}
.msg_list ul li{ margin-bottom:1rem;}
.msg_list ul li input{ margin:1rem 0 0 0; display:block;width:100%}
.msg_list ul li.txt input{width:100%}
.msg_list ul li.txt textarea{width:100%;margin: 1rem 0 0 0;}
.msg_list ul li input.btn{width:100%; margin-left:0}
.msg_list ul li p{ padding:0}
.msg_list1 ul li{ margin-bottom:1rem;}
.msg_list1 ul li input{ margin:1rem 0 0 0; display:block;width:100%}
.msg_list1 ul li.txt input{width:100%}
.msg_list1 ul li.txt textarea{width:100%;margin: 1rem 0 0 0;}
.msg_list1 ul li input.btn{width:100%; margin-left:0}
.msg_list1 ul li p{ padding:0}
.foot_left{width:100%; float:left; text-align:center}
.foot_left ul{width:50%}
.foot_right{width:95%; text-align:center; margin:2rem auto 0; float:none}
.head-right{display:none}
}



.main_e_title{height:3rem; background:url(../images/main_e_title_bg.png) center center no-repeat; text-align:center; color:#fff; font-size:1.3rem; font-weight:bold; line-height:3rem; margin:2rem 0;}
.pinpai {position:relative; width:1003px;margin:0 auto 40px; min-height:150px;_height:150px;}
.pinpai .hd { overflow:hidden; }
.pinpai .bd { overflow:hidden; margin: 0 auto; width: 1003px; }
.pinpai .bd ul { overflow:hidden; zoom:1; width:10rem; float:left; _display:inline; margin:0px 0.1rem 0px 0.1rem}
.pinpai .bd ul li {float:left; _display:inline; overflow:hidden; text-align:center; margin:0px 0px 0.2rem 0px; }
.pinpai .bd ul li .pic { width:10rem; height:5rem; background:#ffffff; overflow:hidden; text-align:center; border:1px solid #e9e9e9;}
.pinpai .bd ul li .pic a { display:block; text-align:center; }
.pinpai .bd ul li .pic img { height:5rem; text-align:center; }
.pinpai .bd ul li:hover .pic{ border:1px solid #d8271d;}
.pinpai .prev { display:block; width:11px; height:21px; background:url(../images/btn_left2.png) left center no-repeat; left:0px; position:absolute; top:74px; cursor:pointer; z-index: 999; margin-left:-29px;}
.pinpai .next { display:block; width:11px; height:21px; background:url(../images/btn_right2.png) right center no-repeat; right:0px; position:absolute; top:74px; cursor:pointer; z-index: 999; margin-right:-29px;}