@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0; padding:0;}
body{font-size:14px; color:#000; font-family:"微软雅黑", "宋体";}
a{color:#000; text-decoration:none; outline:none; -webkit-transition:all .3s ease; transition:all .3s ease;}
a:hover{color:#0069d4;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0; max-width:100%;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;} 
.clear{clear:both; height:0;}
.main{width:1200px; margin:0 auto;}
/*
.top{width:100%; height:35px; color:#666; line-height:35px; font-size:12px; background:#f8f8f8;}
.top span{float:right;}
.top span i{font-style:normal; padding:0 12px;}
.top span a{color:#666;}
.top span a:hover{color:#0069d4;}

.head{width:100%; height:120px; background:#fff;}
.logo{width:360px;height:86px; padding:35px 0;}
.logo img.pc{height:86px;}
.logo img.wap{display:none;}
.tel{height:46px; line-height:18px; margin:37px 0; background:url(../images/tel.png) no-repeat left center; font-size:12px; padding-left:56px;}
.tel p{height:28px; line-height:28px; font-size:23px; color:#0069d4;}

.menu{width:100%; height:54px; background:#0069d4;}
.menu ul{width:1200px; height:54px; margin:0 auto;}
.menu ul li{width:199px; height:54px; border-right:#3c9fdf 1px solid; text-align:center; float:left;}
.menu ul li.last{width:150px; border-right:0;}
.menu ul li a{display:block; height:54px; line-height:54px; font-size:16px; color:#fff;}
.menu ul li a:hover{color:#fff; background:#ff5c01;}
*/
.nav{display:none;}

.bannerWrap{width:100%; overflow:hidden;}
.banner{width:100%; position:relative; overflow:hidden;}
.banner .bd{width:100%; overflow:hidden;}
.banner .bd ul{zoom:1; overflow:hidden;}
.banner .bd li{width:100%; float:left;}
.banner .bd li a{display:block; width:100%; height:100%; float:left;}
.banner .bd li img{width:100%;}
.banner .hd{width:100%; height:5px; position:absolute; left:0; bottom:25px;}
.banner .hd ul{zoom:1; overflow:hidden; text-align:center;}
.banner .hd ul li{display:inline-block; width:50px; height:5px; margin:0 5px; background:#ddd; text-indent:-999px; font-size:0;}
.banner .hd ul li.on{background:#0069d4;}
.banner .prev, .banner .next{position:absolute; left:25px; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:rgba(0,0,0,0.5) url(../images/left.png) no-repeat center center; background-size:40px 40px; filter:alpha(opacity=50);opacity:0.5; cursor:pointer;}
.banner .next{left:auto; right:25px; background:rgba(0,0,0,0.5) url(../images/right.png) no-repeat center center; background-size:40px 40px;}
.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=100);opacity:1;}


.case{width:100%; padding:30px 0;}
.case h1{width:100%; height:36px; line-height:36px; font-size:18px; border-bottom:#ddd 1px solid;}
.case h1 p{height:36px; border-bottom:#0069d4 1px solid; position:relative; bottom:0; float:left;}
.case h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px;}
.case h1 a{display:block; width:41px; height:36px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.case h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
.case ul{width:1220px; float:left;}
.case ul li{width:285px; padding:20px 20px 0 0; float:left;}
.case ul li span{display:block; width:285px; height:214px; overflow:hidden; position:relative;}
.case ul li span img{width:285px; height:214px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.case ul li span i{display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,137,225,0.8) url(../images/hover-link.png) no-repeat center center; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.case ul li p{height:50px; line-height:50px; font-size:16px; color:#5a5a5a; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case ul li a:hover span img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.case ul li a:hover span i{filter:alpha(opacity=100); opacity:1;}
.case ul li a:hover p{color:#0069d4;}

.pro{width:100%; padding:50px 0; background:#f8f8f8;}
.proMenu{width:250px; background:#0069d4; color:#fff;}
.proMenu h1{line-height:30px; font-size:18px; font-weight:normal; text-align:center; padding:20px 0;}
.proMenu h1 p{height:20px; line-height:20px; font-size:12px; text-transform:uppercase;}
.proMenu ul{margin:0 15px 15px; padding:0 10px 10px; background:#fff;}
.proMenu ul li{width:100%; height:34px; margin-top:10px; float:left;}
.proMenu ul li a{display:block; height:32px; line-height:32px; border:#dbdbdb 1px solid; padding-left:28px; background:#f5f5f5 url(../images/a02.png) no-repeat 10px center; font-size:13px;}
.proShow{width:916px; padding-left:34px;}
.proShow h1{width:100%; height:36px; line-height:36px; font-size:18px; border-bottom:#ddd 1px solid;}
.proShow h1 p{height:36px; border-bottom:#0069d4 1px solid; position:relative; bottom:0; float:left;}
.proShow h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px;}
.proShow h1 a{display:block; width:41px; height:50px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.proShow h1 a:hover{background:url(../images/moreH02.png) no-repeat center center;}
.proShow ul{width:936px; float:left;}
.proShow ul li{width:292px; padding:20px 20px 0 0; float:left;}
.proShow ul li span{display:block; width:286px; height:214px; border:#dbdbdb 1px solid; padding:2px; overflow:hidden; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.proShow ul li span i{display:block; width:286px; height:214px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.proShow ul li p{height:36px; line-height:36px; color:#5a5a5a; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.proShow ul li a:hover span{border:#0069d4 1px solid;}
.proShow ul li a:hover p{color:#0069d4;}

.ys{width:100%; padding:40px 0 50px; background:#0069d4;}
.ys h1{width:100%; height:66px; line-height:36px; font-size:28px; text-align:center; color:#fff;}
.ys h1 p{height:30px; line-height:30px; font-size:20px; font-weight:normal; text-transform:uppercase; font-family:Helvetica, sans-serif;}
.ysShow{width:100%; margin-top:30px;}
.ys ul{display:none;}

.lc{width:100%; padding:40px 0 50px;}
.lc h1{height:56px; line-height:36px; text-align:center; font-weight:normal; font-size:24px; background:url(../images/lcg.png) no-repeat center 15.5px;}
.lc h1 span{color:#0069d4;}
.lc h1 p{height:20px; line-height:20px; font-size:12px; text-transform:uppercase; color:#999;}
.lct{width:100%; margin-top:20px;}

.indWrap{width:100%; padding-bottom:50px;}
.about{width:870px;}
.about h1{height:36px; line-height:36px; border-bottom:#dbdbdb 1px solid; font-size:18px;}
.about h1 p{height:36px; border-bottom:#0069d4 1px solid; position:relative; bottom:0; float:left;}
.about h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0069d4 3px solid; float:left; display:block;}
.about h1 span{font-size:14px; text-transform:uppercase; padding-left:15px; color:#999; font-weight:normal;}
.about h1 a{display:block; width:41px; height:36px; float:right; background:url(../images/moreA.png) no-repeat center center;}
.about h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
.about dl{width:100%; padding-top:24px; float:left;}
.about dl dd{width:316px; height:218px; border:#e9e9e9 10px solid; float:left;}
.about dl dd img{width:316px; height:218px;}
.about dl dt{width:514px; padding-left:20px; float:left;}
.about dl dt h2{height:32px; line-height:32px; font-size:16px;}
.about dl dt div.aboutText{height:150px; line-height:25px; margin-top:6px; color:#434343; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}
.about dl dt div.aboutText img{display:none;}
.about dl dt span{display:block; height:40px; margin-top:12px;}
.about dl dt span a{display:block; width:118px; height:30px; line-height:30px; text-align:center; color:#fff; background:#0069d4;}
.about dl dt span a:hover{color:#fff; background:#0069d4;}

.honor{width:234px; height:244px; padding:28px; background:#0069d4; color:#fff;}
.honor h1{height:22px; line-height:22px; font-size:18px; padding-left:10px; border-left:#fff 3px solid;}
.honor h1 span{font-size:14px; font-weight:normal; text-transform:uppercase; padding-left:15px;}
.honorCon{width:234px; height:200px; margin-top:22px; position:relative;}
.honorCon .bd{width:200px; height:200px; padding:0 17px; overflow:hidden;}
.honorCon .bd li{width:200px; height:200px; float:left;}
.honorCon .bd li span{display:block; width:150px; height:0; padding-top:82%; position:relative; background:#fff; overflow:hidden;margin:auto;}
.honorCon .bd li span i{display:table-cell; width:200px; height:100%; padding:10px; box-sizing:border-box; position:absolute; left:0; top:0; text-align:center; vertical-align:middle; overflow:hidden;}
.honorCon .bd li span i img{max-width:180px; max-height:144px; vertical-align:middle; overflow:hidden;}
.honorCon .bd li p{margin-top:17px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honorCon .bd li a{color:#fff;}
.honorCon .bd li a:hover{color:#fff; text-decoration:underline;}
.honorCon .hd{display:none;}
.honorCon .prev, .honorCon .next{display:block; width:36px; height:36px; background:#0069d4 url(../images/left.png) no-repeat center center; background-size:18px 18px; border-radius:50%; position:absolute; left:-46px; top:60px;}
.honorCon .next{left:auto; right:-46px; background:#0069d4 url(../images/right.png) no-repeat center center; background-size:18px 18px;}
.honorCon .prev:hover, .honorCon .next:hover{background-color:#0069d4;}

.news{width:100%; padding:30px 0 50px; background:#f2f2f2;}
.news h1{display:none;}
.news dl{width:400px; height:420px; background:#fff; float:left; margin-right:30px;}
.news dl dd{width:400px; height:242px; position:relative; float:left;}
.news dl dd i{display:block; width:400px; height:160px; background:#0069d4; position:absolute; left:0; top:0; z-index:0;}
.news dl dd a{display:block; width:340px; height:212px; overflow:hidden; position:absolute; left:30px; top:30px; z-index:1;}
.news dl dd a img{width:340px; height:212px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.news dl dd a:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.news dl dt{width:340px; height:154px; padding:12px 30px 20px 30px; float:left;}
.news dl dt h2{height:36px; line-height:36px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news dl dt span{display:block; height:24px; line-height:24px; font-size:12px; color:#999;}
.news dl dt p{height:84px; line-height:28px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.news ul{width:688px; height:396px; padding:11px 40px; border:#ddd 1px solid; background:#fff; float:left;}
.news ul li{padding:18px 0; height:96px; float:left;}
.news ul li .time{width:56px; height:89px; padding-top:7px; line-height:18px; color:#0069d4; text-align:center; font-size:13px;}
.news ul li .time span{display:block; height:42px; line-height:42px; font-size:42px;}
.news ul li .text{width:612px; height:96px; padding-left:20px;}
.news ul li .text h2{height:40px; line-height:40px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news ul li .text p{height:56px; line-height:28px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.style{width:100%; padding:40px 0 50px;}
.style h1{width:100%; height:36px; line-height:36px; font-size:18px; border-bottom:#ddd 1px solid;}
.style h1 p{height:36px; border-bottom:#0069d4 1px solid; position:relative; bottom:0; float:left;}
.style h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0069d4 3px solid; float:left; display:block;}
.style h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px; font-weight:normal;}
.style h1 a{display:block; width:41px; height:36px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.style h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
.styleShow{width:100%; height:230px; margin-top:20px; position:relative; overflow:hidden;}
.styleShow .bd{width:1100px; height:230px; overflow:hidden; margin:0 50px;}
.styleShow .bd li{width:260px; padding-right:20px; float:left;}
.styleShow .bd li span{display:block; width:250px; height:180px; border:#e9e9e9 5px solid; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.styleShow .bd li p{height:30px; line-height:30px; margin-top:10px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.styleShow .bd li a:hover{color:#0069d4;}
.styleShow .bd li a:hover span{border:#0069d4 5px solid;}
.styleShow .hd{display:none;}
.styleShow .prev, .styleShow .next{display:block; width:30px; height:30px; background:#333 url(../images/left.png) no-repeat center center; background-size:18px 18px; position:absolute; left:0; top:80px;}
.styleShow .next{left:auto; right:0; background:#333 url(../images/right.png) no-repeat center center; background-size:18px 18px;}
.styleShow .prev:hover, .styleShow .next:hover{background-color:#0069d4;}

.link{width:100%; padding-bottom:50px;}
.link h1{width:100%; height:36px; line-height:36px; font-size:18px;}
.link h1 p{height:36px; float:left;}
.link h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0069d4 3px solid; float:left; display:block;}
.link h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px; font-weight:normal;}
.linkCon{line-height:30px; margin-top:10px;}
.linkCon em{padding:0 12px; font-style:normal; color:#999;}
.linkCon em:last-child{display:none;}
.linkCon a{color:#999;}
.linkCon a:hover{color:#0069d4;}

.fNav{width:100%; height:50px; background:#0069d4;}
.fNav ul{width:1200px; height:50px; margin:0 auto;}
.fNav ul li{width:149px; height:50px; border-right:#0069d4 1px solid; text-align:center; float:left;}
.fNav ul li.last{width:150px; border-right:0;}
.fNav ul li a{display:block; height:50px; line-height:50px; font-size:16px; color:#fff;}
.fNav ul li a:hover{color:#fff; background:#000;}

.foot{width:100%; color:#fff; background:#0069d4; padding:30px 0; line-height:24px;}
.foot i{font-style:normal; font-size:18px; display:inline-block; line-height:40px;}
.foot a{color:#fff;}
.foot a:hover{color:#fff; text-decoration:underline;}
.foot p{float:right; width:120px; text-align:center;}
.foot p img{width:120px; height:120px;}
.foot p span{display:block; height:30px; line-height:30px; margin-top:10px;}

.ny{width:100%; padding:30px 0; background:#ececec;}
.ny_left{width:240px;}
.leftNav{width:240px; background:#fff;}
.leftNav h1{height:68px; line-height:68px; padding-left:60px; background:#0069d4 url(../images/pro_hbg.png) no-repeat 34px center; color:#fff; font-size:18px; font-weight:normal;}
.leftNav ul{padding:20px 20px; width:200px; float:left;}
.leftNav li{width:200px; height:40px; float:left;}
.leftNav li a{display:block; height:40px; line-height:40px; padding:0 12px; background:#fff url(../images/liaBg01.png) no-repeat right center; background-size:auto 14px; font-size:13px;}
.leftNav li a:hover,.leftNav li.on a{color:#fff; background:#0069d4 url(../images/liaBg02.png) no-repeat right center; background-size:auto 14px;}
.leftTel{width:240px; height:50px; padding:20px 0; background:#333; color:#fff;}
.leftTel i{display:block; width:62px; height:50px; margin-left:5px; float:left; background:url(../images/phImg.png) no-repeat center center; border-right:#5c5c5c 1px dotted;}
.leftTel p{height:40px; padding:5px 13px; margin-left:66px; font-size:13px; line-height:18px;}
.leftTel p span{display:block; height:22px; line-height:22px; font-size:20px;}

.ny_right{width:920px; background:#fff; padding:20px; box-sizing:border-box;}

.post{width:100%; height:16px; line-height:16px; padding-bottom:10px; border-bottom:#dbdbdb 1px solid;}
.post span{float:right; color:#999; font-size:12px;}
.post span i{font-style:normal;}
.post p{padding-left:10px; border-left:#0069d4 3px solid; line-height:16px; float:left; font-size:16px; color:#0069d4;}

.ny_about{width:100%; line-height:25px; padding-top:20px;}

.ny_pro{width:100%;}
.ny_pro ul{width:900px; float:left;}
.ny_pro ul li{width:280px; padding:20px 20px 0 0; float:left;}
.ny_pro ul li a{display:block; width:100%; height:100%;}
.ny_pro ul li a span{display:block; width:280px; height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ny_pro ul li a p{width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.page{width:100%; text-align:center; padding-top:20px;}
.page a,.page span{display:inline-block; margin:0 3px; padding:0 10px; height:30px; border:#ddd 1px solid; line-height:30px;}
.page span{background:#0069d4; border-color:#0069d4; color:#fff;}

.ny_news{width:100%;}
.ny_news ul{width:100%; float:left; margin-top:10px;}
.ny_news ul li{width:100%; height:33px; line-height:32px; border-bottom:#eee 1px dotted; box-sizing:border-box; padding-left:12px; background:url(../images/a03.png) no-repeat left 12.5px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ny_news ul li span{float:right; color:#999; padding-left:20px;}

.ny_title2{width:100%; line-height:30px; font-size:16px; font-weight:bold; text-align:center; margin:10px 0;}
.ny_info{width:100%; height:30px; line-height:30px; background:#f1f1f1; color:#333; text-align:center; font-size:12px;}
.ny_info span{padding-left:30px;}
.ny_img{width:100%; margin-top:15px; text-align:center;}
.ny_img img{max-width:75%;}
.ny_text{width:100%; margin-top:10px;}
.ny_pn{width:100%; margin-top:20px;}
.ny_pn p{width:100%; height:30px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_pn p b{color:#000;}

.messgae{width:100%; margin:30px 0;}
.messgae dl{width:480px; margin:0 auto;}
.messgae dl dd{width:420px; margin:7px 0; float:left; padding-left:60px; position:relative;}
.messgae dl dd p{width:60px; height:32px; line-height:32px; position:absolute; left:0; top:0;}
.messgae dl dd p b{font-weight:normal; color:#f00; padding-left:5px;}
.messgae dl dd input,.messgae dl dd textarea{width:100%; height:32px; line-height:30px; background:#f7f7f7; border:#ededed 1px solid; border-radius:3px; padding:0 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.messgae dl dd p.last{height:72px; line-height:72px;}
.messgae dl dd textarea{height:72px; padding:5px; line-height:24px;}
.messgae dl dt{width:420px; padding-top:50px; float:left; padding-left:60px; height:32px; position:relative;}
.messgae dl dt input{width:100%; height:32px; line-height:32px; background:#0064d4; border:0; border-radius:3px; padding:0; margin:0; color:#fff; cursor:pointer;}
.messgae dl dt input:hover{background:#ff8030; color:#fff;}
.messgae dl dt p{display:block; width:100%; position:absolute; left:60px; top:5px;}

/*-----------------------下拉部分样式----------------------*/
.dropMenu{
position:absolute;
top:0;
z-index:100;
background-color:#000;
filter:alpha(opacity=100);opacity:1;
width:210px;
padding:0;
display:none;
margin-left:1px;
margin-top:0;
}
.dropMenu a:link,.dropMenu a:visited{
width:auto;
display:block;
text-indent:0;
text-decoration:none;
color:#fff;
font-size:14px;
line-height:36px;
height:36px;
font-weight:normal;
padding:0 10px;
background-image:url(../images/a01.png);
background-repeat:no-repeat;
background-position:195px center;
}

/*鼠标移动上面的样式 a:hover 以及 打开了下一级的aLink*/
.dropMenu_a_cur{background-color:#007ecf;color:#fff;}
.dropMenu a:hover{color:#fff; background-color:#007ecf;}
.mainMenu_a_cur{color:#fff!important;background-color:#000;}

.messgae{width:100%; margin-top:30px;}
.messgae dl{width:480px; margin:0 auto;}
.messgae dl dd{width:420px; margin:7px 0; float:left; padding-left:60px; position:relative;}
.messgae dl dd p{width:60px; height:32px; line-height:32px; position:absolute; left:0; top:0;}
.messgae dl dd p b{font-weight:normal; color:#f00; padding-left:5px;}
.messgae dl dd input,.messgae dl dd textarea{width:100%; height:32px; line-height:30px; background:#f7f7f7; border:#ededed 1px solid; border-radius:3px; padding:0 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.messgae dl dd p.last{height:72px; line-height:72px;}
.messgae dl dd textarea{height:72px; padding:5px; line-height:24px;}
.messgae dl dt{width:420px; padding-top:50px; float:left; padding-left:60px; height:32px; position:relative;}
.messgae dl dt input{width:100%; height:32px; line-height:32px; background:#ffd30d; border:0; border-radius:3px; padding:0; margin:0; color:#333; cursor:pointer;}
.messgae dl dt input:hover{background:#ff8030; color:#fff;}
.messgae dl dt p{display:block; width:100%; position:absolute; left:60px; top:5px;}

table,table td{border-collapse:collapse;}

@media all and (max-width:767px){

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}


    .top, .logo img.pc, .proMenu, .ysShow, .lc, .news dl, .fNav, .leftNav h1, .leftTel, .post p, .post span i{display:none;}
    
/*    .head{width:100%; height:60px;}
*/    
	.main{width:100%;}
	
/*    .logo{width:80%; height:30px; padding:15px 0;}
    .logo img.wap{display:block; height:30px; margin-left:3%;}
    .tel{width:30px; height:30px; margin:15px 3% 15px 0; background:url(../images/tel.png) no-repeat left center; background-size:30px 30px; padding-left:0; font-size:0;}
    .tel p{display:none;}
    .tel a{display:block; width:30px; height:30px; text-indent:-9999px; overflow:hidden;}
*/    

/*    .nav{width:100%; background:#0089e1; display:block;}
    .nav ul{width:100%; border-left:#3c9fdf 1px solid; border-top:#3c9fdf 1px solid; box-sizing:border-box; float:left;}
    .nav ul li{width:25%; height:40px; border-right:#3c9fdf 1px solid; border-bottom:#3c9fdf 1px solid; box-sizing:border-box; text-align:center; float:left;}
    .nav ul li a{display:block; height:40px; line-height:40px; font-size:16px; color:#fff;}
    .nav ul li a:hover{color:#fff; background:#000;}
*/    


    .banner .hd{width:100%; height:5px; position:absolute; left:0; bottom:15px;}
    .banner .hd ul li{width:5px; border-radius:50%;}
    .banner .prev, .banner .next{position:absolute; left:3%; margin-top:-15px; display:block; width:30px; height:30px; background-size:30px 30px;}
    .banner .next{left:auto; right:3%; background-size:30px 30px;}

    
    .case{padding:20px 0;}
    .case h1{width:94%; font-size:16px; margin:0 3%; font-weight:normal;}
    .case h1 span{font-size:12px; padding-left:10px;}
    .case ul{width:97%; padding:1.5%; float:left;}
    .case ul li{width:47%; padding:1.5%; float:left;}
    .case ul li span{display:block; width:100%; height:0; padding-top:100%; text-align:center;}
    .case ul li span img{max-width:100%; max-height:100%; vertical-align:middle; position:absolute; left:0; top:0;}
    .case ul li p{height:30px; line-height:30px; font-size:14px;}
    
    .pro{padding:30px 0;}
    .proShow{width:100%; padding-left:0;}
    .proShow h1{width:94%; margin:0 3%; font-size:16px; font-weight:normal;}
    .proShow h1 span{font-size:12px; padding-left:10px;}
    .proShow ul{width:97%; padding:1.5%; float:left;}
    .proShow ul li{width:30.3333333%; padding:1.5%; float:left;}
    .proShow ul li span{display:block; width:100%; height:0; padding:100% 0 0;}
    .proShow ul li span i{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
    
    .ys{width:94%; padding:20px 3%;}
    .ys h1{width:100%; height:48px; line-height:28px; font-size:18px; text-align:center; color:#fff;}
    .ys h1 p{height:20px; line-height:20px; font-size:14px;}
    .ys ul{display:block; width:100%; padding:10px 20px; box-sizing:border-box; background:#fff; float:left; margin-top:20px;}
    .ys ul li{width:100%; margin:10px 0; padding-left:50px; box-sizing:border-box; position:relative; float:left;}
    .ys ul li i{display:block; width:40px; height:40px; line-height:40px; border-radius:50%; font-style:normal; background:#64c6ed; color:#fff; font-size:20px; text-align:center; position:absolute; left:0; top:0;}
    .ys ul li h2{font-size:16px; color:#64c6ed; line-height:20px;}
    .ys ul li p{font-size:12px; line-height:20px;}
    
    .indWrap{width:100%; padding-bottom:0;}
    .about{width:100%; padding-top:20px;}
    .about h1{font-size:16px; font-weight:normal; width:94%; margin:0 3%;}
    .about h1 span{font-size:12px; padding-left:10px;}
    .about dl{width:94%; padding:20px 3% 0; float:left;}
    .about dl dd{width:100%; height:auto; border:#e9e9e9 10px solid; float:left; box-sizing:border-box;}
    .about dl dd img{width:100%; height:auto;}
    .about dl dt{width:100%; padding-left:0; padding-top:10px; float:left;}
    .about dl dt span a{border-radius:15px; margin:0 auto;}
    
    .honor{width:100%; height:auto; padding:20px; box-sizing:border-box; margin-top:20px;}
    .honor h1{font-size:16px; font-weight:normal;}
    .honor h1 span{font-size:12px; padding-left:10px;}
    .honorCon{width:100%; height:auto; margin-top:18px; position:relative; float:left;}
    .honorCon .bd{width:100%; height:auto; padding:0; overflow:hidden; float:left;}
    .honorCon .bd li{width:100%; height:auto; float:left;}
    .honorCon .bd li span{display:block; width:100%; height:0; padding-top:100%; position:relative; background:#fff; overflow:hidden;}
    .honorCon .bd li span i{display:table-cell; width:100%; height:100%; padding:20px; box-sizing:border-box; position:absolute; left:0; top:0; text-align:center; vertical-align:middle; overflow:hidden;}
    .honorCon .bd li span i img{max-width:100%; max-height:100%; vertical-align:middle; overflow:hidden;}
    .honorCon .bd li p{height:36px; line-height:36px;}
    .honorCon .prev, .honorCon .next{left:20px; top:auto; bottom:0;}
    .honorCon .next{left:auto; right:20px;}
    
    .news{width:94%; padding:20px 3%; background:#f2f2f2;}
    .news h1{display:block; width:100%; height:36px; line-height:36px; font-size:16px; border-bottom:#ddd 1px solid; font-weight:normal;}
    .news h1 p{height:36px; border-bottom:#0089e1 1px solid; position:relative; bottom:0; float:left;}
    .news h1 span{font-size:12px; color:#999; text-transform:uppercase; padding-left:10px;}
    .news h1 a{display:block; width:41px; height:36px; background:url(../images/moreA.png) no-repeat center center; float:right;}
    .news h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
    .news ul{width:100%; height:auto; padding:0; border-width:0; background:#f2f2f2; float:left;}
    .news ul li{width:100%; margin:10px 0; padding:0; height:80px; position:relative; float:left;}
    .news ul li .time{width:50px; height:50px; padding-top:6px; line-height:18px; color:#0089e1; text-align:center; font-size:12px; position:absolute; left:0; top:0;}
    .news ul li .time span{display:block; height:32px; line-height:32px; font-size:32px;}
    .news ul li .text{width:100%; height:80px; padding-left:64px; box-sizing:border-box;}
    .news ul li .text h2{height:32px; line-height:32px; font-size:15px;}
    .news ul li .text p{height:48px; line-height:24px;}
    
    .style{width:100%; padding:20px 0;}
    .style h1{width:94%; margin:0 3%; font-size:16px; font-weight:normal;}
    .style h1 span{font-size:12px; padding-left:10px;}
    .styleShow{width:94%; height:auto; margin:20px 3% 0; position:relative; overflow:hidden;}
    .styleShow .bd{width:100%; height:auto; overflow:hidden; margin:0;}
    .styleShow .bd li{width:100%; padding-right:0; float:left;}
    .styleShow .bd li span{display:block; width:100%; height:0; padding-top:72%; border-width:0; box-sizing:border-box;}
    .styleShow .prev, .styleShow .next{top:auto; bottom:0;}
    
    .link{width:94%; padding:0 3% 20px;}
    .link h1{font-size:16px; font-weight:normal;}
    .link h1 span{font-size:12px; padding-left:10px;}
    .linkCon{line-height:30px; margin-top:0;}
    .linkCon em{padding:0 12px; font-style:normal; color:#999;}
    .linkCon em:last-child{display:none;}
    .linkCon a{color:#999;}
    .linkCon a:hover{color:#0089e1;}
    
    .foot{width:94%; color:#fff; background:#0089e1; padding:20px 3%; line-height:24px; font-size:12px;}
    .foot i{font-style:normal; font-size:12px; display:inline-block; line-height:30px;}
    .foot a{color:#fff;}
    .foot a:hover{color:#fff; text-decoration:underline;}
    .foot p{width:60px;}
    .foot p img{width:60px; height:60px;}
    .foot p span{display:block; height:30px; line-height:30px; margin-top:10px; font-size:12px;}
    
    .ny{width:100%; padding:0; min-height:200px;}
    .ny_left{width:100%;}
    .leftNav{width:97%; padding:1.5%;}
    .leftNav ul{padding:0; width:100%;}
    .leftNav li{width:47%; height:34px; border:#ddd 1px dotted; margin:1.5%; box-sizing:border-box;}
    .leftNav li a{height:32px; line-height:32px; background-size:auto 16px; font-size:12px; padding:0; text-align:center; background:#fff;}
    .leftNav li a:hover{background:#0089e1;}
    
    .ny_right{width:100%; padding:20px 0; margin-top:10px;}
    
    .post{width:94%; height:16px; line-height:16px; padding-bottom:10px; border-bottom:#dbdbdb 1px solid; margin:0 3%;}
    .post span{float:left; color:#333; border-left:#0089e1 3px solid; padding-left:10px;}
    
    .ny_about{width:94%; line-height:25px; padding:10px 3%;}
    
    .ny_pro{width:100%;}
    .ny_pro ul{width:97%; padding:1.5%;}
    .ny_pro ul li{width:47%; padding:1.5%;}
    .ny_pro ul li a{display:block; width:100%; height:100%;}
    .ny_pro ul li a span{display:block; width:100%; height:0; padding-top:75%;}
    
    .page{border-top:#ececec 10px solid;}
    .page a,.page span{display:none; margin:0 15px;}
    .page a.pn,.page span.pn{display:inline-block;}
    
    .ny_news{width:100%;}
    .ny_news ul{width:94%; padding:0 3% 3%; float:left; margin:0;}
    .ny_news ul li{width:100%; height:73px; line-height:32px; padding:10px 0 10px 12px; background-position:left 22.5px;}
    .ny_news ul li a{display:block; width:100%; height:100%;}
    .ny_news ul li span{float:left; width:100%; height:20px; line-height:20px; padding-left:0; font-size:12px;}
    
    .messgae{width:94%; padding:0 3%; margin:20px 0;}
    .messgae dl{width:100%; margin:0 auto;}
    .messgae dl dd{width:100%; margin:5px 0; position:relative; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .messgae dl dt{width:100%; padding-top:30px; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .messgae dl dt p{top:5px; font-size:12px;}
}