@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;} 
 ul,li{list-style:none;}
 .p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; padding: 0; }
.ul,
.ul li { list-style: none; margin: 0; padding: 0; }

/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,
input,
textarea { font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif, "宋体"; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #888; border: none; }

/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none; }
input,
button,
select,
textarea { outline: none;    /*-webkit-appearance:none;*/    /*强制去除表单自带的样式*/ }

/*不允许多行输入文本框有滚动条*/
textarea { resize: none;    /*-webkit-appearance:none;*/    /*强制去除textarea自带的样式*/ }

/*初始化表单元素样式*/
textarea,
input,
select { background: none; border: none; margin: 0; padding: 0; }


 a{color:#666;outline:0;text-decoration:none}
a:focus,a:hover{color:#74777b;text-decoration:none}


/*头部*/
.header { padding: 19px 15px; background: #fff; position: relative; z-index: 999; }
.header .navBtn { width: 29px; height: 26px; position: absolute; right: 15px; top: 50%; margin-top: -11.5px; z-index: 9; background-color: #fff; }
.header .navBtn span { display: block; height: 2px; background: #888; margin-bottom: 5px; }
.header .navBtn span:last-child { margin-bottom: 0; }
.mainNav { position: absolute; left: 0; right: 0; top: 83px; background: #f1f1f1; z-index: 10; }
.mainNav li a { display: block; }
.mainNav li>a { padding: 15px; border-bottom: 1px solid #ccc; color: #000; }
.mainNav li dl { display: none; }
@media screen and (min-width:1920px) {
    .owl-carousel .owl-item img { width: 100%; }
    #sector { background-position: 50% 66% !important; }
}
@media screen and (min-width:768px) {
    .header { padding-left: 148px; }
    .header .logo { position: absolute; left: 0px;  margin-top: -22px; }
    .header .mainNav { padding-top: 10px; position: static; text-align: right; background: none; }
    .header .mainNav li { display: inline-block; margin-left: 1%; }
    .header .mainNav li:first-child { margin-left: 0; }
    .header .mainNav li>a { font-size: 16px; padding: 0; padding-bottom: 12px; border-bottom: 2px solid #fff; }
    .header .mainNav li.onnav>a { border-bottom-color: #e62129; }
}
@media screen and (min-width:820px) {
    .header .mainNav li { margin-left: 2%; }
}
@media screen and (min-width:900px) {
    .header .mainNav li { margin-left: 3%; }
}
@media screen and (min-width:992px) {
    body { padding-top: 82px; }
    .header { position: fixed; left: 0; right: 0; top: 0; z-index: 10000; }
    .header .mainNav li { position: relative; margin-left: 35px; }
    .header li dl,
    .header li dd { margin: 0; padding: 0; }
    .header li dl { width: 120px; font-size: 14px; position: absolute; left: -30px; right: 0; top: 34px; padding-top: 2px; }
    .header li dd { border-bottom: 1px solid #ccc; }
    .header li dd:last-child { border-bottom: none; }
    .header li dl a { background-color: #fff; text-align: center; padding: 10px 2px; }
    .header li:hover dl { display: block; }
    .header li:hover>a { border-bottom-color: #1173be; }
    .header li dl a:hover { color: #1173be; }
}
@media screen and (min-width:1200px) {
    .header { padding: 19px 63px; padding-left: 244px; }
    .header .logo { left: 63px; }
}


.content{ padding:0 10%; margin:0px auto;}

.pic_box{ background:url(../images/p_img1.jpg) no-repeat; background-size:cover; margin:0px auto;}

.title{ margin:0px auto; text-align:center; padding:50px 0}
.title h2{font-size: 36px; color: #999; text-transform:uppercase;}
.title p{font-size: 30px; color: #333;}
.title:after {display: block;width: 50px;height: 2px;background: #0e70bc;margin: 10px auto 0;content: "";}

.title1{ margin:0px auto; text-align:center; padding:50px 0}
.title1 h2{font-size: 36px; color: #fff; text-transform:uppercase;}
.title1 p{font-size: 30px; color: #fff;}
.title1:after {display: block;width: 50px;height: 2px;background: #ccc;margin: 10px auto 0;content: "";}



.pic_nav{overflow:hidden;}
.pic_nav a{ width:20%; border:5px #fff solid; box-sizing:border-box; background:#0051bf; display:block; padding:1% 0; text-align:center; color:#fff; float:left; }
.pic_nav a:hover{background:#ff011e;}


.banner{width:100%;;margin:0 auto;height:700px;position:relative;min-width:1200px}
.fullSlide{width:100%;position:relative;height:700px;background:#eee;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}
.fullSlide .md li{width:100%!important;height:700px;overflow:hidden;text-align:center}
.fullSlide .md li a{display:block;height:700px}
.fullSlide .hd{bottom:28px;height:10px;left:0;line-height:9999px;margin:0 auto;position:relative;width:1000px;z-index:1;overflow:hidden}
.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:60px;margin:5px 2px;overflow:hidden;color:#fff;height:5px;background:#fff;font-size:12px;overflow:hidden;border-radius:10px}
.fullSlide .hd ul .on{background:#ff011e;color:#fff}


.pic_content{ overflow:hidden; }
.pic_content ul li{ width:33.3333%; border:20px rgba(0,0,0,0) solid; float:left; box-sizing: border-box;}
.pic_content ul li:nth-child(3n){margin-right:0%;}
.pic_content ul li div{ overflow:hidden;}
.pic_content ul li div img{transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;width:100%; height:100%}
.pic_content ul li div:hover  img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}

.pic_content ul li p{ height:60px; line-height:60px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:18px; text-align:center;}


.aboutbj{ margin:0px auto; background:url(../images/p_img2.jpg) no-repeat ; background-size:cover; padding:60px 0 100px;}

.edit{ line-height:36px; font-size:16px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-align:left; color:#fff; text-indent:2em; }

.cfang{ position:relative; margin:0px 10px; overflow:hidden;}
.cfang ul{ overflow:hidden;}
.cfang ul li{ width:350px; float:left; overflow:hidden; margin-right:20px; float:left;}
.cfang ul li img{transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;width:100%; height:100%}
.cfang ul li:hover  img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.more  {
	 text-align:center; margin:30px auto}
.more a { display: inline-block; font-size: 15px; color: #fff; text-transform: uppercase;  padding: 8px 58px; margin:0px auto; text-align:center;  }


.how{ margin:0px auto; background:url(../images/p_img4.jpg) no-repeat center top ; background-size:cover; padding:60px 0 30px;}

.products_hb{ background:#fff; padding:30px; overflow:hidden; margin:0px auto 100px;}
.products_hb ul{ overflow:hidden;}
.products_hb ul li{ width:20%; float:left; overflow:hidden; border:1px #f1f1f1 solid; box-sizing:border-box;}

.products_hb ul li img{transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;width:100%; height:100%}
.products_hb ul li:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}



.anli_box{ background:url(../images/anlibj.jpg) no-repeat center top; background-size:cover; }
.anli{ width:100%; overflow:hidden; background:#fff;  text-align:center;}
.anli div{ overflow:hidden;}
.anli img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli h3{ text-align:center; font-size:18px; padding:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400;  }

.anli:hover h3{background:#388fcc;}
.anli:hover h3 { color:#fff;}


.anli_sy{ position:relative; margin:0px auto; overflow:hidden;}

.jianrong{ position:relative; width:339px; margin:0px auto;}


.news_box{ overflow:hidden; margin:0px auto 0;}
.news{  width:100%;background:#fff;  overflow:hidden; margin-bottom:50px;}

.news_nav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px;}
.news_nav a{overflow:hidden;border:1px #0078d7 solid;text-align:center;font-size:18px;padding:1% 3%;margin:0 5px; background:#ffffff; border-radius:8px;}
.news_nav a:hover{color:#fff;background:#0078d7 ;}
.news_nav a.osel{color:#fff;background:#0078d7 ;}

.news ul { overflow:hidden;}
.news ul li{ width:25%; float:left; border:8px #fff solid; box-sizing:border-box; overflow:hidden; position:relative;  padding-bottom: 50px;}
.news ul li dl{ overflow:hidden; color:#999}
.news ul li dl dd{ overflow:hidden; font-size:50px;}
.news ul li dl dt{ overflow:hidden; font-size:16px;}
.news ul li h3{ font-size:16px; font-weight:600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:40px; line-height:40px;   }
.news ul li p{ font-size:15px ; height:75px; line-height:25px; font-size:14px; overflow: hidden;-webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; color:#666; margin-top:10px;}
.news ul li div{ width:100%; overflow:hidden; height:300px;}
.news ul li:after{position:absolute; display:block; content:url(../images/jt.png); bottom:0px; left:0px;}
.news ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.news ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news ul li:hover a dl,.news ul li:hover a h3{ color:#0078d7;}
.news ul li:hover:after{ display:block; content:url(../images/jt1.png);}




.bottom{ background:url(../images/buttom.jpg) no-repeat center top; background-size:cover;; padding-top:30px; margin:0px auto}
.contact{ overflow:hidden;}
.contact ul  { overflow:hidden;}
.contact ul li{ width:31.33333%; float:left; margin:1%; overflow:hidden; border:1px #ccc solid; padding:2% 0;box-sizing: border-box; color:#fff;}
.contact ul li img{ float:left; margin-left:20%; margin-right:10px; margin-top:-8px; display:block}
.rwm{ width:380px; overflow:hidden; margin:20px auto 0; padding-bottom:30px;}


.lianxi{ overflow:hidden;}
.lianxi ul  { overflow:hidden;}
.lianxi ul li{ width:31.33333%; float:left; margin:1%; overflow:hidden; border:1px #ccc solid; padding:2% 0;box-sizing: border-box; color:#333;}
.lianxi ul li img{ float:left; margin-left:20%; margin-right:10px; margin-top:-8px; display:block}

.footer{ overflow:hidden; background:#3e3e3e; background-size:cover; text-align:center; color:#fff ; line-height:28px; padding:30px 0}



.links{border-top:1px #ccc solid; overflow:hidden; margin-top:30px; color:#ccc; padding:10px 0;}

.links a{ color:#ccc; margin:5px 0;} 
.links a:after{ content:url(../images/xw.png); margin:0 8px;}
.links a:last-child:after{ content:""; display:none;}
.map{ height:300px; margin-top:30px;}




.n_banner {
    height: 400px;
    line-height: 400px;
    font-size: 40px; overflow:hidden;
    color: #fff;
    text-align: center;
}
.n_banner img { width:100%;}



.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto 20px;position:relative}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.mbx .p2 {float:right; line-height:64px;}
.mbx .p2 a{ margin:0 10px;}
.mbx .p2 a.cor{color:#F00;}


.page{overflow:hidden;margin:3% auto}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px;font-size:16px;}
.page ul li a{color:#333}
.page ul .thisclass{background:#2574c3;color:#fff;border:1px solid #2574c3}
.page select{border:none;background:0 0;outline:0}



.article-detailed{overflow:hidden;margin:20px auto}
.article-detailed .tit{width:100%;height:auto;overflow:hidden;margin-bottom:15px}
.article-detailed .tit p{color:#333;font-size:24px;text-align:center;border-bottom:1px dashed #f1f1f1;padding:10px 0}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{width:100%;height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;color:#666;}


.huoban { overflow:hidden; margin:20px auto;}
.huoban ul{ overflow:hidden;}
.huoban ul li{ width:16.66666666%;  border:5px #fff solid; box-sizing:border-box; overflow:hidden; float:left; text-align:center; margin-top:15px;}
.huoban ul li div{ width:100%; height:100%; overflow:hidden; border:1px #ccc solid; box-sizing:border-box;}
.huoban ul li div img{width:100%;}
.huoban ul li p{ height:40px; line-height:40px; overflow:hidden; text-align:center;}




.anli_lb { overflow:hidden; margin:20px auto;}
.anli_lb ul{ overflow:hidden;}
.anli_lb ul li{ width:25%;  border:5px #fff solid; box-sizing:border-box; overflow:hidden; float:left; text-align:center; margin-top:15px;}
.anli_lb ul li div{ width:100%; height:100%; overflow:hidden; border:1px #ccc solid; box-sizing:border-box;}
.anli_lb ul li p{ height:40px; line-height:40px; overflow:hidden; text-align:center;}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.cp_xiangqing{overflow:hidden; padding:0 8px; }
.cp_xiangqing h3{text-align:center;margin:0 auto;font-size:20px}
.cp_xiangqing dd{background:#f1f1f1;padding:1% 0;font-size:14px;text-align:center;margin-top:1%;}
.cp_xiangqing dd span{margin:0 5px;}
.xq_content{margin:2% 0;overflow:hidden;line-height:30px;font-size:15px;}
.xq_content img{display:block;max-width:100%;text-align:center;margin:0 auto;}
.shangxiaye{overflow:hidden;margin-bottom:3%;}
.shangxiaye ul{overflow:hidden;margin-left:1px;}
.shangxiaye ul li{width:33.3333%;font-size:16px;float:left;border:1px #ccc solid;padding:1% 2%;box-sizing:border-box;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.shangxiaye ul li a{color:#666;}








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

.news ul li div{height:250px;}


}




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

.news ul li div{height:220px;}


}