@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
html,body{ font:14px/1.8 'SourceHanSans-Regular'; color:#666; -webkit-text-size-adjust:none; margin:0;letter-spacing: 0.5px;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0; font-weight:normal; line-height:1.6;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto;}
input{-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;-webkit-appearance:none;outline: none; }
.clear{ clear:both;}
.container{max-width:100%;}
#guide-banner{    position: relative; height:500px;}
.m-fix{position:fixed; top:100px;}
b,i{display:block;}
/*头部*/
.header {position:relative; width: 100%;/* position: fixed; background:#fff; top: 0; left: 0;*/ z-index: 100; text-align: center;    transition: .5s ease-in-out;   top:0;     box-shadow: 0px 1px 5px rgba(0,0,0,.2);   }
.header .container{    position: relative;    padding: 0 10px 0 10px;}
.logo { float: left; margin-top:12px;  }
.header .logo .logo1{transition: .3s;   }
.header .logo .logo2 {display: none;transition: .3s;    margin-top: 17px;}
.h-top{width:100%; height:30px; background:#eee;    overflow: hidden}
.h-top ul li{float:left;margin-left: 4px;    color: #666;}
.h-top ul li img{    margin: 5px 4px 5px;}
.h-top ul li:nth-child(1) img{    opacity: .5;}
.h-to{float: right;}
.fixnav{background:#fff;position:fixed !important;left: 0;top: 0;transition: .3s;}
.lang{float:right;line-height: 100px;}
.fr{float:right;}
.fl{float:left;}
.search{ border-radius:10px; margin-right: 10px; margin-top:29px; cursor:pointer;}
.search img{margin:0 auto; display: block;}
.searchbox{    position: absolute;top: 106%; width:24%; right:0px; border-radius: 10px; display:none;z-index: 100; overflow: hidden;}
.searchbox input[name=searchword] { width: calc( 100% - 96px ); border: none; text-align: center; line-height: 46px; font-size: 15px; color: #666}
.searchbox input[type=submit] { width: 104px; height: 48px; line-height: 48px;background:#106eae;  font-size: 15px;color:#fff; border: none;border-left: 1px solid #eee;}
.in{visibility: visible;opacity: 1;}
.search:hover .searchbox{visibility: visible;opacity: 1;}
.searchbox .fr{position: absolute; right: 0;top: 0;}
.fd{      position: relative;  width: 75%; border: none; height: 48px;    text-indent: 20px;background: #fff;}
.ww{      cursor: pointer;  margin-top:37px; }
.w-x{  display:none; position: absolute; right: 0;top: 110px; width: 10%;background: #0081cc; padding: 20px; border-radius: 8px;}
.acct{height:127px;}
.m-search{width:90%; color:#666; margin:15px auto;    position: relative;}
.m-search .m-s1 input{    background: rgba(0,0,0,.05); color: #666; border-radius: 20px;  height: 32px;text-indent: 15px; width:100%;}
.m-search .m-s2{    position: absolute;     right: 15px; top: 9px;}
.wap-top{width:100%; background:#f2f2f2; line-height:40px;overflow:hidden;font-size:13px;}
.wap-top span{ display:block; float:left;}
.wp-t{ float:right;    margin-top: 14px;}
.wp-t li{ float:left;}
.wp-t li a{ border-right:1px solid #e8e8e8;    padding: 0 12px 0 12px;    border-right: 1px solid #acabab;display: block;
line-height: 12px;}
.wp-t li:nth-child(3) a{border-right:none;}
/*pc导航*/

.menu_box { float: right;    line-height:95px;    margin-right: 24px;}
.menu_box ul.menu>li {    position: relative; float: left; text-align: center;   padding: 0 22px; }
.menu_box ul.menu>li::after { }
.menu_box ul.menu>li:last-child::after { display: none; }
.bottom_border { position: absolute; width:; text-align: center; bottom: 0px; left: 0; display: none; }
.bottom_border>i { display: inline-block; height: 4px; width: 50px; background-color: #ff6d00; }
.menu_box ul.menu>li>a {  display: inline-block; font-size:16px;transition: .3s;}
.menu_box ul.menu>li.current>a { color: #fff; }
.menu_box ul.menu>li:hover .bottom_border { display: block; }
.menu_icon { position: absolute; top: 3px; right: 0; }
.menu_box ul li:hover a.yn{color:#ff6d00;}
/*pc下拉导航*/
/*pc下拉导航*/
.menu_2 { display: none; position: absolute; z-index: 10000; text-align: center; width: 100%; left: 0; top:95px; }
.menu_2 li {line-height: 20px;padding: 12px 5px;margin-top: 2px;background:#0056a4}
.menu_2 li a { color: #fff; display: block; }
.menu_2 li:hover a { color: #fff; }
/*banner*/
.t-nav{ width:26%;    z-index: 20; position:absolute; top:0; left:0; height:100%; background:rgba(0, 0,0, 0.7);}
.t-nav dl dt{font-size:16px; color:#fff;line-height: 5.1;}
.t-nav dl dd{float:left;    margin-right: 5%;}
.t-nav dl{width:100%; float:left;    padding-left:8%;}
.t-nav dl dd a{color:#fff;}
.t-nav dl dd a:hover{color:#0081cc;}
.shutter { background:#f6f6f6;overflow: hidden; width: 100%; height:556px; position: relative;    margin: 0 auto; }
.shutter-img { z-index: 1; }
.shutter-img, .shutter-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.shutter-img a { cursor: default; }
.shutter-img a > img { }
.shutter-img a .sbanner{width:100%; height:556px; overflow:hidden;background-repeat: no-repeat; }
.shutter-img .created { overflow: hidden; position: absolute; z-index: 20; }
.shutter-btn { }
.shutter-btn li { position: absolute; z-index: 2; top: 50%; width: 49px; height: 49px; margin-top: -25px; cursor: pointer; }
.shutter-btn li.prev { left:4%; background: url(//filecdn.ify.cn/skin/gjyyw1680/img/right.png) no-repeat;  }
.shutter-btn li.next { right: 4%; background: url(//filecdn.ify.cn/skin/gjyyw1680/img/left.png) no-repeat; }
.shutter-desc { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 36px; background: url(//filecdn.ify.cn/skin/gjyyw1680/img/shutter_shadow.png) repeat;     display: none;}
.shutter-desc p { padding-left: 20px; line-height: 36px; color: #fff; font-size: 14px; }
.p-tit h4{font-size:25px; color:#666;    margin: 40px 0 25px 0;}
					.Box {position: relative;    overflow: hidden; }
			.Box .content {}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative;}
		
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;overflow: hidden;}
		
			.Box .Box_con .conbox ul li img {display: block;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {text-align: center;    position: absolute; bottom: 7%; right: 6%;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 46px;height: 1px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: #0056a4;}
.new-c{margin-top:4%;    width: 28%;     padding: 35px 35px 0 35px;}
.new-c .new-r li{border-bottom: 1px solid #e8e8e8; padding-bottom: 13px;margin-top: 16px;}
.new-c .new-r li h4{ font-size:16px; color:#0056a4;    margin-bottom: 8px;}
.new-c .new-r li p{ font-size:14px color:#999;}

.xs{margin-top:40px;padding-bottom: 40px;background:#f3f3f3;}
.xs .xs-l .jr-r{    margin-top: 20px;  }
.xs .xs-l .jr-l{ font-size:30px; color:#0056a4;}
.xs .xs-l .jr-r h4{color:#fff;}
.xs .xs-l .jr-r a{display:block;    text-align: right;	line-height: 40px;color: #0056a4;border-bottom: 1px solid #0056a4;position: relative;z-index: 2;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.xs .xs-l .jr-r span{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #0056a4;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.xs .xs-l .jr-r:hover a { color: #fff; padding-right:15px;}
.xs .xs-l .jr-r:hover span { width: 100%;}
.xs .xs-t1{ position:relative;    float: left;  width: 64%; }
.xs .xs-l{     width: 65%;  }
.xs .xs-tt{    width: 36%; float: left; padding: 0 0 0 30px;}
.xs .xs-tt h4{ font-size:20px; color:#0056a4; margin-bottom:15px;}
.xs .xs-l .xs-t{position: absolute; width: 100%; height: 100%; top: 0;left: 0;text-align: center; display: flex;  align-items: center;
 justify-content: center; background-color: rgba(0, 0,0, 0.7);    opacity: 0; visibility: hidden;transition: .5s ease; transform: scale(0.8);}
.xs .xs-l .xs-t a{ color:#fff;}
.xs .xs-l .xs-t span{    width: 120px; height: 36px; border: 1px solid #fff;display: block; line-height: 36px; margin-top: 24px;}
.xs .xs-l .xs-t span:hover{ border:1px solid #0081cc; background:#0056a4;}
.xs .xs-l .xs-t h4{font-size: 25px;}
.xs .xs-l:hover .xs-t {opacity: 1; transform: scale(1); visibility: visible;}
.xs-r{ float:right;   width: 35%;}
.xs-r li{    margin: 0 5px 10px 5px ;   float: left;   width: 47%; padding: 52px 16px 52px 16px;}
.xs-r li:nth-child(1){ background:#9baec8; }
.xs-r li:nth-child(2){ background:#8ec0e4; }
.xs-r li:nth-child(3){ background:#2b90d9; }
.xs-r li:nth-child(4){ background:#c4d0d7; }
.xs-r li .g-t{ }
.xs-r li .g-t img{-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;    float: left;    width: 22%;    margin-top: 8px;}
.xs-r li:hover .g-t img{cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.xs-r li a{color:#fff;}
.xs-r li h4{   float: left;    margin-left: 11px;}
.xs-r li h4 p{ font-size:20px; }
.xs-r li span{font-size:14px; color:#fff;}
.new-l ul li .cui{width:100%; padding-bottom:38%}
.new-l ul  li h4{font-size:16px;    margin: 30px 0 45px 0; position: relative;}
.new-l ul  li b{width: 100%;height: 1px;background: #b5b5b5;position: absolute;bottom: -21px;left: 0;opacity:0.4;
-moz-opacity:0.4;-khtml-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);}
.new-l ul li i{width: 0%;height: 1px;background: #1b1b1b;position: absolute;bottom: -21px;left: 0;
-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;-o-transition: all cubic-bezier(.23,1,.32,1) .6s;transition: all cubic-bezier(.23,1,.32,1) .6s;}
.new-l ul  li:hover h4 i{width: 20%;}
.new-l ul li{-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.h-img{overflow:hidden; background:#000;    padding: 0;}
.h-img:hover img{    opacity: .8;}
.new-l ul li p{    color: #929191;}
.aui-nav-content-box {}
.aui-nav-content-box h3{color:#818080; font-size:26px; margin:80px 0px 12px 0px;  text-align:center;}
.aui-nav-content-box span{font-size:14px; color:#999; text-align:center;     margin-bottom: 50px;display:block;}
.aui-nav-list-box {     margin: 40px 0 25px 0;overflow: hidden; zoom: 1;border-bottom: none;z-index: 110;background: #fff; display: block;}
.aui-nav-list-box ul li a {color: #666;}
.aui-nav-list-item li:hover h4{color:#0056a4; padding-left:25px;     transition: .3s;}
.aui-nav-list-tab{ float:left; border:1px solid #e8e8e8;   padding: 0 20px 18px 20px; width:100%; }
.aui-nav-list-box ul li {    margin-right: 20px; color: #666;  cursor: pointer;    text-align: center; font-size: 25px;        float: right; }
.aui-nav-list-box ul li:nth-child(1){display:none;}
.aui-nav-list-box ul .aui-current {color: #0056a4;}
.aui-nav-list-box ul .aui-current a { color: #0056a4;}
.aui-nav-list-item {display: none; }
.aui-banner-right {width: 430px; height: 282px;background: #ddd;float: right;}
.aui-banner-right-ovr {width: 430px;height: 282px; background: #ddd;float: right;}
.aui-nav-list-item li{-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.aui-nav-list-item li h4{padding-left: 18px;background:url(img/yuan.png) no-repeat left;font-size:16px;   margin-top: 13px;color:#999999; transition: .3s;}
.aut-nav {float:right;    width: 30%;}
.aui-nav-list-item li h4 span{    position: absolute; right: 0; top: 0; }
.aui-nav-list-item li p{color:#929191;}
.aui-nav-list-item li b{width: 100%;height: 1px;background: #b5b5b5;position: absolute;bottom: -21px;left: 0;opacity:0.4;
-moz-opacity:0.4;-khtml-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);}
.aui-nav-list-item li i{width: 0%;height: 1px;background: #1b1b1b;position: absolute;bottom: -21px;left: 0;
-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;-o-transition: all cubic-bezier(.23,1,.32,1) .6s;transition: all cubic-bezier(.23,1,.32,1) .6s;}
.aui-nav-list-item li:hover h4 i{width: 20%;}
.r-new li{    width: 30.8%;float: left; margin: 30px 15px 0 15px;transition: .3s;    overflow: hidden;}
.r-new li:hover .rt{background:#0056a4;transition: .3s;}
.r-new li:hover .rt h3{color:#fff;transition: .3s;}
.r-new li:hover .rt span{color:#fff;transition: .3s;}
.r-new li:hover .rt p{color:#fff;transition: .3s;}
.r-new li .rt{        background: #f6f6f6;padding: 30px;}
.r-new li .rt h3{    font-size: 18px; line-height: 1.6;}
.r-new li .rt p{font-size: 14px;color: #666;}
.r-new li .rt span{    margin: 8px 0 12px; display: block;}
.r-new li .r-img{overflow:hidden;}
/*政务*/
.newbox{width:100%;  overflow: hidden;}
.newbox .container ul{margin-top:45px;}
.newbox .container ul li	{ border-bottom:1px solid #f5f5f5;    padding: 10px 0;   transition: 0.5s;  }
.sch{width:31.4%; float:left;  margin: 0 11px 0 11px;    padding: 25px;  border: 1px solid #e8e8e8;}
.sch h3{color:#666; height: 52px;   text-align: left; font-size:20px; padding-bottom:20px;}
.sch h3 .zmo {float:right;}
.sch h3 span{    float: left;margin-right: 10px;}
.sch h3 .zmo a{  font-size:14px;    line-height: 35px;  color: #999;}
.sch h3 i{font-style:normal; color:#448aca;}
.sch .z-img{  background: #000;  margin-bottom: 10px;    overflow: hidden;}
.newb2 .container{    padding: 0 21px 0 11px;}
.sch .z-img img{width:100%;}
.sco{width:49%;    float: left;
  
    padding: 25px;
    border: 1px solid #e8e8e8;overflow:hidden;}
.newbox .sco:nth-child(2){float:right;}
#scrollDiv{height:185px;width:100%;overflow:hidden;}
#scrollDiv1{height:185px;width:100%;overflow:hidden;}
.sco h3{color:#666; height: 52px;   text-align: left; font-size:20px; padding-bottom:20px;}
.sco h3 .zmo {float:right;}
.sco  h3 span{    float: left;margin-right: 10px;}
.sco .z-img{  background: #000;  margin-bottom: 10px;    overflow: hidden;}
.sco .z-img img{width:100%;}
#scrollDiv h3 .zmo a{  font-size:14px;    line-height: 35px;  color: #999;}
#scrollDiv h3 i{font-style:normal; color:#448aca;}
#scrollDiv li{height:46px;  overflow:hidden; vertical-align:bottom; zoom:1;padding:0 10px; line-height:46px;}
#scrollDiv ul li a{color:#666;}
#scrollDiv dl{margin-bottom:16px;}
#scrollDiv li span{ color:#666; float:right;}
#scrollDiv li:hover a{    color: #0056a4;}
#scrollDiv:hover .z-img img{    opacity: .6; transition: .3s;}

#scrollDiv1 h3 .zmo a{  font-size:14px;    line-height: 35px;  color: #999;}
#scrollDiv1 h3 i{font-style:normal; color:#448aca;}
#scrollDiv1 li{height:46px;  overflow:hidden; vertical-align:bottom; zoom:1;padding:0 10px; line-height:46px;}
#scrollDiv1 ul li a{color:#666;}
#scrollDiv1 dl{margin-bottom:16px;}
#scrollDiv1 li span{ color:#666; float:right;}
#scrollDiv1 li:hover a{    color: #0056a4;}
#scrollDiv1:hover .z-img img{    opacity: .6; transition: .3s;}

.sch li{}
.sch li a{color:#666;}
.sch dl{margin-bottom:16px;}
.sch li span{ color:#666; float:right;}
.sch li:hover a{    color: #0056a4;}
.sch:hover .z-img img{    opacity: .6; transition: .3s;}
.sc2{width:48%;    overflow: hidden;}
.zsbox .jr-l{margin-top:20px;width: 50%;}
.zsbox .jr-l a{display:block;    text-align: left;	line-height: 40px;color: #fff;border-bottom: 1px solid #fff;position: relative;z-index: 2;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.zsbox .jr-l span{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #0056a4;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.zsbox{width:100%; overflow:hidden; margin-top:40px;}
.zsbox  .jr-l:hover a { color: #fff; padding-left:15px;border-bottom: 1px solid #0056a4;}
.zsbox  .jr-l:hover span { width: 100%;}
.zsbox .zs-l h3{ font-size:25px; color:#fff;margin-bottom: 15px;}
.zsbox .zs-l p{color:#fff;}
.zsbox .container{padding: 6% 0 6% 0;}
.zsbox  .zs-r{float:right;}
.zsbox  .zs-r h3{ font-size:25px; color:#fff;margin-bottom: 25px;    border-bottom: 1px solid #fff; padding-bottom: 20px;}
.zsbox  .zs-r span{color:#fff;    margin-top: 10px;  display: block;}
/*文章是通用样式*/
.ne-list1{}
.ne-list1 li{       margin: 20px 10px 0px 10px;   background: #f0f0f0;   width: 48%;  float: left;   padding: 22px 22px; }
.ne-list1 li:hover a{    color: #448aca;}
 .ne-list1 li img { display:block; transform:scale(1,1); transition:0.8s;}
.ne-list1 li:hover img { transform:scale(1.04,1.04);}
.ne-list1 .ne-img{ float:left; width:34%;overflow:hidden;}
.ne-list1 .ne-t{ float:left; width:61%;  margin-left: 4%;}
.ne-list1 .ne-t span{ display:block;  color: #999;;margin-top: 6px;}
.ne-list1 .ne-t p{  color:#818080;margin-top: 10px;}
 .ne-list1 .ne-t h3{ text-align:left;font-size: 18px;}
.ne-list1 .ne-t h3 a{color:#333;}
 .ne-list1 .ne-t .ne-m{  margin-top:16px; }
 .ne-list1 .ne-t .ne-m a{ font-size:14px; }
 .ne-list1 .ne-t .ne-m:hover{}
/*右侧悬浮icon*/
.side-bar a, .chat-tips i { background-image: url(//filecdn.ify.cn/skin/gjyyw1680/img/gdt-img.png); background-repeat: no-repeat; }
.side-bar { width: 66px; position: fixed; top:50%; right: 0; font-size: 0; line-height: 0; z-index: 100; }
.side-bar a { width: 66px; height: 66px; display: inline-block; background-color: #999; margin-bottom: 2px; }
.side-bar a:hover { background-color: #0056a4; }
.side-bar .icon-qq { background-position: 0 -62px; }
.side-bar .icon-chat { background-position: 0 -130px; position: relative; }
.side-bar .icon-chat:hover .chat-tips { display: block; }
.side-bar .icon-qq:hover .chat-tipo { display: block; }
.side-bar .icon-blog { background-position: 0 -198px; }
.side-bar .icon-mail { background-position: 0 -266px; }
.side-bar .icon-totop { background-position: 0 -334px; }
.chat-tips {    width: 151px; padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none; }
.chat-tipo {       background-color:#fff;  position: absolute;  width: 151px; left: -151px;  top: 0px;  line-height: 66px;  color: #666;  font-size: 16px;  text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;}
.chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position: -88px -350px; }
.chat-tips img {}
.foot{ width:100%; background:#eeeeee; overflow:hidden; }
.foot .f-top {cursor: pointer;float: left; width: 10%;height: 100%; background: #ff6c00; text-align: center; }
.foot .container{ padding:50px 0 50px 0;}
.foot  dl{  margin-top:35px;  border-top: 1px solid #666;border-bottom: 1px solid #666;}
.foot  dl dt{ font-size:16px; color:#b9b9b9;margin-bottom: 34px; }
.foot  dl dd{    margin-top: 3.5%;color:#d5d5d5; float:left;  margin-right: 30px;}
.foot  dl dd a{ font-size:14px;  display:block;}
.foot  dl dd a:hover{color:#0056a4;}
.foot .d-wx{float:right;     margin: 15px 0 15px 0;}
 .bq{     margin-top: 20px; }
.bq p{ float:left;   }
.bq span{ float:right;color:#b1b1b1;}
.bq p a{}
.foot .d-logo{}
.yql li{float:left; margin-right:8px; margin-bottom:10px;}
/*产品列表页*/
.pro-menu{ width:100%; margin:0 auto;background: #f0f0f0;text-align:center;}
.pro-menu .container{    position: relative;}
.pro-menu .left_menu div{    position: absolute; top: 78px; left:0;    width: 100%;}
.pro-menu .left_menu ul li.left_menu_2{border: 1px solid #999;    margin-right: 18px; width: 11%;}
.pro-menu .left_menu ul li.left_menu_2 a{    padding: 10px 0;}
.pro-menu ul li{ width:12.5%;     float: left;overflow:hidden;}
.pro-menu ul li a:hover{background:#0056a4;}
.pro-menu ul li a:hover{color:#fff;}
.pro-menu ul li a.on{background:#0056a4;color:#fff;}
.pro-menu ul li a{ font-size:16px;display:block; padding:16px 0;}
.pro-img{overflow:hidden;position:relative; }
.pro-tab{overflow:hidden;width:100%;}
#product-list li{ float:left;    width:30%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
#product-list li .cover{    position: absolute;width: 100%; height: 100%;top: 100%; left: 0; background:rgba(0,0,0,0.4);transition: all .3s ease;}
#product-list li .cover:after, #product-list li .cover:before { content: "";position: absolute; top: 36%;left: 50%;  background: #fff;display: inline-block;}
#product-list li .cover:before { width: 60px; height: 1px; margin-left: -30px;}
#product-list li .cover:after {width: 1px; height: 60px; margin-top: -30px;}
#product-list li:hover .cover { top: 0;}
.bm{    width: 140px; height: 45px; border: 1px solid #999; text-align: center;font-size: 16px;line-height: 45px; margin-top: 40px;}
.bm:hover{ border:1px solid #0081cc; background:#0081cc;}
.bm:hover a{color:#fff;}
#product-list li .vide{    position: absolute; width: 100%; height: 100%;top: 100%;left: 0; background: rgba(0,0,0,0.4); transition: all .3s ease;}
#product-list li .vide img{    margin: 25% auto;}
.pro-tab li:hover .vide img{ transform:scale(1,1);}
#product-list li:hover .vide { top: 0;}
#case-list li{ float:left;      background: #f5f5f5;  width:22%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
.pro-t1 h2{padding-bottom: 18px;      background: #0081cc;  line-height: 1.8; color:#fff;  font-size: 16px;padding-top: 18px;}
.add{display:none;width:95%;max-width:1280px;margin:0 auto;border-bottom: 1px solid #ddd;padding-bottom:23px;padding-top: 9px;}
.add h3{ float:left;}
.add-box{ float:right;}
#product-list{ margin:4% 0;    overflow: hidden;}
#case-list{ margin:8% 0;    overflow: hidden;}
.pro-tab li:hover a{color:#0056a4;}
.pro-tab li img { display:block; transform:scale(1,1); transition:0.8s;}
.pro-tab li:hover img { transform:scale(1.04,1.04);}
/*内容页*/
.jst{margin: 6% 0 3% auto !important;}
.new{margin:40px auto;}
.new h2{text-align: center;font-size: 25px;  margin: 0 auto;    border-bottom: 1px solid #e8e8e8;padding-bottom: 25px; }
.new article{ margin-top:27px; }
.ny_pages{width:100%; max-width:1280px; margin:auto;text-align:center;margin:5% auto 5%;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_pages a{margin:0px 5px;color:#666; font-size:14px; border:1px solid #e8e8e8; padding:12px 40px;}
.ny_pages a:hover{color:#fff; background:#0056a4; border:1px solid #0056a4;}
/*文章是通用样式*/
.s-time{float: left; width: 9%;}
.s-time .time1{    display: block;  text-align: right;font-size: 16px; color: #999; font-family: Arial;}
.s-time .time2{    display: block; text-align: right; font-size: 48px; line-height: 50px;  color: #999; display: block; font-family: Arial;}
.new-tab{}
.new-tab .ne-list{ width:100%;}
.new-tab .ne-list li{  margin-top: 30px;  border-bottom: 1px solid #f5f5f5;     padding: 30px 30px;    border-bottom: 1px solid #e5e5e5;}
.new-tab .ne-list li:hover {background:#f3f3f3;;box-shadow: 0 4px 10px rgba(43, 43, 43, 0.2);    background: #f0f0f0;}
.new-tab .ne-list li:hover h3 a { color:#0056a4;font-weight:bold;}
.new-tab .ne-list li:hover .ne-m a { color:#0056a4}
.new-tab .ne-list li:hover span{ color:#0056a4}
.new-tab .ne-list li:hover .ne-t p{ color:#0056a4}
.new-tab .ne-list .ne-img{ float:left; width:25%;}
.new-tab .ne-list .ne-t{ float:left; width:86%;   margin-left: 5%;}
.new-tab .ne-list .ne-t span{ display:block;  color: #999;;margin-top: 10px;}
.new-tab .ne-list .ne-t p{  color:#818080;margin-top: 15px;}
.new-tab .ne-list .ne-t h3{ text-align:left; font-size: 18px;}
.new-tab .ne-list .ne-t .ne-m{  margin-top:16px; }
.new-tab .ne-list .ne-t .ne-m a{ font-size:14px; }
.new-tab .ne-list .ne-t .ne-m:hover{}
.news-siblings{margin-top:80px;     padding-top: 18px; border-top:1px solid #e5e5e5; font-size:14px;}
.news-siblings div{line-height:34px;    margin-right: 50px; float:left;}
.news-siblings div span{color:#999;}
.news-siblings div a:hover{text-decoration:underline;}
.news-siblings .news-back{ width:150px; height:40px;  line-height:40px; border-radius:3px; background:#c21b2f; color:#fff; text-align:center; float:right;     display: none;   border-top: 1px solid #e8e8e8}
.news-siblings .news-back i{margin:0 0 0 20%;}
.news-siblings div:nth-child(2){ float:right; margin-right:0;}
.nabout{ font-size:13px; color:#666;line-height:26px; padding:20px 0px 40px 0px; background:#fff;}
.nabout table tr{ height:60px;       position: relative;  background: #f6f6f6; margin: 30px 20px 0 20px;    width: 29.2%;  float: left;}
.nabout table tr th{font-size: 14px;font-weight: normal;padding-right: 0px;width:25%;     float: left; line-height: 60px;   background: #f6f6f6;text-indent: 15px;}
.nabout table tr td input{ width: 100%; height:60px; padding: 0px 5px;    background: #f6f6f6;}
.nabout table tr td textarea{ width: 94%; height: 60px; border: none; background: #f6f6f6;}
.submit{ width: 160px !important; height: 50px !important; border: 0;background:#0081cc !important; color: #fff;  cursor:pointer;}
.nabout table span   { color: red; position: absolute;right: 20px;}
.nabout table tr:nth-child(8){ width: 63%;background:;}
.nabout table tr:nth-child(8) th{    width: 13%;    float: left; line-height: 60px;}
.nabout table tr:nth-child(8) td{    float: right; width:87%;}
.nabout tfoot tr{width:100%;    margin-top: 45px;  background:none; text-align:center;}
.nabout tfoot tr th{ background:none;}
  .nabout tfoot tr td { width: 160px;    float: none; margin: 0 auto;display: block; background:#0081cc;}
.nabout table  td{width: 65%;display: block;float: left;}
.nabout h3{    text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 25px;margin-top: 20px; }
.nabout h4{font-size:35px;     margin-top: 3%; text-align:center;     color: #666;     margin-bottom: 8px;}
.nabout p{ color:#999; text-align:center;    margin-bottom:26px;}
@media (min-width: 991px) and (max-width: 1200px){
  .header .container{padding:0;} 
  .logo{  }
  .search{margin-right: 21px;}
  .menu_box ul.menu>li{padding: 0 14px;}
  .shutter{height:445px;}
  .shutter-img a .sbanner{height:445px;}
  .t-nav dl dt{line-height: 3.8;}
  .fle li{margin-right:24px;}
  .hs li p{margin-top:16px;}
  .mba{}
  .h-r {     padding: 0 26px 0 26px;}
  .h-r p{margin-top: 18px;}
  .xs-r li{      width: 23.4%;padding: 35px 16px 35px 16px;}
  .xs-r li h4{    margin-left: 26px;}
  .aui-nav-list-item li h4{    margin: 8px 0 28px 0;}
  .foot .d-logo{margin-right: 30px;}
  .foot dl{ }
  .w-x{right:0;}
  .pro-menu .left_menu ul li.left_menu_2{    margin-right: 13px;}
  .jst { margin: 9% 0 3% auto !important;}
  #guide-banner{    height: 350px;}
  .r-new li{    margin: 30px 10px 0 10px;}
  .nabout table tr th{    width: 32%;}
  .aut-nav{display:none;}
  .new-l {width:55%;}
  .new-c{    width: 45%;}
  .new-c{    margin-top: 6%}
  .new-c .new-r li{padding-bottom:16px;}
  .xs .xs-l{width:100%;}
  .xs .xs-t1{width:55%;}
  .xs .xs-tt{width: 45%;padding: 28px 0 0 30px;}
  .xs-r{    width: 100%;margin-top:30px;}
  .sch{    width: 30.8%;}
  .ne-list1 li{    width: 31%;}
  .ne-list1 .ne-img{width:100%;}
  .ne-list1 .ne-t{    width: 100%; margin-left: 0;margin-top:8px;}
}
@media (min-width: 767px) and (max-width: 991px){
    .pro-menu ul li{width:24.5%;}
  #product-list li{width:33.5%;}
  #case-list li{width:30%;}
  .search,.ww{display:none;}
   .logo{   width: 28%;margin-top: 0px;}
  .new-c{width: 50%;}
  .aut-nav{display:none;}
  .new-c .new-r li{    margin-top: 15px;}
  .shutter-img a .sbanner{height:334px;}
  .shutter{height:334px;}
  .t-nav dl dt{    line-height: 4.1;}
  .fle li {margin-right: 20px;}
  .fle li .more-f{padding:0;}
  .fle li .cov p{display:none;}
  .fle li .cov{    padding: 18px;}
  .hs li p{    margin-top: 10px;}
  .mba{  }
  .h-img img{display:block; margin:0 auto;}
  .h-r { padding: 57px}
  .lm li {padding: 8px;}
  .xs .xs-l{    width: 100%;}
  .xs .xs-t1{width: 50%;}
  .xs .xs-tt{width: 50%;}
  .xs .xs-l .jr-r{display: none;}
  .xs-r{width:100%;}
  .xs-r li{width:23.5%;}
  .xs-r li .g-t img{    margin: 0 auto;float: none; display: block;width:auto;}
  .xs-r li h4{    float: none; margin-left: 0; text-align: center;}
  .xs-r li{    padding: 25px 16px 25px 16px;    margin: 35px 0 10px 10px;}
  .sch{    width: calc(33.33% - 24px);    padding: 10px}
  .aui-nav-list-box ul li{margin: 30px 0px 20px 25px;}
  .aui-nav-list-tab{padding: 0 30px 0 30px;}
  .aui-nav-list-item li h4{margin: 7px 0 28px 0;}
  .aui-nav-list-item li h4 span{display: none;}
  .foot dl.lx{    display: none;}
  .foot dl{  }
  .m-search .m-s1 input { background: rgba(255,255,255,0.1);}
  .m-search .m-s2{    top: 5px;}
  .pro-menu .left_menu ul li.left_menu_2{    width: 14%;margin-bottom: 10px;}
  .jst {}
  .nabout table tr th{    width: 27%;}
  .nabout table tr{    width: 44.6%;}
  #guide-banner{height: 314px;}
  .s-time{width: 16%;}
  .new-tab .ne-list .ne-t{    width: 78%;}
  .news-siblings div:nth-child(2){float:left;}
  .menu_icon { margin: 18px 0 0 4% !important;}
  .ne-list1 li{width:47%;}
  .ne-list1 .ne-img{width:100%;}
  .ne-list1 .ne-t{width: 100%; margin-left: 0;}
  .ne-list1 .ne-t h3{margin-top: 10px;}
  .ne-list1 li{width: 30.5%;}
  .sco{    width: 46%;}
}
@media (max-width: 767px){
  .search,.ww{display:none;} 
  .logo{      width: 50%; float: none; display: inline-block;}
  
  .shutter-img a .sbanner{height:200px;}
  .shutter{height:200px;}
  .t-nav{ display:none;}
  .fle li{    margin: 6px 0px 0px 6px;    width: 48%;}
  .fle {margin-top: 40px;}
  .fle li .more-f{    padding-top: 3px;}
  .fle li .cov p{display:none;}
  .p-tit {margin: 30px 0 0px 0;}
  .p-tit h4{margin:0;}
  .hs li dl,.hs li .gs,.hs li p{display:none;}
  .mba{}
  .h-r ul li{width:33.333333%;}
  .lm li {padding: 8px;}
  .xs .xs-l{width:100%;}
  .xs .xs-t1{width:100%;}
  .xs .xs-tt{width: 100%;padding: 0 0 0 10px;}
  .xs-r{width:100%;}
  .xs-r li{  padding:15px 0 15px 0;  width: 47%; }
  .xs-r li h4 p{font-size: 16px;}
  .xs-r li h4{margin-left:0; text-align:center;    float: none;}
  .xs-r{margin-top:25px;}
  .sch{    width: 100%;    margin: 0;}
  .xs-r li .g-t img{width: auto;     float: none;display:block; margin:0 auto;}
  .xs-r li .g-t { padding: 10px;}
  .aui-nav-list-tab{   padding: 0 20px 0 20px;}
  .aui-nav-list-box{   margin:0;  text-align: center;}
  .aui-nav-list-box ul li{     float: left; margin: 30px 10px 20px 10px;  display: inline-block;}
  .foot .d-logo{}
  .foot dl{    display: none;}
  .foot dl.lx{    width: 100%; display: block; margin-top: 20px;padding: 10px;}
  .foot .container { padding: 40px 0 40px 0;   }
  .bq span{display:none;}
  .bq p {float: none;}
  .bq{margin-top:15px;}
  .shutter-btn li.prev { left: 2%;}
  .shutter-btn li.next{    right: 2%;}
  .m-search .m-s1 input{    background: rgba(255,255,255,0.1);}
  .m-search .m-s2{    top: 6px;}
    .pro-menu ul li{width:24.5%;}
 #guide-banner{height:200px;}
.pro-menu ul li{width:33.3333333%;}
.pro-menu ul li a{font-size:16px;padding: 12px 0;}
 #product-list li{width:47%;}
#case-list li{width:47%;}
  .new-tab .ne-list .ne-img{width:100%;}
.new-tab .ne-list .ne-t{width:100%; margin-left:0px; }
.new-tab .ne-list .ne-t h3{ font-size:16px;}
  .pro-menu .left_menu ul li.left_menu_2{  margin-bottom: 10px;  width: 30%;    margin: 0 5px 10px 8px;}
  .pro-menu .left_menu div{    top: 107%;}
  .jst { }
  #product-list{    margin: 7% 0;}
  .pro-t1 h2{padding:12px 0 12px 0;}
  .s-time{width:100%;}
  .s-time .time1 {    text-align: left;}
  .s-time .time2{    text-align: left;}
  .new-tab .ne-list li{margin-top:0;}
  .new h2{font-size:20px;}
  .fle li:nth-child(4){    float: left;}
  .hs li {     padding: 12px 6px 12px 6px;}
  .nabout table tr{width:100%;    margin: 10px 0;}
  .nabout table tr th{width:28%;}
  .nabout table td{width: 66% !important;}
  .nabout table tr:nth-child(8) { width: 100%;}
  .nabout table tr:nth-child(8) th { width: 32%;}
  .nabout h4 { font-size: 23px;}
  .side-bar .icon-chat{display: none;}
  .new-c{width:100%;    padding: 0 25px 0 25px;}
  .Box{    display: none;}
  .aut-nav{width:100%;/*display:none;*/}
  .zsbox .zs-r h3,.zsbox .zs-l h3{font-size: 20px;}
  .zsbox .zs-r{margin-top:10px;}
  .ne-list1 li{width:47%;}
  .ne-list1 .ne-img{width:100%;}
  .ne-list1 .ne-t{width:100%;     padding: 10px;   margin-left: 0; margin-top:8px;}
  .ne-list1 li{margin: 20px 5px 0px 5px;    padding: 0;}
  .news-siblings div:nth-child(2){float:left;}
  .ne-list1 .ne-t p{display:none;}
  .ne-list1 .ne-t h3{font-size:14px;}
  .yql{display:none;}
  .sco{width: 100%;margin:0 0 11px 0;}
  .logo { margin-top:0px;  }
  }