@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

.clear { clear: both; }
/*头部*/ 
.bg1{ background:#f5f5f5;}
.top{ width:96%; max-width:1200px;margin:0px auto; clear:both; line-height:40px; color:#888;}
.top a{color:#888;}
.top_p1{ float:left;}
.top_p2{ float:right;}
.top_p21{ display:block; float:right; position:relative;height:20px; padding:10px 5px;}
.top_p21 p{ display:none; position:absolute; top:30px; right:0;}
.top_p21:hover p{ display:block; width:84px; z-index:999;}
.header{width: 100%; z-index: 999;}
.logo_p1{ float:left;}
.tel{ float:right;}
.nav { background:#00b2ff;}
.nav_c{ width:100%; max-width:1200px; margin:0 auto; position:relative; clear:both;} 
.nav_c .nav_1{ position: relative;text-align: center; float:left; font-size:16px; width:150px;}
.nav_1a{ display:block; line-height:50px; color:#fff; text-align:center;}
.nav_1:hover .nav_1a{ background:#378ef4;}
.nav_1 a.nav_1_a { background:#378ef4;} 

.nav_warp { background:rgba(0,0,0,0.6); position: absolute; top:50px;left:0; min-width:100%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,0,0,0.8);}
.nav_warp2{ background:rgba(0,0,0,0.6); color:#FFF; width:140px; line-height:2;}


/*面包屑*/ 
.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #00b2ff; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #00b2ff; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #00b2ff; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 

@media screen and (max-width:1199px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:86%;} 
.head_logo a { display: block; cursor: pointer; padding-left:2%;} 
.head_logo img { height:60px } 
.logo2{ overflow:hidden; clear:both;}
.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;}
.logo2 p img{ max-width:100%; height:90px;}
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999;} 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:60px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; }
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;}
.mnavdl a:last-child{ border:none;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:96%; max-width:1200px;margin:0 auto; position:relative;}

.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:75%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:59%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:72.5%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img2 img{  cursor: pointer; transition: all 0.8s; /*transform: scale(1.1);*/}
.cc{ display: flex;  justify-content:center; }

.qq{ width:100%; margin:0 auto; position:relative;}
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;}
.fullSlide .bd ul{width:100% !important; height:100%;}
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;}
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px; max-width:50px;height:10px;margin:2px 4px;overflow:hidden; border:2px solid #fff;line-height:999px;  border-radius:50px;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;opacity:1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;}
.none {display: none;}
.tit1{ text-align:center; position:relative; line-height:1.6;}
.tit1:before{ position:absolute; left:calc(50% - 30px); bottom:0; width:60px; height:3px; content: ""; background:#00b2ff;}
.tit1 .tt3{ color:#777; margin-bottom:0.5%;}
.nr1_p1{ margin:2% -1%;}
.nr1_p1 li{ float:left; width:31.333%; padding:1%;}
.nr1_p11{ position:relative;}
.nr1_p12{ display:block; position:absolute; bottom:0; left:0; width:94%; padding:2% 3%; color:#FFF; background:rgba(0,0,0,0.6); text-align:center; line-height:2;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.nr1_p12 img{ height:32px; vertical-align:top;}
.nr1_p13{ display:block; color:#2f85e6; border:2px solid #2f85e6; padding:0 3%; line-height:2.4; border-radius:30px;}
.nr1_p13:hover{ color:#fff; background:#2f85e6; border:2px solid #2f85e6;}

.bg2{ background:url(../images/bg1.jpg) no-repeat center top;}
#picshow {position:relative;}
#picshow_img { overflow:hidden; }
#picshow_img li { width:100%; overflow:hidden;float:left;display:none;}
/*#picshow_img img {width:880px; height:440px;}*/
#picshow_tx {left:0px; width:100%; bottom:0px; position:absolute; overflow:hidden; }
#picshow_tx li { background:rgba(0,0,0,0.6); padding:2% 3%; padding-right:0; color:#fff; display:none;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }
#picshow_tx li a { color:#fff; }
.picshow_tx1{ font-weight:bold; float:left; width:calc(100% - 150px);}
.picshow_tx2{ display:block; float:right; background:#d61612; border-radius:30px 0 0 30px; padding:0 15px; width:110px; line-height:2;}
.picshow_tx3{ margin-right:3%; overflow:hidden; clear:both; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#select_btn li span{ font-weight:bold; margin-right:10px;}
#select_btn li:hover { background-color: #008086; color:#fff;}
#select_btn li.current { background: #008086; color:#fff;}
#select_btn li:hover a,#select_btn li.current a{ color:#fff; }

.nr1_p21{ overflow:hidden; clear:both;}
.nr1_p21 li{ float:left; padding:1% 2.4%; background:#666666; color:#FFF; margin-right:2px;}
.nr1_p21 li a{ color:#fff;}
.nr1_p21 .active{ background:#2f85e6; color: #fff;}
.nr1_p21 .active span{color: #fff;}

.nr1_p23{ overflow:hidden; clear:both; margin:0 -1%;}
.nr1_p23 li{ float:left; width:23%; padding:1%; text-align:center;}
.nr1_p231{ border:1px solid #ededed;}
.nr1_p232{ display:block; padding-top:3%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bg3{ background:url(../images/bg2.jpg) no-repeat center top;}
.nr1_p311{ display:block; background:#00b2ff; width:100px; text-align:center; color:#fff; padding:1% 2%; margin-top:3%;}
.nr1_p41 li{ float:left; width:20%; text-align:center; padding:1% 0; background:#f7f7f7;}
.nr1_p41 li span{display:block; color:#888; text-transform:uppercase;}
.nr1_p41 .active{ background:#00b2ff; color: #fff;}
.nr1_p41 .active span{color: #fff;}
.nr1_p42{ border:2px solid #00b2ff;}
.nr1_p421{ overflow:hidden; clear:both; background:#2a2a2a; color:#fff; width:100%;}
.nr1_p4221{ background: url(../images/four_14.jpg) no-repeat center right; padding-right:24px; font-weight:bold;}
.nr1_p5{ background:#efefef;}
.nr1_p521{ display:block; float:left; border:1px solid #999; color:#777; padding:0 4%; line-height:2; border-radius:30px;}
.nr1_p6{ margin:0 -1%;}
.nr1_p6 li{ float:left; width:23%; padding:0 1%;}
.nr1_p6 li:nth-child(n+5){ width:48%;}
.nr1_p6 li:nth-child(n+5) .img2{ display:none;}
.nr1_p61{ padding:10px 0; border-bottom:1px solid #eee;}
.nr1_p62{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2; margin-top:2%;}
.nr1_p63{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#777; margin:2% 0;}

.fbg{ background:#199ce3; border-top:1px solid #32a7e6;color:#FFF;}
.ftit a{ color:#FFF; float:left; width:12.5%; text-align:center;}
.foot_p3{ float:right; text-align:center;}
.foot_p1{ float:left; width:70%;}

.tit3_p4{ overflow:hidden; clear:both; border-bottom:1px solid #dcdcdc; padding:5px; margin-bottom:10px;}

.tit3_p42{ float:left; color:#333; line-height:2}
.tit3_p42 a{ color:#333;}

.paginate {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;color: #fff;}
.paginate a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}
.paginate a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate span.pcurrent {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0787ea}
.paginate span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}
.topadcs{ margin-bottom:15px;}
.rightl{ width:760px; float:left;}
.leftr{ width:216px; float:right;}

.nyleft{ width:216px; float:left}
.nyright{ width:960px; float:right}


.leib2,.leib{ width:216px; margin-bottom:20px;}
.leib2 .tit,.leib .tit{color:#fff;  font-size:18px; background: #565656 url(../images/hr_07.jpg) no-repeat center -10px; height:50px; line-height:50px; text-align:center; overflow:hidden; font-weight:bold; letter-spacing:1px;}
.leib2 .tit i,.leib .tit i{color: #fff;display: none;font:12px Arial; text-align: center; font-size:13px; letter-spacing:0px; line-height:18px; text-transform:uppercase;}
.leib2 .tit a,.leib tit a{ color:#333;}
.leib2 .nr{  padding:0; border-top:none;}
.leib2 .nr h3{  height:58px; line-height:58px; font-weight:bold; text-indent:0px; font-family:"Microsoft Yahei";text-align:left; }
.leib2 .nr h3.cur{ }
.leib2 .nr h3 a{color:#333; font-size:16px; font-weight:normal; background:url(../images/fs_05s.gif) 0px center no-repeat; display:block;padding-left:52px;}
.leib2 .nr h3 a:hover,.leib2 .nr h3.cur a{text-decoration: none;color:#fff; background:url(../images/fs_03s.gif) no-repeat left center; }
.leib2 .nr ul { padding-bottom:5px; display:none; background:#fff; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.leib2 .nr ul li { border-bottom:1px solid #f1f1f1; line-height:42px; margin-bottom:1px;padding-left: 22px;}
.leib2 .nr ul li span.sanj{ display:block; padding-bottom:8px;}
.leib2 .nr ul li span.sanj a{ background:none; line-height:24px; height:22px; background:url(../images/case_dot3.png) no-repeat 15px center; font-size:13px; }
.leib2 .nr ul li a { color:#494949; background:url("../images/left_li.gif") no-repeat scroll 14px center; display:block; padding-left:30px; font-size:14px;}
.leib2 .nr ul li:last-child{ border-bottom:0;}
.leib2 .nr li.cur a,.leib2 .nr li a:hover{color:#00b2ff;text-decoration: none;}

.news .nr h3{ border-bottom:1px solid #eee;}
.project .nr h3 a{ font-size:14px; background: url(../images/fs_05s.gif) 0px center no-repeat; white-space:nowrap; width:164px; overflow:hidden; text-overflow:ellipsis; overflow:hidden;}

.pro_main .age_con_key{ padding-bottom:5px; width:710px;}

.prj_list dl.pj_list {margin-top: 15px;overflow: hidden; padding-top:10px;border-radius:8px; background:#f5f5f5; display:inline; padding-bottom:10px; float:left; border-bottom:1px dashed #dedede;}
.prj_list dl.pj_list.hov{ background:#eee;}
.prj_list dl.pj_list dd .pro_title a{ color:#333;display: block;font-size: 14px;height: 30px;line-height: 30px;  }
.prj_list dl.pj_list dd p{ color:#666; height:78px; overflow:hidden;font-family: "微软雅黑"; font-size:13px; line-height:26px;clear:both; margin-bottom:8px;}
.prj_list dl.pj_list dd .pro_btn a{ border:1px solid #CFCFCF; display:block; float:left; margin-right:20px; color:#E97931; width:100px; text-align:center;margin-top: 5px;}
.prj_list dl.pj_list dt {color: #FFFFFF; position: relative;width: 220px;z-index: 1; position:relative; float:left;}
.prj_list dl.pj_list dt span{ position:absolute; left:0; bottom:0; width:200px; height:28px; text-align:center; background:#ED1B24; line-height:28px; color:#fff;  opacity:0.7;}
.prj_list dl.pj_list dt span a{ color:#fff;}
.prj_list dl.pj_list dt a{ display:block;}
.prj_list dl.pj_list dt img{ width:204px; height:160px; padding:5px 5px 5px 12px;}
.prj_list dl.pj_list dt .c{ width:299px; display:none; text-align:left; background:none;line-height:28px; opacity:1; filter:alpha(opacity=100); position:absolute; left:0px; top:28px; margin-left:2px; margin-right:2px;}
.prj_list dl.pj_list dd{ width: 518px; padding-left:10px; padding-right:10px; line-height:24px; display:block; float:left;}
.prj_list dl.pj_list dd span a{ color:#333; line-height:28px; border:none; height:26px; width:366px; padding:0; text-align:left; font-size:16px; font-weight:bold; display:block; margin-top:0px;}
.prj_list dl.pj_list dd em{ color:#9c9b9b; float:left; display:inline;}
.prj_list dl.pj_list dd i{  float:left; display:inline; font-style:normal; }
.prj_list dl.pj_list dd .star3{ background:url(img/x3.gif) no-repeat left center; width:60px; height:24px; float:left;}
.prj_list dl.pj_list dd .xq{ width:230px; height:31px; font-size:14px; float:left; display:inline-block; font: bold 14px/31px "微软雅黑"; color:#fff; text-align:center; background:#333; float:left; margin-left:5px;}
.prj_list dl.pj_list dd .zx{ width:126px; width:118px; height:31px; display:block; float:left; background:#00b2ff; font: bold 14px/31px "微软雅黑"; text-align:center; color:#fff;}
/*鼠标效果*/
.prj_list dl.nones{ border-bottom:none; padding-right:0px;}

.prj_list dl.hov{ background:#eee;}
.prj_list dl.hov dd{ }
.prj_list dl.hov dd p{color:#666;}
.prj_list dl.hov dd span a{}

.prj_list dl.pj_dl{ width:296px; float:left; margin-top:12px; padding-right:16px;}
.prj_list dl.pj_dl dt{ width:296px; height:222px; overflow:hidden;}
.prj_list dl.pj_dl dt img{ width:280px; height:206px; padding:4px; border:1px solid #f1f1f1;transition:1s;
-moz-transition:1s;
-webkit-transition:1s;}
.prj_list dl.pj_dl dt img:hover{-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
-m-transform: scale(1.12);
transform: scale(1.12);}
.prj_list dl.pj_dl dd{ width:296px; white-space:nowrap; overflow:hidden; text-overflow:ellispsis; display:block; height:32px; line-height:32px; text-align:center; font-size:18px;}


/*荣誉资质*/

.prj_list dl.pj_dlry{ width:296px; float:left; margin-top:12px; padding-right:16px;}
.prj_list dl.pj_dlry dt{ width:296px; height:430px; overflow:hidden;}
.prj_list dl.pj_dlry dt img{ width:280px; height:400px; padding:4px; border:1px solid #f1f1f1;transition:1s;
-moz-transition:1s;
-webkit-transition:1s;}
.prj_list dl.pj_dlry dt img:hover{-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
-m-transform: scale(1.12);
transform: scale(1.12);}
.prj_list dl.pj_dlry dd{ width:296px; white-space:nowrap; overflow:hidden; text-overflow:ellispsis; display:block; height:32px; line-height:32px; text-align:center; font-size:18px;}

.neir{ padding:10px; text-align:left; font-family:"微软雅黑";line-height:2}
.neir h1{  text-align:center; font-size:20px; color:#333;font-family:"微软雅黑";}


.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:2;}

.con_titb{text-align:center; padding:1%}
.list_li{line-height:2}


.news_con{  font-size:14px;}
.news_con{ padding-top:22px;}
.news_con dl.nones{ padding-right:0px;}

.inf_lc{ clear:both;padding:5px 0 0;}
.inf_lc li{padding:7px 20px 0 0;height:110px; overflow:hidden;margin:0 0 30px; background:#f6f6f6;}
.inf_lc li.newsbg { background:#f9fbfd;}
.inf_lc li h4{ padding:20px 5px 0 0;text-align:center; float:left;width:64px; overflow:hidden;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Arial; text-transform:uppercase;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Arial; text-transform:uppercase; color:#343434;}
.inf_lc li p{padding:0 0 0 14px; line-height:26px;width:505px; overflow:hidden;font-size:14px; float:left; color:#666; }
.inf_lc li p b{ display:block; font-weight:100; color:#000000;}
.inf_lc li p b a,.inf_lc li p b a:hover{ color:#343434; font-weight:bold;}
.inf_lc li p b a:hover{ color:#d9261c;}
.inf_lc li .fr{margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#999; }
.inf_lc li .fr:hover{ background:#00b2ff; color:#fff; text-decoration:none;}

.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
  background: #4d5158;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  background: url(../images/fs_06s.gif) left no-repeat;
  box-shadow: inset 0 -1px #dddddd;
  color: #333;
  font-size: 1.6rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: url(../images/fs_033s.gif) left no-repeat;
  box-shadow: inset 0 -1px #dddddd;
  padding-left: 10px;
  color:#fff
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
 
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}

  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 10px 0 10px 25px;
    font-size:16px;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 30px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 30px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }

.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.neir iframe{ width:100%; height:500px}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:96%; margin:0 auto;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.hj{overflow:hidden; clear:both; height:5px;}
.hj2{overflow:hidden; clear:both; height:10px;}
.hj3{overflow:hidden; clear:both; height:15px;}
.pp1{ padding:5px 0;}
.pp2{ padding:10px 0;}
.qt{ position:relative; width:100%; padding-bottom:46%; height:0; overflow:hidden;}

.nr1_p1 li{ width:48%; padding:1%;}
.nr1_p12 img{ height:26px; vertical-align:top;}
#zSlider {margin:2% auto;overflow:hidden; border:2px solid #00b2ff;}
#select_btn { display:inline; background:#eee;}
#select_btn li { padding:0 4%; line-height:40px; cursor: pointer; transition: all .7s ease 0s; }
.nr1_p23 li{ float:left; width:48%; padding:1%; text-align:center;}
.nr1_p41 li{ float:left; width:50%; text-align:center; padding:1% 0; background:#f7f7f7;}

.nr1_p422{ padding:3%;}
.nr1_p52{ padding:3%;}

.nyleft{ width:98%;padding:0 1%; }
.nyright{ width:98%;padding:0 1%; }
.leib2,.leib{ width:98%;padding:0 1%; margin-bottom:20px;}
.leib2 .nr h3{  height:38px; line-height:38px; font-weight:bold; text-indent:0px; font-family:"Microsoft Yahei";text-align:left; float:left; width:50%; }
.leib2 .nr h3 a{color:#333; font-size:14px; font-weight:normal; background:url(../images/fs_06s.gif) 0px center no-repeat; display:block;padding-left:15px;}
.prj_list dl.pj_dl{ width:48%; float:left; margin-top:12px; padding-right:1%; float:left}
.prj_list dl.pj_dl dt{ width:100%; height:160px; overflow:hidden;}
.prj_list dl.pj_dl dt img{ width:100%; height:150px; padding:4px; border:1px solid #f1f1f1;transition:1s;
-moz-transition:1s;
-webkit-transition:1s;}
.prj_list dl.pj_dl dt img:hover{-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
-m-transform: scale(1.12);
transform: scale(1.12);}
.prj_list dl.pj_dl dd{ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellispsis; display:block; height:28px; line-height:28px; text-align:center; font-size:14px;}


.prj_list dl.pj_dlry{ width:48%; float:left; margin-top:12px; padding-right:1%; float:left}
.prj_list dl.pj_dlry dt{ width:100%; height:260px; overflow:hidden;}
.prj_list dl.pj_dlry dt img{ width:100%; height:250px; padding:4px; border:1px solid #f1f1f1;transition:1s;
-moz-transition:1s;
-webkit-transition:1s;}
.prj_list dl.pj_dlry dt img:hover{-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-o-transform: scale(1.12);
-m-transform: scale(1.12);
transform: scale(1.12);}
.prj_list dl.pj_dlry dd{ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellispsis; display:block; height:28px; line-height:28px; text-align:center; font-size:14px;}

.inf_lc li p{padding:0 0 0 14px; line-height:26px;width:98%; overflow:hidden;font-size:14px; float:left; color:#666; }

.neir iframe{ width:100%; height:300px}
}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp1{ padding:10px 0;}
.pp2{ padding:20px 0;}
.qt{ position:relative; width:100%; padding-bottom:30%; height:0; overflow:hidden;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

#zSlider {margin:2% auto;overflow:hidden; border:2px solid #00b2ff;}
#picshow{width:830px; border:2px solid #00b2ff; overflow:hidden;float:right;}
#select_btn { width:calc(100% - 838px); border:2px solid #00b2ff; float:left; display:inline; background:#eee;}
#select_btn li { padding:0 4%; line-height:70px; cursor: pointer; transition: all .7s ease 0s; }

.nr1_p31{ float:left; width:calc(100% - 700px); text-align:left;}
.nr1_p32{ float:right; width:700px;}
.nr1_p422{ float:left; width:15%; padding:3%;}
.nr1_p423{ float:right; width:79%;}
.nr1_p51{ float:left; width:50%;}
.nr1_p52{ float:right; width:44%; padding:3%;}
.foot_p1{ float:left; width:70%;}
.foot_p2{ float:left; padding-left:12px;}




}
@media screen and (min-width:320px){
.tt1{font-size:12px;}
.tt2{font-size:13px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:19px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;}
.tt2{font-size:13px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 480px){
.tt1{font-size:12px;}
.tt2{font-size:13px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;}
.tt2{font-size:14px;}
.tt3{font-size:16px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:20px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:28px;}
.tt10{font-size:30px;}
.tt11{font-size:30px;}
.tt12{font-size:48px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mhj{ height:5px;}
.mhj2{overflow:hidden; clear:both; height:10px;}
  }
@media (min-width:769px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:24px;}
.tt8{font-size:24px;}
.tt9{font-size:32px;}
.tt10{font-size:36px;}
.tt11{font-size:40px;}
.tt12{font-size:60px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.pc{ display:block;}
.app{ display:none;}
.mhj{ height:10px;}
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}

.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}
.pc{ display:block;}
.app{ display:none;}
}

@media (min-width:1360px) {	}

@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}

@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}