@charset "utf-8";
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd{ margin:0; padding:0;  }
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:1200px; }
img { border:0; vertical-align: middle; max-width:100%;}
ul,ol,li { list-style:none; }
a {text-decoration: none;color: #333;}
a:hover {color: #e62129;}
.clear{ clear: both; }
em{ font-style:normal;}
a{ text-decoration:none; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
table tr td:first-child{
   width:70px; text-align:center;
}



@media screen and (min-width: 1200px){
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:1200px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;}
.top{ width:1200px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left}
.top .tel{ width:18%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800;}
.content{ width:1200px; margin:0 auto;}
.logo{ width:30%; float:left;}
.nav{ width:70%; float:right;}
.nav ul li { float: left; height: 68px; line-height: 68px; font-size: 15px; position: relative; width:16.3%; margin-right:0.2%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:68px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 71px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.mobiledh{ display:none;}


.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-74px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}
#banner{ display:none;}





#banner { margin-bottom:6px; display:none;}





.ind_ser, .ind_team, .ind_case{ width:1200px; margin:20px auto;}
.tit{ width:1200px; margin:0 auto;}
.tit .zw{ font-size:26px; text-align:center; font-weight:normal; padding-bottom:5px;}
.tit .yw{ font-size:16x; text-align:center; color:#666;}

.indser { margin-top:30px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left; margin-right:13px;width:21.5%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:21.5%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:18px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:35px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:1200px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:26px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:16x; text-align:center;}
.indabcon .abconleft{ width:45%; float:left; line-height:26px; color:#fff;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:25px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:25px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:40%; float:right; padding-bottom:30px;}



.ind_team ul li{ width:23%; float:left; margin-right:1%; margin-left:1%;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:1200px; margin:0 auto; padding:30px 0px;}
.ind_news ul{ margin-top:40px; width:100%;}
.ind_news ul li{ width:48%; margin-right:1%; float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ float:left; width:34%;}
.ind_news ul li .newsright{float:right; width:63%; padding-top:18px;}
.newsright h1{ font-size:16px; font-weight:600;}
.newsms{ line-height:22px; padding-top:5px; color:#666; padding-top:10px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin:25px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:25px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg.jpg) center center no-repeat; height:400px; background-size:cover;}

.ind_case ul{ margin-top:30px;}
.ind_case ul li{ width:19%; margin-right:1%; float:left;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}



.bottom{ width:100%; margin:20px auto 0px; background:#333;}
.copyright{ width:1200px; margin:0 auto; padding:40px 0px;}
.copyleft{ width:70%; float:left;}
.copyleft dl{ width:16%; float:left; }
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:16px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:15.3%; float:right; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}



.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:300px; background-size:cover; }
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:300px; background-size:cover; }
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:300px; background-size:cover; }
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:300px; background-size:cover;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:300px; background-size:cover; }
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:300px; background-size:cover;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:300px; background-size:cover;}

.nydhbj{border-bottom:1px #ccc solid;line-height:50px;}
.nydh{ width:1200px; margin:0 auto; line-height:50px;}
.nydh ul li{ width:12%; float:left; text-align:center; margin-right:5px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:1200px; margin:20px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px;  margin-bottom:30px;}
.nytit h1{ font-weight:normal; font-size:24px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:18px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto;min-height: 300px;}
.abcon p{ line-height:26px;}



.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:19%; margin-right:1%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:24px; text-align:center; font-weight:600;}
.nycase .view-pic, .nyteam .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}




.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 16.5%; float: left; }
.news-lists dl dd { width: 79%; float: right; }
.news-lists dl dd .con { width: 82%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 20px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 60px; line-height: 70px; color:#ff4900; }
.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}



.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:45%; float:left; color:#666; margin-top:10px;}



.book{ width:46%; float:left;}
.abcon .form{ float:right; width:46%;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:70%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:30%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:18%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:24%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:80%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .btn1{ width:150px; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6;}
.abcon .form .btn1:hover{ text-decoration:underline;}


.nyteam{ margin-bottom:10px;}
.nyteam li{ width:23%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}
 


}


