@charset "gb2312";
* {	word-break: break-all;margin: 0;padding: 0;}
body {behavior: url("csshover3.htc");}
body{font-size: 16px;color: #2b2b2b;font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace;padding: 0px;margin: 0px auto;line-height: 30px;background-color: #FFF;overflow-x: hidden;width: 100%;}
a {	color: #333333;	text-decoration: none;}
a:hover {color: #1763ff;	text-decoration: none}
h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd {	margin: 0;	padding: 0;}
ul, li, dl, dt, dd {list-style: none;}
.fl {float: left;}
.fr {float: right;}
.clear, .c {clear: both;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
img {max-width: 100%;border: 0;height: auto;}
.input, .textarea {	border-top: ridge 1px #ccc; border-right: inset 1px #D8D8D8;border-bottom: inset 1px #D8D8D8;border-left: ridge 1px #ccc;font-size: 14px;color: #666;padding-top: 5px;
	padding-right: 5px;	padding-bottom: 4px;padding-left: 5px;background-color: #fff}


/*浮动客服*/
.toolbar {position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;	width: 80px;}
.toolbar dd {position: relative;float: left;width: 80px;height: 80px;background: #0066cc;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child {margin-top: 0;}
.toolbar dd i {	width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i {background-position-y: 0;}
.toolbar dd.tel i {	background-position-y: -30px;}
.toolbar dd.code i {background-position-y: -60px;}
.toolbar dd.top i {	background-position-y: -90px;}
.toolbar dd span {display: block;color: #fff;}
.toolbar dd.tel .box {position: absolute;top: 0;width: 190px;right: -200px;	height: 100%;margin-right: 10px;border-radius: 5px;	background: #0066cc;opacity: 0;	transition: all .5s;}
.toolbar dd.tel .box p {font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3 {font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after {display: block;	content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0066cc;border-width: 9px;width: 0;height: 0;position: absolute;
	top: 50%;margin-top: -9px;right: -18px;	margin-left: -12px;}
.toolbar dd.code .box {	position: absolute;	top: 0;	width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;	background: #0066cc;opacity: 0;	transition: all .5s;}
.toolbar dd.code .box img {	width: 140px;height: 140px;	padding: 11px;}
.toolbar dd.code .box:after {display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0066cc;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;	right: -18px;margin-left: -12px;}
.toolbar dd:hover {	background: #333;}
.toolbar dd.tel:hover .box {opacity: 1;	right: 80px;}
.toolbar dd.code:hover .box {opacity: 1;right: 80px;}

/* 头部 */
.wrap{ width:1200px; margin:0 auto;}
.top1{ height:34px; background-color:#eeeeee; width:100%; line-height:34px; overflow:hidden; }
.t1{ float:left; width:70%;}
.t2{ float:right; line-height:34px;}
.t2 a img{}
.head{ padding-top:20px; margin-bottom:20px;}
.logo{float:left;}
.hmid{ float:left; text-align:left;}
.htel{float:right; padding-left:10px;}

.nav{ background: url(../images/nbg.jpg) repeat-x;height: 52px;width: 100%;line-height: 52px;}
.navul{LIST-STYLE-TYPE:none}
.navul li{POSITION:relative; TEXT-ALIGN:center; LINE-HEIGHT:52px; WIDTH:12.3%; FLOAT:left; FONT-SIZE:16px; border-right:1px solid #fff;}
.li1{float:left; text-align:center; font-weight:bold; height:52px; line-height:52px; BACKGROUND:url(../images/navon.jpg) no-repeat left top}
.li0{float:left; list-style:none; BACKGROUND:url(../images/divider.gif) no-repeat right center}
.navul li.singleactive{Z-INDEX:2000; POSITION:relative; BACKGROUND:url(../images/navon.jpg) no-repeat left top}
.navul li.navlmactive{Z-INDEX:2000; BACKGROUND:url(../images/navon.jpg) no-repeat left top}
.navul a{DISPLAY:block; FLOAT:none; COLOR:#fff;}
.navul li.first{BACKGROUND:none transparent scroll repeat 0% 0%}
.list01{DISPLAY:none; BACKGROUND:#EAEBED}
.plist{WIDTH:1200px; BACKGROUND:#1663FF; opacity:0.9; padding:20px 0; overflow:hidden;}
.list01 a{COLOR:#fff;}
.navul li.navlm:hover{Z-INDEX:5000 !important; POSITION:relative; BACKGROUND:url(../images/nh.png) no-repeat center top}
.dropdowntriple{DISPLAY:none}
.navul li.navlm:hover .dropdowntriple{Z-INDEX:2000; POSITION:absolute; DISPLAY:block; TOP:36px; LEFT:0px}
.navul li.single:hover{Z-INDEX:5000 !important; POSITION:relative; BACKGROUND:url(../images/navactive2.jpg) no-repeat center top;}
.navul li:hover ul li a{BACKGROUND:none transparent scroll repeat 0% 0%}
.navul li:hover dt a{BACKGROUND:#fff}
.navul li:hover dt a:hover{BACKGROUND:#cc0000; color:#fff}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; LEFT:-236px}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; LEFT:0px}
.ndropdown{WIDTH:143px;}
.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; LEFT:0px;WIDTH:112px;}

.list01 li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px; BACKGROUND:url(../images/dpdivider.jpg) no-repeat right top; FLOAT:left; }
.list01 li OL{}
.list01 li OL LI{PADDING: 0px;LINE-HEIGHT: 30px;MARGIN-TOP: 1px;padding-left: 10px;BACKGROUND: none transparent scroll repeat 0% 0%;MARGIN-LEFT: 10px;MARGIN-RIGHT: 10px;
_margin-right: 0px;_margin-left: 10px;color:#666; }
.list01 li OL LI .rd{color:#035FA3;}
.list01 li OL LI b{ font-size:18px; font-family:"微软雅黑"; color:#000000; height:30px; line-height:30px; width:100px; margin-bottom:20px;}
.list01 li OL LI:hover{BACKGROUND:#c00}
.list01 li OL LI:hover A{COLOR:#fff}
.list01 DT:hover A{COLOR:#c00; font-size:14px;}
.list01 LI:hover{BACKGROUND:url(../images/dpdivider.jpg) no-repeat right bottom}
.list01 LI OL LI A{MARGIN-LEFT:3px;float:left;}

LI.feilei2{WIDTH:16%; }
LI.feilei2 LI{WIDTH:90%; border-right:none; font-size:16px;}


.list01 LI.feilei5:hover{BACKGROUND:none transparent scroll repeat 0% 0%}
.list01 LI OL LI.dpb A{COLOR:#DB0000; FONT-WEIGHT:bold}
.list01 LI OL LI.dpb:hover A{COLOR:#DB0000; CURSOR:default}
.list01 DT A{LINE-HEIGHT:25px; FONT-SIZE:12px}
LI.dropbottom{TEXT-ALIGN:right; LINE-HEIGHT:26px; WIDTH:460px; padding-top:5px; FLOAT:right; COLOR:#fff}
LI.dropbottom A{DISPLAY:inline}

#sjslideBox{ display:none;}
#slideBox{ }
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) #1663FF -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*产品*/
.m1{ margin-top:30px; margin-bottom:10px;}
.mcpt{ zoom:1; margin-bottom:20px;}
.mcpt h2{ font-size:36px; float:left; padding:10px 0; }
.mcpt p{ font-size:16px; color:#666666; float:left; padding-top:20px; margin-left:20px; display:inline;}
.mcpt a{ display:block; width:167px; height:42px; line-height:42px; background:#1663FF; text-align:center; color:#fff; float:right;}
.mcpline{ clear:both;}
.mcpt h4{ font-size:14px; text-transform:uppercase; font-weight:normal; display:inline; background-color:#ffffff; padding-right:20px; position:relative;  z-index:888;}
.mcpt h4 span{ color:#ff353d; z-index:33;}
.mcpline2{ width:100%; height:1px; background-color: #1a1f28; position:relative; margin-top:-15px; z-index:1;}

.m1 ul{ overflow:hidden;}
.m1 li{ width:23%; background:#F5FAFF; float:left; margin:1%; text-align:center; display:inline; margin-bottom: 10px;}
.pimg{ margin-bottom:10px;}
.pimg img{ width:100%; border-bottom-right-radius: 43px; border-top-left-radius: 43px;}
.pimg img:hover{border-bottom-right-radius: 0; border-top-left-radius:0;}
.m1 li h2{ font-size:20px; background:url(../images/m1h2.jpg) no-repeat center bottom; padding-bottom:10px;}
.ptxt{ text-align:left; padding:10px;}
.pgd{ width:100px; margin:0 auto 10px; height:30px; line-height:30px; background-color:#1663FF; color:#fff;}
.pgd a{ color:#ffffff;}
.m1 li:hover{ background-color:#1663FF; color:#ffffff;}
.m1 li a:hover{color:#ffffff;}
.m1 li:hover h2{ background:url(../images/m1h2.png) no-repeat center bottom; color:#ffffff;}
.m1 li:hover .pgd { background-color:#EB0A00;}
.m1 li:hover .pgd a{ color:#fff;}

/*优势*/
#hys { background: url("../images/mys.jpg") no-repeat top center; height: 1244px; overflow: hidden; margin-bottom: 50px; }
#hys .lpannel { padding: 260px 0 0 90px; width: 38%; }
#hys .lpannel .item { height: 460px; overflow: hidden }
#hys .lpannel .item ul{ padding-top:17px; }
#hys .lpannel .item li{ line-height:30px; color:#848484; text-indent:18px; background:url(../images/hua1.png) no-repeat 0 6px; }
#hys .rpannel { padding: 530px 0 0 0; width:39%; }
#hys .rpannel .item { height: 505px; overflow: hidden }
#hys .rpannel .item:last-child { height: 430px; overflow: hidden; padding: 0px 0 0 6px; }
#hys .rpannel ul{ padding-top:17px;}
#hys .rpannel ul li{ line-height:30px; color:#848484; text-indent:18px; background:url(../images/hua1.png) no-repeat 0 6px; }
#hys .item p { margin: 0; padding: 0; color: #919191; font-size: 15px; margin-top: 15px; line-height: 1.8em; }
#hys .rpannel .item p { padding-left: 50px; }
#hys .rpannel .item:last-child p { margin-top: 30px; }
#hys .item strong { display: block; color: #0072d5; font-size: 26px; line-height: 1; }
#hys .item span { color: #919191; font-size: 11px; }


/*关于*/
h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin-bottom: 25px;background:url(../images/tit.jpg) no-repeat center 45px; }
h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px; font-style:normal; line-height:25px;}

.about{ padding-top:60px; padding-bottom:50px; background:#FAFAFA;}
.ab dt{float: right;width: 50%;height: 401px;}
.ab dd{width: 44%;float: left;padding-left: 43px;padding-top: 40px;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #1663FF;font-weight: bold;font-family: Arial;}
.ab dd h3 a em{font-size:26px;color: #423f3b;font-weight: normal;display: block; line-height:50px; font-style:normal;}
.ab dd p{font-size: 14px;color: #555;line-height: 30px;margin-top: 24px;}
.ab span a{margin-top: 20px;display: inline-block;}
.ab span a.xq{ background:#1663FF; color:#fff; padding:0px 30px; border-radius:30px; margin-right:20px;}
.ab span a.zx{ background:#EB0A00; color:#fff; padding:0px 30px; border-radius:30px; margin-right:20px;}

.xc{height: 259px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 88px;}
.xc span a{width: 40px;height: 40px;display: block;}
.xc span.z1{left:-65px;}
.xc span.y1{right:-65px;}
.xc ul{height:259px;}
.xc li{width:280px; height:259px;float: left;margin-right: 26px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:280px; height:209px;display: block;}
.xc li img{width:280px; height:209px;}
.xc li span{height: 50px;line-height: 50px;text-align: center;display: block;font-size: 14px;color: #555;}

.sjxc{ display:none;}

/*应用范围*/
.mys{ margin-bottom:50px; margin-top:50px;}
.mys ul{ overflow:hidden;}
.mys li{ width:22%; float:left; padding:4px; border:1px #bfbfbf solid; margin:1%; text-align:center;}
.mys li span{ display:block; margin-bottom:20px;}
.mys li p{ font-family:Arial; font-size:10px; line-height:15px; text-transform:uppercase;}
.mys li .p1{ line-height:30px;}
.mys li h2{ font-size:16px; font-weight:normal; margin-bottom:10px;}
.mys li div{ width:100px; height:22px; line-height:22px; background-color:#1663FF; margin:0 auto; color:#ffffff; border-radius:20px; margin-bottom:20px;}
.mys li:hover{ background-color:#1663FF;}
.mys li:hover a{ color:#ffffff;}
.mys li:hover div{ background-color:#ffffff; color:#1663FF;}


/*图库/案例*/
.mcptj{  padding:50px 0; background:url(../images/mcpbg.jpg) no-repeat #1663FF; }
#cpdivMainTab{ width:100%; margin-bottom:30px; }
#cpdivMainTab ul{ width:70%; margin:0 auto; overflow:hidden;  color:#fff;} 
#cpdivMainTab li{ float:left; text-align:center; font-size:16px; background:#EB0A00; cursor:pointer;width:48%;height:47px; line-height:47px; margin-right:1%; }
#cpdivMainTab .normal { }
#cpdivMainTab .selected { color:#ffffff; background-color:#222222; }

.mcp2 ul{ overflow:hidden;}
.mcp2 li{ width:23%; margin:0 1% 3%; float:left; position:relative; }
.mcp2 li img{ display:block;}
.mcp2 li .mcpbox{  background-color:#f3f3f3; border-bottom-right-radius:50px; position:relative;}
.mcp2 li h3{ font-size:18px; font-weight:normal; background:url(../images/mcpico.png) #ffffff no-repeat 20px center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; border-radius:15px; line-height:60px; padding-left:70px;position:relative; top:-30px;  }
.mcp2 li span{ float:right; display:block; width:190px; height:48px; font-size:14px; text-align:center;  background-color:#EB0A00; line-height:48px; border-top-left-radius:50px;  border-bottom-right-radius:50px; color:#ffffff; }
.mcp2 li p{font-size:14px; color:#666; padding:0 40px; margin-top:-15px; line-height:24px; }
.mcp2 li a:hover span{ background-color:#007af8;}
.mgd{ width:160px; height:55px; line-height:55px; border:1px #333 solid; text-align:center; margin:0 auto; border-radius:30px;}
.mgd a{ color:#333;}

/*新闻*/
.news {  padding:50px 0;}
.news .news_con { }
.news .news_con .list {  width: 31%;  float: left;  margin:1%;  border: 1px solid #ccc;  border-top: 2px solid #007aff;}
.news .news_con .list .tit p { padding: 0 3%;  height: 60px;  border-bottom: 1px solid #ccc;}
.news .news_con .list .tit p span {  font-size: 20px;  color: #007aff;  font-weight: bold;  float: left;  line-height: 60px;}
.news .news_con .list .tit p a {  float: right;  font-size: 14px;  color: #666;  line-height: 60px;}
.news .news_con .list .tit img {  width: 90%;  height: 140px;  margin: 0 auto;  display: block;  margin-top: 15px;}
.news .news_con .list .text { padding: 0 5%;  padding-bottom: 10px;}
.news .news_con .list .text ul li {  border-bottom: 1px dotted #ccc;  height: 32px;  margin-top: 5px;}
.news .news_con .list .text ul li a {  width: 65%;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; padding-left: 20px; line-height: 32px; font-size: 14px; color: #5a5a5a; background: url(../images/hua.png) no-repeat left center;}
.news .news_con .list .text ul li a:hover {  color: #007aff;}
.news .news_con .list .text ul li span {  line-height: 32px;  font-size: 13px;  color: #999;  float: right;}
.news .news_con .list .text2 { padding: 0 5%;  padding-bottom: 10px;}
.news .news_con .list .text2 ul li { margin-top: 12px;  padding-bottom: 14px;  border-bottom: 1px dotted #ccc;}
.news .news_con .list .text2 ul li a {  font-size: 14px;  color: #999999;  font-weight: bold;  text-decoration: none;  line-height: 140%;  padding-left: 40px;  background: url(../images/q.png) no-repeat left center;  background-size: 20px 20px;}
.news .news_con .list .text2 ul li a:hover {  color: #007aff;}
.news .news_con .list .text2 ul li p {  margin-top: 5px;  font-size: 12px;  padding-top: 4px;  color: #434343;  font-weight: normal;  text-decoration: none;  padding-left: 40px;  background: url(../images/a.png) no-repeat left center;  background-size: 20px 20px;}
.news .m_list {  width: 100%;  display: none;}
.news .m_list .m_tit {  width: 100%;  text-align: center;}
.news .m_list .m_tit a {  width: 100px;  line-height: 42px;  text-align: center;  color: #007aff;  font-size: 14px;  border-radius: 3px;  margin: 0 5px;  border: 1px solid #007aff;  display: -moz-inline-stack;  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  zoom: 1;  *display: inline;}
.news .m_list .m_text {  width: 100%;  padding: 0 1%;  margin-top: 20px;}
.news .m_list .m_text ul li {  width: 100%;  margin-bottom: 15px;  padding-bottom: 15px;  border-bottom: 1px dotted #ccc;}
.news .m_list .m_text ul li a {  font-size: 14px;  color: #999999;  font-weight: bold;  text-decoration: none;  line-height: 140%;  display: block;}
.news .m_list .m_text ul li span {  display: block;  font-size: 14px;  color: #999;  margin-top: 8px;}
.news .m_list .m_text ul li p {  margin-top: 8px;  font-size: 14px;  color: #434343;  font-weight: normal;  text-decoration: none;  display: block;}

/*友链*/
.link{background:#fafafa; padding:10px 0 15px;}
.link-con{width:1200px; margin:0 auto;}
.link h3{font-weight:normal;font-size:14px;color:#000; text-transform:uppercase; font-family:'Microsoft YaHei';line-height:35px; border-bottom:1px solid #ddd9d9; }
.link h3 a{color:#000;}
.link h3 em{float: left; font-style:normal;}
.link h3 em a{display:inline-block; margin-right:10px;}
.link b{float: right; font-weight:normal; font-size:12px;}
.link b a{color:#a00006;}
.link p{color:#555;padding:18px 0 5px;}
.link p span{padding:0 0 14px 14px; display:inline-block;}
.link p a{color:#555;margin-right:15px;_margin-right:12px;*margin-right:12px;}

/*底部*/
.foot{ background-color:#282735; overflow:hidden;color:#fff; padding-top:30px; }
.foot a{ color:#fff;}
.flogo{ float:left; width:40%; margin-top:15px;}
.ftel{ float:left; width:40%; margin-top:15px;}
.ftel p{ padding-left:47px;}
.fwx{ width:20%; float:left; text-align:right; }

.bq{  padding:15px 0px; margin-top:30px; overflow:hidden;  border-top:1px #5b5b5b solid; text-align:left; }
.bq span{ float:right;}
.fdh {	display: none;}

.nyban { width: 100%; height: 400px; background: url(../images/nyban.jpg) #eee no-repeat center center; color: #fff; clear: both; }
.nyban a { color: #fff; }
.nyban .wrap { position: relative; top: 30%; display: none; }
.nyban h2 { font-size: 42px; height: 50px; line-height: 50px; margin-bottom: 20px; }
.nybancon { width: 60%; padding: 40px 70px; }
.nybancon p { margin-bottom: 20px; }
.nybancon span { font-size: 18px; border-top: 1px #fff solid; padding-top: 10px; }
.nybancon div { width: 34px; height: 3px; background-color: #ffa01c; margin-bottom: 10px; }

.dqwz { clear: both; color: #555; font-size: 14px; background-color: #f1f4fb; margin-bottom: 50px; padding: 15px 0; }
.dqwz img { width: 14px; margin-right: 5px; line-height: 14px; }
.dqwz a { color: #555; }
.dqwz span { color: #333; }
.dqwz .p2 { display: none; }

.m1t h3 { font-family: Arial, Helvetica, sans-serif; font-size: 54px; text-transform: uppercase; color: #f6f6f6; }
.m1t { text-align: center; margin-bottom: 40px; }
.m1t h2 { font-size: 36px; font-weight: normal; margin: 0 auto 10px; }
.m1t h2 b { font-weight: bold; }
.m1t h2 span { font-style: normal; color: #d92a36; }
.m1t p { font-size: 16px; color: #333; line-height: 22px; margin-bottom: 10px; }
.m1t p span { width: 5px; height: 22px; background-color: #1663FF; float: left; display: block; margin-right: 10px; }
.m1t div { width: 26px; height: 3px; background-color: #1663FF; margin: 10px auto; }
.mcon, .topc1 { margin: 2% 1% 20px; border-top:1px solid #ccc; padding-top:30px; }
.nyms { background-color: #1663FF; border-radius: 10px; padding: 20px; color: #fff; }
.proonedetailfltel { clear: both; font-size: 20px; color: #999; margin-top: 30px; margin-bottom: 30px; }
.proonedetailfltel strong { font-size: 30px; color: #1663FF; vertical-align: text-bottom; display: inline-block; font-family: Arial, Helvetica, sans-serif; }
.proonedetailfltel strong a { color: #1663FF; }
.txt_name { font-size: 26px; font-weight: bold; background: url(../images/nchtit.png) no-repeat left center; margin-bottom: 20px; padding-left: 40px; }

.gycp { padding-top: 40px; }
.gycp li { background: #f3f5f7; box-shadow: 0 0 15px #c7cdea; width: 23%; margin: 0 1% 2%; text-align: center; float: left; border-radius: 20px; }
.gycp li img { border-radius: 10px; }
.gycp li p { line-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gycp li:hover, .gycp li:hover a { background-color: #1663FF; color: #fff; }

.nchtit { margin: 0 0 20px; }
.nchtit h2 { font-size: 26px; font-weight: normal; background: url(../images/nchtit.png) no-repeat left center; padding-left: 40px; height: 47px; line-height: 47px; }
.nchtit h2 span { border-left: 1px #999 solid; font-size: 18px; font-weight: normal; height: 47px; margin-left: 10px; padding-left: 10px; line-height: 47px; }
.nchtit p { text-indent: 40px; }
.cp { margin-bottom: 30px; }
.nch2 { background-color: #f3f3f4; padding: 40px 0; }
.nchtit .gd { float: right; width: 100px; height: 30px; line-height: 30px; margin-top: 10px; background-color: #1663FF; text-align: center; font-size: 14px; }
.nchtit .gd a { color: #fff; }

.cpzs {  /**/ overflow: auto; zoom: 1; }
.cpzs li { width: 23%; float: left; text-align: center; display: inline; margin: 1%; box-sizing: border-box; background-color: #eee; border-bottom-right-radius:20px; }
.cpzs li img {border-bottom-right-radius: 50px; border-top-left-radius: 50px; }
.cpzs li img:hover{ border-radius:0;}
.cpzs li .imgZoom { }
.cpzs li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 52px; }
.cpzs li p a { color: #333; font-size: 18px; }
.cpzs li:hover { background-color: #1663FF; }
.cpzs li:hover p, .cpzs li:hover p a { color: #fff; }

.cpzs1 {  /**/ overflow: auto; zoom: 1; }
.cpzs1 li { width: 31%; float: left; text-align: center; display: inline; margin: 1%; box-sizing: border-box; background-color: #eee; border-radius: 20px; border-bottom-left-radius: 0; }
.cpzs1 li img { }
.cpzs1 li .imgZoom { border-radius: 20px; border-bottom-left-radius: 0; }
.cpzs1 li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 52px; }
.cpzs1 li p a { color: #333; font-size: 18px; }

.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.mleft { width: 23%; float: left; display: inline; margin-right:2%; }
.mright { float: left; width:73%; display: inline; }

.sjlb { display: none; }
.cplb { background-color: #0072d5; padding: 5px; }
.cptit { text-align: center; margin: 20px auto; }
.cplb .sideMenu { overflow: hidden; border-bottom: none; background-color: #fff; padding: 10px 10px 0 10px; }
.cplb h3 { text-align: center; line-height: 45px; height: 45px; width: 100%; font-weight: normal; font-size: 16px; margin-bottom: 10px; }
.cplb h3 a { display: block; background-color: #0072d5; color: #fff; }
.cplb h3 a:hover { background-color: #333333; color: #fff; }
.sideMenu ul { /*display: none;  默认都隐藏 */ }
.cplb li { height: 35px; line-height: 35px; margin-bottom: 10px; overflow: hidden; border-bottom: 1px #ddd dashed; background: url(../images/m7ico.png) no-repeat 10px center; font-size: 15px; }
.cplb li a { display: block; padding-left: 25px; }
.cplb li a:hover { display: block; }
.lxfs { padding: 30px 10px; background-color: #0072d5; color: #fff; text-align: center; }
.lxfs h3 { font-size: 32px; font-weight: normal; text-align: center; }
.lxfs div { border-top: 1px #0085f9 solid; padding: 10px 0; line-height: 24px; margin-top: 20px; color: #0082f2; }

.newslist { padding: 55px 0 }
.newslist .w { position: relative }
.newslist .tit-zs { left: 3px; top: -67px; z-index: 2 }
.newslist .tit-zs i:after, .newslist .tit-zs i:before, .newslist .tit-zs:before { opacity: .5 }
.newslist .tit-zs:before { opacity: .03 }
.newslist .tit-zs i:after { opacity: .1 }
.newslist ul { width: 98%; margin: 0 1%; position: relative }
.newslist ul:before { content: ""; width: 1px; background: #e4e6ea; display: block; position: absolute; left: 4px; top: -7%; bottom: 0; display: none; }
.newslist ul li { padding: 8px 0 8px 47px; position: relative; z-index: 3; }
.newslist ul li:before { content: ""; width: 40px; height: 1px; background: #e4e6ea; display: block; position: absolute; left: 0; top: 52px }
.newslist ul li:after { content: ""; width: 9px; height: 9px; background: #e4e6ea; border-radius: 50%; display: block; position: absolute; left: 0; top: 48px }
.newslist ul li .date { font-size: 16px; color: #21252d }
.newslist ul li h3 a { font-size: 22px; color: #66686c; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 18px 0 28px; display: block; transition: all ease .5s }
.newslist ul li p { height: 60px; font-size: 16px; color: #66686c; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.newslist ul li .more { font-size: 14px; text-align: right; display: block; transition: all ease .5s }
.newslist ul li .more:after { content: ""; width: 32px; height: 9px; background: url(../images/news-more.png) center right no-repeat; display: inline-block; margin-left: 9px; opacity: .5; transition: all ease .5s }
.newslist ul li:hover h3 a { color: #1663FF }
.newslist ul li:hover .more { color: #1663FF }
.newslist ul li:hover .more:after { width: 44px; opacity: 1 }
.newslist ul li:hover { background-color: #fefefe; }

.p16 { font-weight: bold; font-size: 20px; }
.ptitle { line-height: 35px; margin-bottom: 8px; text-align: center; }
.pline { border-bottom: 4px double #dddddd; height: 35px; }
.info { text-align: center; line-height: 30px; color: #666; padding-right: 18px; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; margin-bottom: 20px; }
.news-lj { clear: both; overflow: hidden; padding: 10px 20px; padding-left: 130px; box-sizing: border-box; background: url(../images/ico_newslj.png) #f3f3f3 no-repeat 20px center; margin: 30px auto; }
.news-lj p { color: #666; line-height: 24px; padding: 10px 0; background-size: 75pt }
.news-lj p font { color: #1663FF }
.news-tel { line-height: 44px }
.news-tel span { float: left; padding-left: 42px; background: url(../images/new-tel.png) no-repeat left center; }
.news-tel span i { font-style: normal; }
.news-tel span a { color: #1663FF; font-size: 26px; font-weight: 700; margin-left: 8px }
.news-tel a.new_btn { float: right; color: #fff; font-size: 18px; font-weight: 700; text-align: center; line-height: 40px; padding: 0 20px 0 55px; background: url(../images/ico_btn.png) #1663FF no-repeat 10px 4px; background-size: 30px }
.news-tel a.new_btn:hover { color: #ff0 }

.prenext { color: #cc0000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 98%; line-height: 30px; margin-top: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; margin-bottom: 15px; }
.prenext .pre { float: left; width: 100%; }
.prenext .pre a { color: #333; text-decoration: none; }
.prenext .pre a:hover { color: #1663FF; }/* 上一篇 */
.prenext .next { text-align: left; float: left; width: 100%; }
.prenext .next a { color: #333; text-decoration: none; }
.prenext .next a:hover { color: #1663FF; }

.cpxgxw { margin-bottom: 40px; }
.cpxgxwt { background-color: #f2f2f2; line-height: 50px; }
.cpxgxwt h2 { font-size: 26px; background: url(../images/xgt2.png) no-repeat left center; width: 206px; height: 50px; text-indent: 40px; color: #fff; }
.cpxgxwt span { float: right; padding-right: 20px; }
.cpxgxw ul, .cpxg ul { border: 1px #dddddd solid; padding: 20px; overflow: hidden; }
.cpxgxw li { width: 48%; float: left; margin: 0 1%; background: url(../images/m11.png) no-repeat left center; text-indent: 20px; border-bottom: 1px #ddd dashed; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.cply { clear: both; }

.nyl {width: 41%;float: left;border: 1px solid #ccc;padding: 3px; }
.nyl img{border-bottom-right-radius: 50px; border-top-left-radius: 50px;;}
.nyr { width: 51%; float: left; margin-left: 4%; display: inline; }
.nyr h2 { font-size: 26px; margin-bottom: 30px; }
.list1 { width: 100%; overflow: hidden; padding: 20px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.list1 li { width: 25%; float: left; }
.list1 li i { display: block; float: left; width: 26px; height: 26px; margin-right: 5px; }
.promenu { margin: 30px auto 10px; overflow: hidden; }
.promenu ul { margin: 0 -1% auto; overflow: hidden; }
.promenu ul li { float: left; text-align: center; width: 23%; margin: 0 1%; background-color: #ccc; border-radius: 5px; }
.promenu ul li a { color: #333; display: block; font-size: 18px; border-right: solid 1px #fff; padding: 10px 0; }
.promenu ul li a:hover { color: #fff; }
.promenu ul li:hover, .promenu .cur, .promenu .cur a { background-color: #1663FF; color: #fff; border-radius: 5px; }
.promenu ul li span { width: 50px; height: 50px; display: block; margin: 0 auto; background: url(../images/ico.png) no-repeat; display: none; border-radius: 5px; }
.promenu ul .li1 span { background-position: -88px 0; }
.promenu ul .li2 span { background-position: -88px -55px; }
.promenu ul .li3 span { background-position: -88px -110px; }
.promenu ul .li4 span { background-position: -88px -165px; }

 @media screen and (max-width: 1200px) {
.wrap{width: 98%;	margin:0 1%;}
.logo{ }
.xc span.z1{ display:none;}
.xc span.y1{ display:none;}
.xc{ display:none; }
.sjxc{ display:block;}
.sjxc ul li{ width:22.5%; margin:1%; float:left;}
.sjxc ul li span{ line-height: 38px;display: block;background: #f5faff;text-align: center; }
#hys{ display:none;}
}
@media screen and (max-width: 980px) {
.hmid{ display:none;}
.logo{ width:auto;}
.head{ padding-top:10px; margin-bottom:10px;}
.top1{ display:none;}

.m1c{ display:none;}
.m1 ul{ margin-right:0;}
.m1 li{ width:23%; margin:1%; box-sizing:border-box;}
.m1 li h2{ height:40px; overflow:hidden; line-height:40px;}
.news .news_con .list{ width:47%; }

.mys li{ width:30%;}

.ab dd{ width:98%; margin:0 1%; padding-left:0; padding-top:0; }
.ab dt{ display:none; }

.nyban { display: none; }
.dqwz .wrap { width: 100%; margin: 0; }
.dqwz { display: block; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; text-align: center; background-color: #1663FF; height: auto; line-height: auto; text-align: center; padding: 0; line-height: 16px; }
.dqwz .p1 { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; background-color: #fff; padding: 15px 0; }
.dqwz .p2 { display: block; color: #fff; padding: 10px 0; }

}
 @media screen and (max-width: 800px) {
.nav {height: 80px;overflow: hidden;background-color:#1763ff;background-image:none;}
.nav ul li {width: 25%;	height: 40px;line-height: 40px;background-image:none;border:1px #008aec solid;box-sizing:border-box;	margin-bottom:-1px;	margin-right:-1px;}
.nav ul li a:hover{ background-image:none;}
#slideBox{ display:none;}
#sjslideBox{ display:block;}

.m1 li{ width:48%; }
.mcpt p{ display:none;}
.picScroll-left{ display:none;}
.sjcp{ display:block;}
.mcp{ margin-bottom:30px;}
.mcpt a{ display:none;}
.mcpt h2{ text-align:center; float:none; padding:0; font-size:26px;}
.m3t h2{font-size:26px;}
.mcpline{ margin:0 auto; text-align:center; display:none;}
.mcpt h4{ padding:0; width:220px; text-align:center; display:block; margin:0 auto;}

.sjxc ul li{ width:48%;}
.mys li{ width:46%;}
.news .news_con .list{ width:98%; }
.mcptj li{ width:48%;}
#cpdivMainTab ul{ width:100%;}
.mcp2 li p{ display:none;}
.mcp2 li span{ display:none;}
.mgd{ height:35px; margin:20px auto 30px; line-height:35px;}
.flogo,.ftel,.fwx{ width:100%; text-align:center;}
.ftel p{ padding:0; text-align:center;}
.flogo{ margin:0;}
.fwx,.f1{ width:100%; text-align:center; padding:0;}
.bq span{ display:none;}
.bq{ text-align:center;}
.foot dt{ margin-bottom:0;}
.foot{ padding:30px 0 0; }
.fdh {line-height: 40px;height: 40px;background-color: #222222;	width: 100%;display: block;	position: fixed;z-index: 99999;	bottom: 0px;color: #FFF;}
.fdh li {width: 33.33333%;float: left;display: block;text-align: center;border-right: 1px #ddd solid;box-sizing: border-box;}
.fdh .li {background-color: #1763ff;}
.fdh a {color: #FFF;}
.gycp li { width: 48%; }
.cpzs li,.cpzs1 li { width: 48%; height: auto; }
.mleft { display: none; }
.mright { width: 100%; }
.news-lj { padding: 20px; background-image: none; }

.nyl { width: 95%; margin: 0 auto 20px; box-sizing: border-box; text-align: center; float: none; }
.nyl img { border: 0; }
.nyr { width: 98%; margin: 0 1%; }
.nyr h2 { text-align: center; }
.nyr h1 { text-align: center; }
.list1 li{ width:48%; }
.toolbar{ display:none;}

}
@media screen and (max-width: 640px) {
.logo {width: 100%;text-align: center;}
.htel {display: none;}
h2.tit a{ font-size:24px;}
.news .news_con .list .text ul li a{ width:65%; }
.foot{ background-size:cover; padding:25px 0;}
.nybancon { padding-top: 60px; padding-bottom: 60px; }
.nyban { margin-bottom: 30px; }
.mys li{ width:45%;}
.news-lj { display: none; }
.cpxgxw li { width: 98%; }
}
 @media screen and (max-width: 580px) {

}
@media screen and (max-width: 480px) {

}