@media screen and (min-width: 980px) and (max-width:1199px){
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:940px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;}
.top{ width:940px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left}
.top .tel{ width:18%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800;}
.content{ width:940px; margin:0 auto;}
.logo{ width:25%; float:left; padding-top:5px; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 53px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

.mobiledh{ display:block; width:940px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left; width:28%;  }
#logo .WebLogo img{ display:block; padding:5px 0px 0px; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:18%; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	



.index_banner{position:relative; margin-top:2px;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-74px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:30px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}
#banner{ display:none;}

.ind_ser, .ind_team, .ind_case{ width:940px; margin:20px auto;}
.tit{ width:940px; margin:0 auto;}
.tit .zw{ font-size:26px; text-align:center; font-weight:normal; padding-bottom:5px;}
.tit .yw{ font-size:16x; text-align:center; color:#666;}

.indser { margin-top:30px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left; margin-right:13px;width:21.4%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:21.4%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:18px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:35px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}

.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}


.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:940px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:26px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:16px; text-align:center;}
.indabcon .abconleft{ width:45%; float:left; line-height:26px; color:#fff;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:25px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:25px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:40%; float:right; padding-bottom:30px;}



.ind_team ul li{ width:23%; float:left; margin-right:1%; margin-left:1%;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:940px; margin:0 auto; padding:30px 0px;}
.ind_news ul{ margin-top:40px; width:100%;}
.ind_news ul li{ width:48%; margin-right:1%; float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ float:left; width:34%;}
.ind_news ul li .newsright{float:right; width:63%; }
.newsright h1{ font-size:16px; font-weight:600;}
.newsms{ line-height:22px; padding-top:5px; color:#666; height:65px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg.jpg) center center no-repeat; height:350px; background-size:cover;}


.ind_case ul{ margin-top:20px;}
.ind_case ul li{ width:19%; margin-right:1%; float:left;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}
.nycase .view-title, .news-lists .view-title{ font-size:24px; text-align:center; font-weight:600;}
.nycase .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p{ line-height:26px;}



.bottom{ width:100%; margin:20px auto 0px; background:#333;}
.copyright{ width:940px; margin:0 auto; padding:40px 0px;}
.copyleft{ width:84%; float:left;}
.copyleft dl{ width:16.5%; float:left; }
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:16px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:15.3%; float:right; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}	
	


.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:260px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:50px;}
.nydh{ width:940px; margin:0 auto; line-height:50px;}
.nydh ul li{ width:15%; float:left; text-align:center; margin-right:5px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:940px; margin:20px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px;  margin-bottom:30px;}
.nytit h1{ font-weight:normal; font-size:24px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:18px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto;min-height: 300px;}
.abcon p{ line-height:26px;}
	
	
.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:24%; margin-right:1%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:24px; text-align:center; font-weight:600;}
.nycase .view-pic, .nyteam .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}




.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 16.5%; float: left; }
.news-lists dl dd { width: 79%; float: right; }
.news-lists dl dd .con { width: 82%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 20px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 60px; line-height: 70px; color:#ff4900; }
	
	


.nycont{ width:100%; margin:20px auto; }
.nycont li{ width:45%; float:left; color:#666; margin-top:10px;}	



.book{ width:46%; float:left;}
.abcon .form{ float:right; width:46%;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:70%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:30%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:18%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:22%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:80%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .btn1{ width:150px; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}


.nyteam{ margin-bottom:10px;}
.nyteam li{ width:23%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}

	
	
	}

@media screen and (min-width: 768px) and (max-width:979px){
	
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:750px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;}
.top{ width:750px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left}
.top .tel{ width:25%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800;}
.content{ width:750px; margin:0 auto;}
.logo{ width:25%; float:left; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 63px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}

.mobiledh{ display:block; width:750px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left; width:28%;  }
#logo .WebLogo img{ display:block; padding:5px 0px 0px; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:18%; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	


.index_banner{position:relative; margin-top:3px;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-74px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:30px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}
#banner{ display:none;}

.ind_ser, .ind_team, .ind_case{ width:750px; margin:20px auto;}
.tit{ width:750px; margin:0 auto;}
.tit .zw{ font-size:20px; text-align:center; font-weight:normal; padding-bottom:5px;}
.tit .yw{ font-size:14x; text-align:center; color:#666;}

.indser { margin-top:30px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left; margin-right:13px;width:45.6%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:45.6%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:18px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:35px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:750px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:20px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:14px; text-align:center;}
.indabcon .abconleft{ width:55%; float:left; line-height:26px; color:#fff;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:40%; float:right; padding-bottom:30px;}
.indabcon{ padding-bottom:15px;}



.ind_team ul li{ width:48%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:750x; margin:0 auto; padding:30px 0px;}
.ind_news ul{ margin-top:40px; width:100%;}
.ind_news ul li{ width:48%; margin-right:1%; float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ float:left; width:34%;}
.ind_news ul li .newsright{float:right; width:63%; }
.newsright h1{ font-size:14px; font-weight:600;}
.newsms{ line-height:20px; padding-top:5px; color:#666; padding-top:5px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg.jpg) center center no-repeat; height:280px; background-size:cover;}


.ind_case ul{ margin-top:15px;}
.ind_case ul li{ width:32.3%; margin-right:1%; float:left; margin-bottom:10px;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}




.bottom{ width:100%; margin:20px auto 0px; background:#333;}
.copyright{ width:750px; margin:0 auto; padding:40px 0px;}
.copyleft{ width:100%; float:left;}
.copyleft dl{ width:15%; float:left; margin-right:1%;}
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:16px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; display:none;}
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:23%; margin:20px auto;text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}	
	
	


.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:230px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:50px; }
.nydh{ width:750px; margin:0 auto; line-height:50px;}
.nydh ul li{ width:24%; float:left; text-align:center; margin-right:5px; margin-bottom:10px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:750px; margin:0px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px;  margin-bottom:10px;}
.nytit h1{ font-weight:normal; font-size:24px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:18px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto; padding-bottom:15px;}
.abcon p{ line-height:26px;}	
	


.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:24%; margin-right:1%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:20px; text-align:center; font-weight:400; margin-top:10px;}
.nycase .view-pic, .nyteam .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}
	


.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 16.5%; float: left; }
.news-lists dl dd { width: 79%; float: right; }
.news-lists dl dd .con { width: 82%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 18px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 50px; line-height: 70px; color:#ff4900; }	
	


.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:45%; float:left; color:#666; margin-top:10px;}	



.book{ width:75%; margin:0 auto;}
.abcon .form{ width:75%; margin:20px auto;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:70%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:30%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:18%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:22%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:80%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .btn1{ width:150px; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}


.nyteam{ margin-bottom:10px;}
.nyteam li{ width:23%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}

	
	
	}

@media screen and (min-width: 640px) and (max-width:767px){
	
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:600px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;display:none;}
.top{ width:600px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left; display:none}
.top .tel{ width:25%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800; }
.content{ width:600px; margin:0 auto;}
.logo{ width:25%; float:left; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 63px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }



.mobiledh{ display:block; width:600px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left; width:30%; }
#logo .WebLogo img{ display:block; padding:5px 0px 0px; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:16%; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	


.index_banner{position:relative; margin-top:3px;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:2px;left:50%;z-index:999;display:block;margin-left:-43px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:20px;height:5px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}
#banner{ display:none;}
.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}

.ind_ser, .ind_team, .ind_case{ width:600px; margin:20px auto;}
.tit{ width:600px; margin:0 auto;}
.tit .zw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:1px;}
.tit .yw{ font-size:13px; text-align:center; color:#666;}

.indser { margin-top:30px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left; margin-right:13px;width:45.5%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:45.5%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:16px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:20px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:600px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:13px; text-align:center;}
.indabcon .abconleft{ width:100%; float:left; line-height:26px; color:#fff; margin-bottom:20px;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:60%; margin:0px auto; padding-bottom:30px;}
.indabcon{ padding-bottom:15px;}



.ind_team ul li{ width:48%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:600px; margin:0 auto; padding:30px 0px;}
.ind_news ul{ margin-top:40px; width:100%;}
.ind_news ul li{ width:100%;  float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ float:left; width:34%;}
.ind_news ul li .newsright{float:right; width:63%; }
.newsright h1{ font-size:14px; font-weight:600; padding-bottom:5px;}
.newsms{ line-height:24px; padding-top:5px; color:#666; padding-bottom:5px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg.jpg) center center no-repeat; height:230px; background-size:cover;}


.ind_case ul{ margin-top:15px;}
.ind_case ul li{ width:32.3%; margin-right:1%; float:left; margin-bottom:10px;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}




.bottom{ width:100%; margin:20px auto 0px; background:#333;}
.copyright{ width:600px; margin:0 auto; padding:40px 0px;}
.copyleft{ width:100%; float:left;}
.copyleft dl{ width:15%; float:left; margin-right:1%;}
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:16px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; display:none; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:25%; margin:20px auto; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}		
	


.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:200px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:50px;}
.nydh{ width:600px; margin:0 auto; line-height:50px;}
.nydh ul li{ width:32%; float:left; text-align:center; margin-right:5px; margin-bottom:10px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:600px; margin:0px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px;  margin-bottom:10px;}
.nytit h1{ font-weight:normal; font-size:24px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:18px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto; padding-bottom:15px;}
.abcon p{ line-height:26px;}	
	
	
.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:32.3%; margin-right:1%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}	
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:20px; text-align:center; font-weight:400; margin-top:10px;}
.nycase .view-pic, .nyteam .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}



.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 26%; float: left; }
.news-lists dl dd { width: 73%; float: right; }
.news-lists dl dd .con { width: 82%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 18px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 50px; line-height: 70px; color:#ff4900; }	



.abcon iframe{ height:250px !important;}
.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:100%; float:left; color:#666; margin-top:10px;}


.book{ width:80%; margin:0 auto;}
.abcon .form{ width:80%; margin:20px auto;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:85%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:30%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:20%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:9%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:90%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .btn1{ width:150px; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}	


.nyteam{ margin-bottom:10px;}
.nyteam li{ width:43%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}
	
	
	
	
	}

@media screen and (min-width: 480px) and (max-width:639px){
		
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:470px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;display:none;}
.top{ width:470px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left; display:none}
.top .tel{ width:25%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800; }
.content{ width:470px; margin:0 auto;}
.logo{ width:25%; float:left; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 63px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }


.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}
.mobiledh{ display:block; width:470px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left;  }
#logo .WebLogo img{ display:block; padding:5px 0px 0px; width:40%; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:9%; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	


.index_banner{position:relative; margin-top:0px; display:none;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-58px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:30px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}


/*===FlexSlider幻灯片开始===*/
#banner { margin-bottom:6px;}
.flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-control-nav{ width: 100%;position:absolute; bottom:5px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li{ margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:20px; height:3px; display:block; background:#f5f5f5; cursor pointer; text-indent: -9999px;}
.flex-control-paging li a.flex-active { background:#d9241b; cursor:default; }
/*===FlexSlider幻灯片  结束===*/

.ind_ser, .ind_team, .ind_case{ width:470px; margin:20px auto;}
.tit{ width:470px; margin:0 auto;}
.tit .zw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:1px;}
.tit .yw{ font-size:13px; text-align:center; color:#666;}

.indser { margin-top:30px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left; margin-right:13px;width:95%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:95%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:16px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:20px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:470px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:13px; text-align:center;}
.indabcon .abconleft{ width:100%; float:left; line-height:26px; color:#fff; margin-bottom:20px;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:60%; margin:0px auto; padding-bottom:30px;}
.indabcon{ padding-bottom:15px;}



.ind_team ul li{ width:48%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:470px; margin:0 auto; padding:10px 0px;}
.ind_news ul{ margin-top:20px; width:100%;}
.ind_news ul li{ width:100%;  float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ float:left; width:34%;}
.ind_news ul li .newsright{float:right; width:63%; }
.newsright h1{ font-size:14px; font-weight:600; padding-bottom:5px;}
.newsms{ line-height:24px; padding-top:5px; color:#666; padding-bottom:5px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg.jpg) center center no-repeat; height:180px; background-size:cover;}


.ind_case ul{ margin-top:15px;}
.ind_case ul li{ width:32.3%; margin-right:1%; float:left; margin-bottom:10px;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}




.bottom{ width:100%; margin:20px auto 0px; background:#333;}
.copyright{ width:470px; margin:0 auto; padding:15px 0px;}
.copyleft{ width:100%; float:left;}
.copyleft dl{ width:15%; float:left; margin-right:1%;}
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:14px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd{ display:none;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:30%; margin:0 auto; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}		
		
	


.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:180px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:40px; }
.nydh{ width:470px; margin:0 auto; line-height:40px;}
.nydh ul li{ width:32%; float:left; text-align:center; margin-right:5px; margin-bottom:10px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:470px; margin:0px auto;min-height: 300px;}
.nytit{ height:40px; line-height:40px;  margin-bottom:10px;}
.nytit h1{ font-weight:normal; font-size:16px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:14px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto; padding-bottom:15px;}
.abcon p{ line-height:26px;}	


	
.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:48%; margin-right:2%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}	
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:18px; text-align:center; font-weight:400; margin-top:10px;}
.nycase .view-pic, .nyteam .view-pic{ width:50%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}



.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 50%; margin:0 auto; }
.news-lists dl dd { width: 100%; margin:0 auto;}
.news-lists dl dd .con { width: 82%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 30px; line-height: 40px; color:#ff4900; }


.abcon iframe{ height:200px !important;}
.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:100%; float:left; color:#666; margin-top:10px;}


.book{ width:100%; margin:0 auto;}
.abcon .form{ width:100%; margin:20px auto;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:85%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:25%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:20%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:7%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:90%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .tjan{ margin:0 auto;}
.abcon .form .btn1{ width:30%; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}



.nyteam{ margin-bottom:10px;}
.nyteam li{ width:43%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}
	
		
	
	
	
	}

@media screen and (min-width: 320px) and (max-width:479px){
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:310px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;display:none;}
.top{ width:310px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left; display:none}
.top .tel{ width:25%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800; }
.content{ width:310px; margin:0 auto;}
.logo{ width:25%; float:left; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 63px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }


.news-lists .view-time{ text-align:center; color:#666; font-size:13px; padding:10px 0px; border-bottom:1px #ccc dashed; margin-bottom:20px;}
.mobiledh{ display:block; width:310px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left;  }
#logo .WebLogo img{ display:block; padding:10px 0px 10px; width:40%; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:2px; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	


.index_banner{position:relative; margin-top:0px; display:none;}
.index_banner .dt{ display:none;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:2px;left:50%;z-index:999;display:block;margin-left:-58px;width:288px;height:5px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:3px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}



/*===FlexSlider幻灯片开始===*/
#banner { margin-bottom:6px;}
.flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-control-nav{ width: 100%;position:absolute; bottom:5px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li{ margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:20px; height:3px; display:block; background:#f5f5f5; cursor pointer; text-indent: -9999px;}
.flex-control-paging li a.flex-active { background:#d9241b; cursor:default; }
/*===FlexSlider幻灯片  结束===*/



.ind_ser, .ind_team, .ind_case{ width:310px; margin:20px auto;}
.tit{ width:310px; margin:0 auto;}
.tit .zw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:1px;}
.tit .yw{ font-size:13px; text-align:center; color:#666;}

.indser { margin-top:15px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left;width:93%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:93%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:16px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:20px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:310px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:13px; text-align:center;}
.indabcon .abconleft{ width:100%; float:left; line-height:26px; color:#fff; margin-bottom:20px;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:80%; margin:0px auto; padding-bottom:30px;}
.indabcon{ padding-bottom:15px;}



.ind_team ul li{ width:98%; float:left; margin-bottom:10px;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:310px; margin:0 auto; padding:10px 0px;}
.ind_news ul{ margin-top:20px; width:100%;}
.ind_news ul li{ width:100%;  float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ width:62%; margin:0 auto; text-align:center;}
.ind_news ul li .newsright{ width:100%; margin-top:6px; }
.newsright h1{ font-size:14px; font-weight:600; padding-bottom:5px;}
.newsms{ line-height:24px; padding-top:5px; color:#666; padding-bottom:5px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg1.jpg) center center no-repeat; height:150px; background-size:cover;}


.ind_case ul{ margin-top:15px;}
.ind_case ul li{ width:49%; margin-right:1%; float:left; margin-bottom:10px;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}



.bottom{ width:100%; margin:20px auto 0px; background:#333; display:none;}
.copyright{ width:310px; margin:0 auto; padding:15px 0px;}
.copyleft{ width:100%; float:left;}
.copyleft dl{ width:15%; float:left; margin-right:1%;}
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:14px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd{ display:none;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:30%; margin:0 auto; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}		
	
	

.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:120px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:40px;}
.nydh{ width:310px; margin:0 auto; line-height:40px;}
.nydh ul li{ width:48%; float:left; text-align:center; margin-right:5px; margin-bottom:10px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:310px; margin:0px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px; }
.nytit h1{ font-weight:normal; font-size:16px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:14px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto; padding-bottom:15px;}
.abcon p{ line-height:26px;}		
	
	

.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:48%; margin-right:2%; float:left; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}	
.nycase .view-title, .news-lists .view-title, .nyteam .view-title{ font-size:16px; text-align:center; font-weight:normal; margin-top:10px;}
.nycase .view-pic, .nyteam .view-pic{ width:70%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p, .nyteam p{ line-height:26px; color:#666}	



.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 70%; margin:0 auto; }
.news-lists dl dd { width: 100%; margin:0 auto;}
.news-lists dl dd .con { width: 100%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: right; text-align: center; line-height: 30px; display:none; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 30px; line-height: 40px; color:#ff4900; display:none; }



.abcon iframe{ height:200px !important;}
.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:100%; float:left; color:#666; margin-top:10px;}	


.book{ width:100%; margin:0 auto;}
.abcon .form{ width:100%; margin:20px auto;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:85%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:35%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:30%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:7%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:90%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .tjan{ margin:0 auto;}
.abcon .form .btn1{ width:40%; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}
	
	

.nyteam{ margin-bottom:10px;}
.nyteam li{ width:98%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}
		
	
	
	}

@media screen and (max-width:320px){
	
	
body {  background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; min-width:310px; }	
.top1{ width:100%; margin:0 auto; height:30px; line-height:30px; border-bottom:1px #eeeeee solid;display:none;}
.top{ width:310px; margin:0 auto; height:30px; line-height:30px;}
.top .wel{ width:50%; float:left; display:none}
.top .tel{ width:25%; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:20px; color:#ff4800; }
.content{ width:310px; margin:0 auto;}
.logo{ width:25%; float:left; display:none;}
.nav{ width:75%; float:right; display:none;}
.nav ul li { float: left; height: 50px; line-height: 50px; font-size: 15px; position: relative; width:13%; margin-right:1%}
.nav ul li a { display: block; }
.nav ul li a span{ display: block; line-height:50px; border-bottom: solid 3px #fff; text-align:center; }
.nav ul li:hover a span{ border-color: #ff4800; }
.nav ul li:hover a { color: #ff4800; }
.nav ul li.cur a span{ border-color: #ff4800; }
.nav ul li.cur a { color: #ff4800; }

.nav ul li .nav-down { display: none; width: 100%; background-color: #097ee5; position: absolute; left: 0px; top: 63px; z-index: 9999; font-size: 13px; }
.nav ul li .nav-down ul li { height: 38px; line-height: 38px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
.nav ul li:hover .nav-down { display: block; } 
.nav ul li .nav-down ul li:hover { background-color: #ff4800; color: #fff; }
.nav ul li:hover .nav-down ul li a { color: #fff; font-size:13px;}
.nav ul li:hover .nav-down ul li:hover a{  color: #fff; }
.nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }



.mobiledh{ display:block; width:310px; margin:0 auto;}
/*导航*/
.mobiledh{ display:block;}
#logo{ position:relative; }
#logo .WebLogo{ text-align:left;  }
#logo .WebLogo img{ display:block; padding:10px 0px 10px; width:40%; }
#menu{ width:50px; height:50px; position:absolute; right:10px; top:2px; background:url(../images/list.png) no-repeat center center; }
#navigation{ display:block; width:50%; height:100%; overflow-y:scroll; position:fixed; top:0; right:-50%; z-index:9999; background:#097ee5; box-shadow:0 0 15px rgba(0,0,0,.5); 
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation.navOpen{ right:0; }
#navigation .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .navigationlist.navlistOpen{ left:100%; }
#navigation .navigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .navigationlist li a{ color:#fff; }
#navigation .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center;  }
#navigation .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation .subnavigationlist{ width:100%; height:100%;  position:absolute; top:0; right:100%; background:#097ee5; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation .subnavigationlist.navOpen{ right:0; }
#navigation .subnavigationlist{  }
#navigation .subnavigationlist li{ line-height:40px; border-bottom:1px solid #fff; text-align:center; }
#navigation .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation .subnavigationlist li.closeSubnav a{ font-size:14px; color:#fff; padding-left:5px; }
#navigation .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#fff;  }	


.index_banner{position:relative; margin-top:0px; display:none;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:2px;left:50%;z-index:999;display:block;margin-left:-56px;width:288px;height:5px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:20px;height:5px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#d9241b;cursor:default;}


/*===FlexSlider幻灯片开始===*/
#banner { margin-bottom:6px;}
.flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-control-nav{ width: 100%;position:absolute; bottom:5px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li{ margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:20px; height:3px; display:block; background:#f5f5f5; cursor pointer; text-indent: -9999px;}
.flex-control-paging li a.flex-active { background:#d9241b; cursor:default; }
/*===FlexSlider幻灯片  结束===*/



.ind_ser, .ind_team, .ind_case{ width:310px; margin:20px auto;}
.tit{ width:310px; margin:0 auto;}
.tit .zw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:1px;}
.tit .yw{ font-size:13px; text-align:center; color:#666;}

.indser { margin-top:15px;}
.indser  ul { margin-right:-13px;}
.indser  ul li { float:left;width:93%; text-align:center; border:1px solid #e5e5e5; padding:0 1% 3%; cursor:pointer; margin-bottom:15px;}
.indser li:hover { width:93%; text-align:center; border:none; cursor:pointer ;padding:0 1% 3%;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.indser .w1_m:hover a{background:url(../images/zx2.png) no-repeat;  color:#fff}
.indser .w1_m .serimg{ padding-top:30px;}
.indser .w1_m span { display:block; font-size:16px; color:#333; font-weight:normal; margin-top:20px;}
.indser .w1_m p.wp { font-size:14px; color:#a0a0a0; margin-top:10px; margin-bottom:0px;}
.indser .w1_m .detail { display:inline-block; background:url(../images/zx1.png) no-repeat; width:94px; height:40px; font-size:14px; color:#999; line-height:38px; text-align:left; padding-left:20px; margin-top:20px; }
.indser .w1_m detail:hover {background:url(../images/zx2.png) no-repeat;  color:#fff}




.ind_ab{ width:100%; margin:0 auto; background:#097ee5;}
.indab, .indabcon{ width:310px; margin:0 auto;}
.indab .abtit{  text-align:center; color:#fff; padding:30px 0px 20px;}
.abtit .abzw{ font-size:16px; text-align:center; font-weight:normal; padding-bottom:5px;}
.abtit .abyw{ font-size:13px; text-align:center;}
.indabcon .abconleft{ width:100%; float:left; line-height:26px; color:#fff; margin-bottom:20px;}
.abconleft .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:5px 5px; margin-top:10px;}
.abconleft .more a{ color:#fff;}
.indabcon .abconright{ width:80%; margin:0px auto; padding-bottom:30px;}
.indabcon{ padding-bottom:15px;}



.ind_team ul li{ width:98%; float:left; margin-bottom:10px;}
.ind_team ul li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.ind_team ul li .namea{ text-align:center; padding:5px 0px;}
.ind_team ul li .name{ text-align:center; font-size:16px;}
.ind_team ul li .zc{ font-size:13px; padding-left:15px;}
.ind_team ul li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}


.ind_news{ background:#f0f0f0;}
.ind_news1{ width:310px; margin:0 auto; padding:10px 0px;}
.ind_news ul{ margin-top:20px; width:100%;}
.ind_news ul li{ width:100%;  float:left; margin-bottom:15px;}
.ind_news ul li .newsimg{ width:62%; margin:0 auto; text-align:center;}
.ind_news ul li .newsright{ width:100%; margin-top:6px; }
.newsright h1{ font-size:14px; font-weight:600; padding-bottom:5px;}
.newsms{ line-height:24px; padding-top:5px; color:#666; padding-bottom:5px;}
.newstime{ font-size:13px; color:#666;}
.ind_news .more{ width:100px; background:#ff4800; text-align:center; color:#fff;padding:10px 5px; margin:10px auto;}
.ind_news .more:hover{ width:100px; background:#eb6f3e; text-align:center; color:#fff;padding:10px 5px; margin-top:10px;}
.ind_news .more a{ color:#fff;}

.gg{ background:url(../images/gg1.jpg) center center no-repeat; height:150px; background-size:cover;}


.ind_case ul{ margin-top:15px;}
.ind_case ul li{ width:49%; margin-right:1%; float:left; margin-bottom:10px;}
.ind_case ul li .caseimg{ border:1px #ccc solid; text-align:center;}
.ind_case ul li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.ind_case ul li .caseimg img{ padding:5px 0px; text-align:center;}
.ind_case ul li p{ text-align:center; padding-top:10px;}




.bottom{ width:100%; margin:20px auto 0px; background:#333; display:none;}
.copyright{ width:310px; margin:0 auto; padding:15px 0px;}
.copyleft{ width:100%; float:left;}
.copyleft dl{ width:15%; float:left; margin-right:1%;}
.copyleft dl dt{padding-bottom:10px;}
.copyleft dl dt a{ font-size:14px; color:#fff;}
.copyleft dl dt a:hover{ color:#ff4800;}
.copyleft dl dd{ display:none;}
.copyleft dl dd a{ font-size:13px; color:#929292; line-height:26px; }
.copyleft dl dd a:hover{  color:#ff4800;}
.botright{ width:30%; margin:0 auto; text-align:center;}

.bottomdb{ background:#222222; width:100%; margin:0 auto; text-align:center; padding:5px 0px;}
.bottomdb p{ line-height:20px; color:#929292;}
.bottomdb p a{ color:#929292;}
.bottomdb p a:hover{color:#ff4800;}		
	
		
	
.abbanner{ background:url(../images/abbanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.serbanner{ background:url(../images/serbanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.casebanner{ background:url(../images/casebanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.xgzsbanner{ background:url(../images/xgzsbanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.newsbanner{ background:url(../images/newsbanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.conbanner{ background:url(../images/conbanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}
.teambanner{ background:url(../images/teambanner.jpg) center center no-repeat; height:100px; background-size:cover; margin-top:2px;}

.nydhbj{ border-bottom:1px #ccc solid;line-height:40px; }
.nydh{ width:310px; margin:0 auto; line-height:40px;}
.nydh ul li{ width:48%; float:left; text-align:center; margin-right:5px; margin-bottom:10px;}
.nydh ul li:hover{ background:#097ee5; color:#fff !important;}
.nydh ul li a:hover{ color:#fff;}
.nydh ul .on{background:#097ee5; color:#fff;}
.nydh ul .on a{ color:#fff;}

.nycon{ width:310px; margin:0px auto;min-height: 300px;}
.nytit{ height:50px; line-height:50px;}
.nytit h1{ font-weight:normal; font-size:16px; color:#333; float:left; padding-right:5px;}
.nytit h2{ font-weight:normal; font-size:14px; float:left; color:#666;}
.abcon{ width:100%; margin:0 auto; padding-bottom:15px;}
.abcon p{ line-height:26px; color:#666}	
	
	
.nycase{ width:100%; margin:0 auto;}
.nycase li{ width:96%; margin:0 auto; margin-bottom:10px;}
.nycase li .caseimg{ border:1px #ccc solid; text-align:center;}
.nycase li .caseimg:hover { text-align:center; border:none; cursor:pointer ;box-shadow: 0px 0px 10px #c0c0c0;-webkit-box-shadow:0 0px 10px #c0c0c0; -moz-box-shadow:0 0px 10px #c0c0c0;border:1px solid #e5e5e5}
.nycase li .caseimg img{ padding:5px 0px; text-align:center;}
.nycase li p{ text-align:center; padding-top:10px;}	
.nycase .view-title, .news-lists .view-title{ font-size:16px; text-align:center; font-weight:normal; margin-top:10px;}
.nycase .view-pic{ width:60%; text-align:center; margin:15px auto;}
.nycase p, .news-lists p{ line-height:26px; color:#666;}	
	
	
.news-lists { padding: 0 10px;}
.news-lists dl { padding: 10px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; margin:0px auto 15px; }
.news-lists dl dt { width: 70%; margin:0 auto; }
.news-lists dl dd { width: 100%; margin:0 auto;}
.news-lists dl dd .con { width: 100%; float: left; }
.news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.news-lists dl dd .con .nynewsms{ padding-top: 20px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box; color:#666 }
.news-lists dl dd .time { float: left; text-align: center; line-height: 30px; display:none; }
.news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 30px; line-height: 40px; color:#ff4900; display:none; }	


.abcon iframe{ height:200px !important;}
.nycont{ width:100%; margin:20px auto;}
.nycont li{ width:100%; float:left; color:#666; margin-top:10px;}
	

.book{ width:100%; margin:0 auto;}
.abcon .form{ width:100%; margin:20px auto;}
.abcon .form .toptitle{ font-size:14px; padding-bottom:30px;}
.abcon .form em{ line-height:40px; font-size:14px; font-weight:bold; float:left;}
.abcon .form .box{ padding-left:50px; position:relative;}
.abcon .form li{ margin-bottom:20px;}
.abcon .form .input1{ display:block; width:85%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid;}
.abcon .form .input{ display:block; width:35%; height:40px; line-height:40px; font-size:14px; text-indent:10px; color:#666; border:1px #d9d9d9 solid; float:left;}
.abcon .form .yzpic{ width:30%; float:left; padding-left:10px;}
.abcon .form span{ position:absolute; top:10px; right:7%; color:#ff0000; font-size:18px;}
.abcon .form textarea{ margin:0; padding:0; width:90%; height:100px; font-size:14px; text-indent:10px; color:#666; line-height:1.5; font-family:'微软雅黑'; border:1px #d9d9d9 solid;resize:none}
.abcon .form .tjan{ margin:0 auto;}
.abcon .form .btn1{ width:40%; height:45px; line-height:45px; display:block; border-radius:4px; font-size:14px; color:#fff; text-align:center; background-color:#0a74d6; margin:0 auto;}
.abcon .form .btn1:hover{ text-decoration:underline;}	


.nyteam{ margin-bottom:10px;}
.nyteam li{ width:98%; float:left; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.nyteam li .teamimg{ margin:0 auto; text-align: center; width:100%;}
.nyteam li .namea{ text-align:center; padding:5px 0px;}
.nyteam li .name{ text-align:center; font-size:16px;}
.nyteam li .zc{ font-size:13px; padding-left:15px;}
.nyteam li .grjs{ line-height:22px; font-size:13px; text-align:center; color:#666;}
	
	
	
	
	}