* {



	margin: 0;



	border: 0;



	padding: 0;



	vertical-align: baseline;



	outline: none;



	list-style: none;



	color: #555;



	font-style: normal;



	outline: none;



}



body {



	background: #f5f5f5;



	font: 14px 'Microsoft Yahei', 'Microsoft Jhenghei', Tahoma, 'Simsun';



}



h1, h2, h3, h4, h5, h6 {



	font-weight: normal;



}



a {



	color: #555;



	text-decoration: none;



}



a:focus {



	outline: none;



}



a:hover, a:active {



	outline: 0;



	color: #2277da;



}



img {



	vertical-align: middle;



}



.wgno {



	clear: both;



}



.z {



	float: left;



}



.y {



	float: right;



}



.cl {



	zoom: 1;



}



.cl:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}



textarea, input, button {



	-webkit-appearance: none;



	appearance: none;



	border-radius: 0;



}



.w1200 {



	width: 1200px;



	margin: 0 auto;



}



.wp {



	width: 1200px;



	min-width: 1200px;



	margin: 0 auto;



}



.wps {



	margin: 0 12px;



}



/*btn-a*/



.btn-a {



	transition: 0.5s;



	position: relative;



}



.btn-a span {



	color: #fff;



	position: relative;



	z-index: 2;



}



.btn-a em {



	position: absolute;



	top: 0;



	bottom: 0;



	left: 0;



	width: 0;



	background: #fff;



	transition: 0.5s;



}



.btn-a:hover span {



	color: #2277da;



}



.btn-a:hover em {



	width: 100%;



}



/*头部*/





.header {



	background: #fff;

border-bottom: #ededed 1px solid;

	min-width: 1200px;

/* 	

    box-shadow: 0 10px 10px rgb(105, 105, 105);

    border-bottom: #5c5c5c 1px solid; */



}



.header h1 {



	float: left;



	margin: 0;



	padding: 6px 0;



	height: 60px;



}



.header h1 a {



	display: block;



}



.header h1 img {



	height: 60px;



	vertical-align: middle;



}



.header .nav {



	float: right;



	margin-left: 40px;



	width: 788px;



	 



}



.header .nav li {



	display: inline-block;



*display:inline;



	zoom: 1;



	margin: 0 -2px;



	position: relative;



	z-index: 100;

    height: 73px;



	line-height: 73px;

	margin-left: 12px;



}



.header .nav li a {



	display: block;



	/* height: 72px;



	line-height: 72px; */



	padding: 0 20px;



	font-size: 20px;



	color: #555;



	text-decoration: none;



}



.header .nav li.hover a {



	/* background: #12152c; */



	/* color: #fff; */

	border-bottom: 5px #0028A0 solid;



}



.header .nav .sub-menu {



	display: none;



	position: absolute;



	height: 0;



	left: -400px;



	top: 78px;



	z-index: -100;

    padding-left: 77px;

   background: #fff;

   overflow: hidden;

}



.header .nav .sub-menu li{

		float: left;

		width: 270px;

		text-align: left;

		margin-right: 85px;

		 

		

}

.header .nav .sub-menu .fangkuang{

	border: 1px solid #ededed;

	background: #fff;

	width:310px;

	height: 40px;

	line-height: 22px;

	margin: 0 auto;

	margin-top: 10px;  

	padding-top: 10px;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    outline: #000000;



}

  

.header .nav .sub-menu .fangkuang:hover{

	color: #0028A0;   

	border: #0028A0 1px solid;



}

.header .nav .sub-menu .fangkuang .span0{

	width: 480;

	margin: 0 auto;

}

 .header .nav .sub-menu .fangkuang .span1{

		 font-size: 16px;

		 /*font-weight: bold;*/

		 color: #555;

}

 

.header .nav .sub-menu .fangkuang .span2{

		  font-size: 14px;

		 color: #7a8185;

}





.header .nav .sub-menu .fangkuang1{

	border: 1px solid #ededed;

	background: #fff;

	width:480px;

	/* height: 100px; */

	line-height: 40px;

	margin: 0 auto;

	margin-top: 10px;  

	padding-top: 10px;

	padding-bottom: 20px;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    outline: #000000;

	text-align: center;

}

  

.header .nav .sub-menu .fangkuang1:hover{

	color: #0028A0; 

	border: 1px solid #0028A0;



}

 .header .nav .sub-menu .fangkuang1 .span1{

		 font-size: 16px;

		 /*font-weight: bold;*/

		 color: #555;

}

 

.header .nav .sub-menu .fangkuang1 .span2{

		  font-size: 14px;

		 color: #7a8185;

}





.header .nav .sub-menu h4{

	font-size: 22px;

    color:#0028A0 ;

    width:280px;

	/*height: 80px;*/

	margin: 0 auto;

	margin-top: 30px;

}

.header .nav li.hover .sub-menu {



	display: block;



}





.header .nav .sub-menu1 {



	display: none;



	position: absolute;

 	 top:78px;

     left: -930px; 

    margin: auto;

padding-left: 50px;



	z-index: -100;

 

 background: #fff;

 

    overflow: hidden;

}



.header .nav .sub-menu1 li{

		float: left;

		width: 300px;

		text-align: left;

		margin-right: 50px;

		

}

.header .nav .sub-menu1 .fangkuang{

	border: 1px solid #ededed;

	background: #fff;

	width:250px;

	height: 60px;

	line-height: 22px;

	margin: 0 auto;

	margin-top: 10px;  

	padding: 20px 20px 0px 20px;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    outline: #000000;

}

  

.header .nav .sub-menu1 .fangkuang:hover{

	color: #2277da; 

	border: 1px solid #0028A0;



}

 .header .nav .sub-menu1 .fangkuang .span1{

		 font-size: 16px;

		 /*font-weight: bold;*/

		 color: #555;

}

 

.header .nav .sub-menu1 .fangkuang .span2{

		  font-size: 14px;

		 color: #7a8185;

}



.header .nav .sub-menu1 h4{

	font-size: 22px;

    color:#0028A0 ;

    width:280px;

	/*height: 80px;*/

	margin: 0 auto;

	margin-top: 30px;

}

.header .nav li.hover .sub-menu1 {



	display: block;



}



/*.header .nav .sub-menu a {



	font-size: 14px;



	height: 36px;



	line-height: 36px;



	padding: 0;



	background: #12152c;



	width: 108px;



	padding: 0;



	text-align: center;



	color: #ddd;



font-size:14px-webkit-transition:background .2s;



	-moz-transition: background .2s;



	transition: background .2s;



}*/



/*.header .nav li.hover li a:hover {



	background: #242847;



	color: #fff;



}*/



.header-tel {



	height: 77px;



	line-height: 77px;



	margin-left: 0px;



}



.header-tel span {



	padding-left: 32px;



	background: url(../images/header-tel.png) no-repeat left center;



	font-size: 18px;



	color: #555;



}



.header .search {



	float: right;



	width: 230px;



	padding: 20px 0;



}



.header .search input {



	float: right;



	color: #aaa;



	font-size: 13px;



}



.header .search .text {



	padding: 4px 10px;



	height: 24px;



	line-height: 24px;



	background: #fefefe;



	border-radius: 3px 0 0 3px;



	width: 160px;



}



.header .search .submit {



	background: #fefefe url(../images/search.png) no-repeat center;



	height: 32px;



	padding: 0 18px;



	font-size: 0;



	border-radius: 0 3px 3px 0;



	cursor: pointer;



}



.customize-support .s-header {



	top: 32px;



}



.s-header {



	position: fixed;



	_position: static;



	top: 0;



	left: 0;



	z-index: 100;



	width: 100%;



	opacity: 0.9;



	-moz-opacity: 0.9;



	filter: alpha(opacity=8);



}





.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}

.clearfix:after{clear:both}



.banner-tu1{background:url(../images/tu1.jpg) center center no-repeat;}

.banner-tu2{background:url(../images/tu2.jpg) center center no-repeat;}

.banner-tu3{background:url(../images/tu3.jpg) center center no-repeat;}

.banner-tu4{background:url(../images/tu4.jpg) center center no-repeat;}

.banner-tu5{background:url(../images/tu5.jpg) center center no-repeat;}





.banner-engine{height:820px;position:relative;overflow:hidden;}

.banner-engine .banner-ul{position:relative;width:100%;height:800px}

.banner-engine .banner-text{position:absolute;left:0;top:-720px;width:100%;height:552px}

.banner-engine .banner-text{display:none}

.banner-engine .banner-text1{font-size:60px;line-height:60px;color:#fff}

.banner-engine .banner-text2{margin-top:28px;font-size:28px;line-height:40px;color:#e4e7eb}



.banner-engine .banner-text3{font-size:60px;line-height:70px;color:#fff;margin-top:80px;}

.banner-engine .banner-text4{margin-top:28px;font-size:30px;line-height:30px;color:#e4e7eb}



.banner-engine .banner-text5{font-size:60px;line-height:70px;color:#555;text-align:center;width:1200px;}

.banner-engine .banner-text6{margin-top:28px;font-size:30px;line-height:30px;color:#555;text-align:center;width:1200px;}



.slider-text1{position:absolute;margin-top:130px}



.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:18px;color:#fff}

.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}

.banner-ul li{display:none;height:100%;width:100%;float:left}

.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left;}

.banner-engine .banner-ul li:first-child{z-index:initial}



.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}

.banner-engine .banner-point{display:block}



.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}

.banner-engine .slider-main{display:block}

.slider-text{position:absolute;margin-top:214px}

.banner-area{width:100%;text-align:center}

.banner-area li{margin:0 5px;display:inline-block;width:10px;height:10px;  

    border-radius: 10px;

    background: #999;

    cursor: pointer;}

.banner-area li.active{border-radius: 10px;

    background: #fff;

    cursor: pointer;}









/*分类头部*/



.cat-header {



	min-width: 1200px;



	height: 400px;

	position: relative;



	background:  url(../images/h-top-3.jpg) no-repeat center center;



}



.cat-header .s {



	position: absolute;



	left: 0;



	width: 100%;



	top: 45%;



	margin-top: -105px;



	z-index: 2;



}



.cat-header h1 {



	font-size: 32px;



	line-height: 60px;



	color: #eee;



}



.cat-header .line {



	width: 100px;



	height: 2px;



	background: #2277da;



	margin: 9px 0;



}



.cat-header p {



	font-size: 16px;



	color: #ddd;

width: 700px;

	line-height: 30px;



}

.cat-header p .button1{

	    display: inline-block;

    border: 1px solid #fff;

    margin-top: 24px;

    width: 160px;

    height: 44px;

    line-height: 42px;

    text-align: center;

    font-size: 16px;

    color: #fff;

}



.cat-header p .button1:hover{background:#fff;color:#333;border:1px solid #fff}

.cat-list {



	text-align: center;



	background: #091c3c;



	border-bottom: 1px #eee solid;



}



.cat-list li {



	display: inline-block;



*display: inline;



	zoom: 1;



	height: 50px;



	line-height: 50px;



	margin: 0 15px;



	font-size: 16px;

	



}

.cat-list li a{color: #fff;}

.cat-list li a:hover{color: #F0F0F0;}

.cat-list .current-cat a {



	color: #0595c7;



}



/*翻页*/ 



.pagination {



	margin-top: 20px;



	text-align: center;



	height: 28px;



}



.pagination a, .pagination span {



	padding: 0 10px;



	height: 28px;



	line-height: 30px;



	display: inline-block;



	background: #ddd;



	color: #666;



	margin: 0 3px;



	font-size: 14px;



}



.pagination .current, .pagination a:hover {



	background: #0595c7;



	color: #fff;



}



.pagination em {



	padding: 0 10px;



	color: #999;



	font-size: 12px;



}



.top-h {



	background: #0595c7 url(../images/h-top.jpg) no-repeat center;



	text-align: center;



	min-width: 1200px;



}



.top-h h2 {



	color: #fff;



	line-height: 40px;



	padding-bottom: 10px;



	font-size: 36px;



	font-weight: normal;



}



.top-h h2, .top-h h2 a {



	display: block;



	line-height: 40px;



	padding-top: 50px;



}



.top-h .only, .top-h .only a {



	line-height: 150px;



	padding: 0;



}



.top-h .cat {



	padding: 20px 0 50px;



	text-align: center;



}



.top-h .cat li {



	display: inline-block;



	margin-right: 15px;



*display:inline;



	zoom: 1



}



.top-h .cat li a {



	display: inline-block;



	padding: 7px 25px;



	border: 1px #fff solid;



	color: #fff;



	border-radius: 3px;



	font-size: 13px;



	transition: .2s;



	-moz-transition: .2s;



	-webkit-transition: .2s;



	-o-transition: .2s;



}



.top-h .cat li a:hover, .top-h .cat .current-cat a {



	background: #fff;



	color: #33475F;



}



.in-cont {



	margin: 20px auto;



}



.in-cont .mn {



	float: left;



	width: 820px;



}



.in-cont .sidebar {



	float: right;



	width: 360px;



}



/*边栏*/



.sidebar .tuijian {



	background: #fff;



	border: 1px #eaeaea solid;



	padding: 0 15px 15px;



	margin-bottom: 15px;



	border-radius: 4px;



	transition: .2s;



	-moz-transition: .2s;



	-webkit-transition: .2s;



	-o-transition: .2s



}



.sidebar .tuijian:hover {



	border-color: #2277da;



}



.sidebar .tuijian h2 span {



	float: left;



	display: block;



	background: #2277da;



	color: #fff;



	font-weight: normal;



	font-size: 14px;



	padding: 4px 15px;



	margin-top: -1px;



}



.sidebar .tuijian h3 {



	font-size: 20px;



	font-weight: normal;



	margin-top: 15px;



	margin-bottom: 10px;



	color: #2277da;



}



.sidebar .tuijian p {



	color: #999;



	line-height: 20px;



	font-size: 12px;



}



.sidebar .sidesub {



	margin-bottom: 15px;



	background-color: #fff;



	border-radius: 4px;



	border: 1px solid #eaeaea;



	overflow: hidden;



}



.sidebar .sidesub h2 {



	font-size: 18px;



	color: #666;



	border-bottom: 1px solid #eaeaea;



	background-color: #fbfbfb;



	margin: 0;



	padding: 8px 15px;



	font-weight: normal;



}



.sidebar .ser li {



	position: relative;



	float: left;



	width: 50%;



	text-align: center;



	background-color: #fff;



	color: #777;



}



.sidebar .ser .sub {



	border-bottom: 1px dashed #ddd;



}



.sidebar .ser li div {



	padding: 15px 15px 20px;



}



.sidebar .ser li:hover {



	background-color: #F9F9F9;



}



.sidebar .ser .sub-1 div, .sidebar .ser .sub-3 div {



	border-right: 1px dashed #ddd;



}



.sidebar .ser .sub-5 {



	width: 100%;



	border: 0;



}



.sidebar .ser .sub-5 p {



	height: auto;



	line-height: 20px;



}



.sidebar .ser .sub-5 p a {



	color: #bbb;



}



.sidebar .ser h3 {



	font-size: 16px;



	font-weight: normal;



	line-height: 1.2em;



	margin: 10px 0;



}



.sidebar .ser p {



	height: 50px;



	overflow: hidden;



	color: #bbb;



	margin-bottom: 10px;



	font-size: 12px;



}



.sidebar .ser .btn {



	display: inline-block;



	border: 1px #ddd solid;



	color: #777;



	background-color: #fff;



	border-radius: 2px;



	padding: 5px 12px;



	font-size: 13px;



}



.sidebar .ser .btn:hover {



	border-color: #bbb;



	color: #555;



	background-color: #e6e6e6;



}



.sidebar .contact {



	background: #fff;



	border: 1px #eaeaea solid;



	padding: 0 15px 20px;



	margin-bottom: 15px;



	border-radius: 4px;



}



.sidebar .contact h2 span {



	float: left;



	display: block;



	background: #0595c7;



	color: #fff;



	font-weight: normal;



	font-size: 14px;



	padding: 4px 15px;



	margin-top: -1px;



}



.sidebar .contact h3 {



	padding-top: 5px;



	font-size: 18px;



	color: #0595c7;



	line-height: 36px;



}



.sidebar .contact p {



	line-height: 24px;



	color: #999;



	font-size: 12px;



}



.sidebar .contact .qq {



	padding-top: 10px;



}



.sidebar .contact .qq a {



	margin-right: 3%;



	border: 1px #eee solid;



	padding: 4px 10px 4px 25px;



	background: url(../images/qq.png) no-repeat 5px center;



	font-size: 13px;



	color: #666;



	transition: .2s;



	-moz-transition: .2s;



	-webkit-transition: .2s;



	-o-transition: .2s;



}



.sidebar .contact .qq a:hover {



	border-color: #0595c7;



	opacity: .8;



}



.sidebar .contact .ditu {



	float: right;



	line-height: 30px;



	font-size: 12px;



	color: #aaa;



	background: url(../images/ditu.png) no-repeat left center;



	padding-left: 16px;



}



.sidebar .contact .ditu:hover {



	text-decoration: underline;



}



.fixed {



	width: 328px;



	position: fixed;



	_position: absolute;



	top: 66px;



	top: 0\0;



*top:0;



	z-index: 10;



}



.customize-support .fixed {



	top: 84px;



	top: 32px\0;



*top:32px;



}



.in-cont .mn .list .cat {



	color: #fff;



	background-color: #0595c7;



	padding: 0px 6px;



	font-size: 12px;



	display: inline-block;



	position: relative;



	top: -2px;



	margin-right: 6px;



	font-weight: normal;



}



.in-cont .mn .list .cat:hover {



	opacity: 0.85;



	filter: alpha(opacity=85);



}



.in-cont .mn .list .cat i {



	position: absolute;



	top: 50%;



	margin-top: -4px;



	right: -4px;



	display: inline-block;



	width: 0;



	height: 0;



	vertical-align: middle;



	border-left: 4px solid #0595c7;



	border-top: 4px solid transparent;



	border-bottom: 4px solid transparent;



}



.in-cont .list_news dl {



	padding: 20px;



	overflow: hidden;



	margin-bottom: -1px;



	border: 1px #eaeaea solid;



	background: #fff;



}



.in-cont .list_news .first {



	border-radius: 4px 4px 0 0;



}



.in-cont .list_news .last {



	border-radius: 0 0 4px 4px;



}



.in-cont .list_news .m {



	float: left;



	width: 220px;



	margin-right: 15px;



}



.in-cont .list_news .m img {



	width: 100%;



	height: 150px;



}



.in-cont .list_news dt {



	height: 24px;



	line-height: 24px;



	margin-bottom: 6px;



	overflow: hidden;



}



.in-cont .list_news dt a {



	font-size: 18px;



	color: #222;



}



.in-cont .list_news dt a:hover {



	color: #0595c7;



}



.in-cont .list_news p {



	color: #999;



	font-size: 12px;



	line-height: 30px;



}



.in-cont .list_news p em {



	margin-right: 15px;



	color: #999;



}



.in-cont .list_news p em a {



	color: #999;



}



.in-cont .list_news dd {



	line-height: 22px;



	font-size: 12px;



	color: #888;



}



/*案例列表*/



.caselist .data {



	float: left;



	width: 23%;



	margin: 0 2% 30px 0;



	background: #fff;



}



.caselist .no {



	margin-right: 0;



}



.caselist .data .m a {



	display: block;



	overflow: hidden;



}



.caselist .data img {



	width: 100%;



	height: 200px;



	transition: 1s;



	-moz-transition: 1s;



	-webkit-transition: 1s;



	-o-transition: 1s;



}



.caselist .data img:hover {



	transform: scale(1.1);



	-moz-transform: scale(1.1);



	-o-transform: scale(1.1);



	-webkit-transform: scale(1.1);



}



.caselist .info {



	padding: 0 10px;



}



.caselist h2 {



	height: 40px;



	line-height: 40px;



	font-size: 14px;



	font-weight: normal;



	overflow: hidden;



}



.caselist h2 em {



	float: right;



	margin-left: 10px;



	padding-left: 16px;



	font-size: 12px;



	color: #888;



	background: url(../images/see.png) no-repeat left center;



}



.casepage .pagination {



	margin-top: 0;



	margin-bottom: 10px;



*margin-top:30px;



}



/*内页*/



.article {



	background-color: #fff;



	padding: 20px;



	border: 1px #eaeaea solid;



	border-radius: 4px;



}



.article h1 {



	font-size: 24px;



	font-weight: normal;



	line-height: 1.5em;



}



.article .info {



	margin-bottom: 15px;



	padding-bottom: 10px;



	line-height: 30px;



	font-size: 12px;



	border-bottom: 1px #eee solid;



	color: #888;



}



.article .info em {



	color: #888;



	margin-right: 10px;



}



.article .info a {



	color: #888;



}



.article .cont {



	word-wrap: break-word;

line-height: 32px;

font-size: 16px;

}



.article .cont h1 {



	font-size: 18px;



	line-height: 1.5em;



	padding: 5px 0;



	margin: 20px 0;



	border-bottom: 1px #ddd solid;



}



.article .cont h2 {



	margin: 10px 0;



	font-size: 16px;



	font-weight: bold;



}



.article .cont ol, .article .cont ul {



	margin: 0 0 20px 0;



}



.article .cont ol li, .article .cont ul li {



	list-style-position: inside;



	font-size: 15px;



	line-height: 26px;



	margin-bottom: 6px;



	text-indent: 2em;



}



.article .cont ol li {



	list-style-type: decimal;



}



.article .cont ul li {



	list-style-type: disc;



}



.article .cont p {



	font-size: 15px;



	line-height: 26px;



	margin: 15px 0;



	text-indent: 2em;



}



.article .cont a {



	color: #0595c7;



}



.article .cont a:hover {



	text-decoration: underline;



}



.article .cont h6 {



	font-size: 15px;



	line-height: 26px;



	margin-bottom: 15px;



	font-weight: normal;



}



.article .cont blockquote {



	margin-left: 30px;



	background: #eee;



	border-left: 4px #ccc solid;



	padding: 0 5px 0 8px;



	margin-bottom: 15px;



}



.article .cont blockquote p {



	line-height: 24px;



	margin-bottom: 0;



	padding: 4px 0;



	font-size: 12px;



	margin: 0;



	text-indent: 0;



	font-size: 14px;



}



.article .cont img {



	max-width: 780px;



	height: auto;



}



.article .cont .aligncenter {



	display: block;



	margin: auto;



}



.article .cont pre {



	margin: 15px 0;



}



.article .copy {



	line-height: 30px;



	text-align: center;



	font-size: 13px;



	background-color: #efefef;



	border-radius: 3px;



	margin-bottom: 15px;



	color: #999;



	cursor: pointer;



}



.article .copy:hover {



	background: #0595c7;



	color: #fff;



}



.article .bdshare {



	height: 40px;



	line-height: 40px;



	text-align: center;



}



.article div.tag {



	text-align: center;



	line-height: 60px;



}



.article .tag a {



	background: #0595c7;



	color: #fff;



	margin: 0 5px;



	padding: 3px 12px;



	border-radius: 2px;



}



.article .tag a:hover {



	opacity: .8;



}



.article .relatedposts h3 {



	font-size: 18px;



	line-height: 40px;



	border-bottom: 1px #eee solid;



	margin: 10px auto;



	font-weight: normal;



}



.article .relatedposts li {



	height: 30px;



	line-height: 30px;



	overflow: hidden;



	color: #bbb;



	background: url(../images/lidot.gif) no-repeat left center;



	padding-left: 10px;



}



.module-banner {

    /* background: #f5f5f5; */

    /* padding: 80px 0; */

}



.module-banner-box {

  

    margin: 0 auto;

    position: relative;

}



.module-banner-head {

    font-weight: normal;

    text-align: center;

    margin-bottom: 40px;

    color: #333;

}



.module-banner-head em {

    display: block;

    margin-bottom: 14px;

    font-style: normal;

    font-size: 30px;

}



.module-banner-head span {

    font-size: 16px;

    opacity: .6;

}



.module-banner-tab-list {

    float: left;

    width: 280px;

}



.module-banner-tab-list .module-tab-nav li:nth-child(1) {

    background: #fff;

	border-bottom: #ededed 1px solid;

}



.module-banner-tab-list .module-tab-nav li:nth-child(2) {

    background: #fff;

	border-bottom: #ededed 1px solid;

}



.module-banner-tab-list .module-tab-nav li:nth-child(3) {

	background: #fff;

	border-bottom: #ededed 1px solid;

} 



.module-banner-tab-list .module-tab-nav li:nth-child(4) {

    background: #fff;

	border-bottom: #ededed 1px solid;

}



.module-banner-tab-list .module-tab-nav li:nth-child(5) {

    background: #fff;

	border-bottom: #ededed 1px solid;

}



.module-banner-tab-list .module-tab-nav li:nth-child(6) {

    background: #fff; 

}



.module-banner-tab-list ul li {

    color: #fff;

    width: 280px;

    height: 70px;

    cursor: pointer;

    text-align: center;

    position: relative;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.module-banner-tab-list ul li p {

    margin: 0;

    line-height: 70px;

	font-size: 16px;

}



.module-banner-tab-list ul li i {

    width: 40px;

    height: 40px;

    display: none;

}



.module-banner-tab .module-banner-tab-list .module-tab-nav .on {

    opacity: 1;

     height: 120px;

   /* background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);

    background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);

    background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);

    background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);

    background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%); */

	background: #0028A0 ;

    background-repeat: repeat;

	padding-top: 20px;

	

	

}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on p{

	font-size: 16px;

	color: #fff;

}



.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {

    display: inline-block;

}



.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {

    /* background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);

    background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);

    background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);

    background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);

    background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%); */

	background: #0028A0 ;

    background-repeat: repeat;

	 

}

.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover p{

	background: #0028A0 ;

    background-repeat: repeat;

	font-size: 16px;

	color: #fff;

}



.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {

    opacity: 1;

    height: 120px; 

    /* background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);

    background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);

    background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);

    background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);

    background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%); */

    background-repeat: repeat;

	background: #0028A0 ;

	 

}



 

 



.module-banner-tab-list-box {

    float: right;

    width: 780px;

    height: 416px;

    background: #fff;

    padding: 40px;

    overflow: hidden;

    position: relative;

}



.module-tab-box-ma {

    width: 780px;

    opacity: 1;

    z-index: 1;

    -webkit-transition: opacity 0.5s;

    -moz-transition: opacity 0.5s;

    -ms-transition: opacity 0.5s;

    -o-transition: opacity 0.5s;

    transition: opacity 0.5s;

    position: absolute;

}

/* .module-tab-box-ma  li{

	float: left;

} */

.module-tab-box-ma .tab-box-left{

	width: 400px;

	height: 400px;

	border: #000000 1px solid;

}

.module-tab-box-ma .tab-box-right{

	 height: 400px; 

	

}



.module-tab-box-ma .tab-box-title{

	color: #555; 

	line-height: 100px; 

}

.module-tab-box-ma p{

	height: 50px;

	line-height: 30px;



}

.module-tab-title{

	width: 780px;

}

.module-tab-title h4 {

    margin: 0 0 20px 0;

    font-size: 16px;

    font-weight: normal;

    position: relative;

	color: #555; 

}



.module-tab-title h4:before {

    content: " ";

    display: inline-block;

    width: 3px;

    height: 16px;

    background: #0028A0;

    margin-bottom: -2px;

    margin-right: 8px;

}



.module-tab-title p {

    color: #555;

    font-size: 14px;

    line-height: 24px;

}



.module-tab-text {

    margin: 20px 0;

}



.module-tab-text h4 {

    margin: 0 0 20px 0;

    font-size: 16px;

    font-weight: normal;

    position: relative;

	color: #555;

}



.module-tab-text h4:before {

    content: " ";

    display: inline-block;

    width: 3px;

    height: 16px;

    background: #0028A0;

    margin-bottom: -2px;

    margin-right: 8px;

}



.module-tab-text ul li {

    width: 47%;

    float: left;

    font-size: 14px;

    line-height: 38px;

    cursor: pointer;

    color: #a2a2a2;

	margin:0px 15px 15px 0px;

    border: 1px solid #ededed ;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.icon {

    width: 16px;

    height: 16px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    margin-left: 10px;

}



 

.module-tab-text ul li:hover{



    border: 1px solid #0028A0 ;

}

.module-tab-text ul li:hover a {

    color: #0028A0;

	

}



.module-tab-link {

    position: relative;

}



.module-tab-link:after {

    content: '';

    width: 8px;

    height: 8px;

    float: right;

    margin: 15px 20px 0 0;

    transform: rotate(45deg);

    border-top: 1px solid currentColor;

    border-right: 1px solid currentColor;

}



.module-tab-text ul .module-tab-link:hover:after {

    border-color: #0028A0

}



 



 

.module-tab-more{

	width: 165px;

	margin: 0 auto;

}

.module-tab-more a {

    cursor: pointer;

	background: #fff;

	border: #0028A0 2px solid;

	color: #000;

    font-size: 14px;

    text-align: center;

    width: 160px;

	 

    display: inline-block;

    line-height: 40px;

    margin-top: 20px;

    text-decoration: none;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.module-tab-more a:hover {

  

	color: #fff;

    font-size: 14px;

    background: #0028A0;

	border: #0028A0 2px solid;



}



.module-tab-case li {

    float: left;

    margin-right: 20px;

}



.module-tab-case li i {

    width: 60px;

    height: 60px;

    border: 1px solid #f0f0f0;

    border-radius: 12px;

    display: inline-block;

}



.icon-case01 {

     background: url(../images/case001.png) no-repeat center;

     background-size: contain;

 }



.icon-case02 {

    background: url(../images/case002.png) no-repeat center;

    background-size: contain;

}



.icon-case03 {

    background: url(../images/case003.png) no-repeat center;

    background-size: contain;

}



.icon-case04 {

    background: url(../images/case004.png) no-repeat center;

    background-size: contain;

}



.icon-case05 {

    background: url(../images/case005.png) no-repeat center;

    background-size: contain;

}



.icon-case06 {

    background: url(../images/case006.png) no-repeat center;

    background-size: contain;

}



.module-tab-case li span {

    color: #666;

    font-size: 12px;

    display: block;

    text-align: center;

    line-height: 24px;

}



.article .relatedposts li a {



	color: #777;



	font-size: 14px;



}



.article .relatedposts li a:hover {



	color: #0595c7;



}



.article table {



	width: 100%;



	margin: 10px auto;



	border-collapse: collapse;



}



.article td, .article th {



	line-height: 25px;



	border: 1px #ddd solid;



	vertical-align: middle;



	padding: 5px 10px;



	font-size: 14px;



}



/*案例内页*/



.caseinfo h1 {



	border-bottom: 1px #eee solid;



	padding-bottom: 5px;



	margin-bottom: 10px;



}



.caseinfo .info {



	position: relative;



	padding-right: 320px;



}



.caseinfo .info .code {



	position: absolute;



	top: 15px;



	right: 10px;



}



.caseinfo .info .code img {



	max-height: 150px;



	max-width: 200px;



}



.caseinfo .info .code p {



	font-size: 12px;



	text-align: center;



	line-height: 30px;



	color: #888;



}



.caseinfo .info .logo {



	top: 0;



	padding: 50px 0;



}



.caseinfo .info .logo img {



	max-width: 100%;



	max-height: 72px;



	padding: 5px;



	border: 1px #eee solid;



}



.caseinfo .info li, .caseinfo .info li span, .caseinfo .info li a {



	font-size: 14px;



	color: #888;



}



.caseinfo .info li a:hover {



	text-decoration: underline;



}



.caseinfo .info li .btn {



	background-color: #0595c7;



	color: #fff;



	padding: 2px 10px;



	font-size: 12px;



	border-radius: 10px;



}



.caseinfo .info li .btn:hover {



	opacity: .8;



	text-decoration: none;



}



.caseinfo .demo {



	padding: 30px 0;



}



.caseinfo .demo h2 {



	font-size: 18px;



	font-weight: normal;



	border-bottom: 1px #eee solid;



	padding-bottom: 5px;



	margin-bottom: 15px;



}



.caseinfo .demo h2 em {



	font-size: 12px;



	color: #888;



	margin-left: 10px;



}



.caseinfo .demo li {



	float: left;



	width: 23.5%;



	margin-left: 2%;



*margin-left:1.8%;



}



.caseinfo .demo li a {



	display: block;



	border: 1px #f8f8f8 solid;



}



.caseinfo .demo .no {



	margin-left: 0;



}



.caseinfo .demo li img {



	width: 100%;



}



/*普通页面*/



.page-single {



	margin: 20px auto;



}



.page-single .mn {



	float: right;



	width: 980px;



}



.pageside {



	float: left;



	width: 200px;



}



.pageside ul {



	list-style: none;



	margin: 0 0 15px;



	padding: 0;



	border: 1px solid #eaeaea;



	background-color: #fff;



	border-radius: 4px;



	overflow: hidden;



	border-bottom: 0;



}



.pageside li a {



	display: block;



	padding: 12px 20px;



	font-size: 16px;



	color: #999;



	border-bottom: 1px solid #eee;



	background-color: #fff;



}



.pageside li:hover a {



	background-color: #fafafa;



}



.pageside .current_page_item a {



	color: #fff;



	background-color: #0595c7;



	margin: 0 -1px;



}



.pageside .current_page_item:hover a {



	background-color: #0595c7;



}



.page-single h1.title {



	text-align: center;



	font-size: 26px;



	border-bottom: 1px #eee solid;



	padding-bottom: 10px;



}



.page-single .article {



	min-height: 420px;



}



.page-single .links {



	padding: 20px 0;



}



.page-single .links h2 {



	padding-bottom: 5px;



	border-bottom: solid 1px #eee;



	font-size: 20px;



	font-weight: normal;



}



.page-single .links li {



	float: left;



	width: 20%;



}



.page-single .links li a {



	display: block;



	padding: 8px 10px;



	margin: 10px 10px 0 0;



	border: 1px solid #f5f5f5;



	font-size: 14px;



	overflow: hidden;



}



.page-single .links li a:hover {



	border-color: #eee;



	background: #fafafa;



}



.page-single .links li img {



	float: left;



	width: 16px;



	height: 16px;



	margin-right: 8px;



	margin-top: 2px;



}



/*footer*/



.footer {



	background: #090b1a;



	padding: 30px 0;



	min-width: 1200px;



	border-bottom: 1px #020205 solid



}



.footer dl {



	float: left;



}



.footer a, .footer dd {



	color: #787d80;



}



.footer a:hover {



	color: #aaa;



}



.footer dt {



	line-height: 36px;



	height: 36px;



	margin-bottom: 5px;



	font-size: 16px;



	color: #eee;



}



.footer dd, .footer dd a {



	line-height: 35px;



	font-size: 14px;



}



.footer .about {



	width: 250px;

 

}



.footer .about dd, .footer .solution dd {



	/* float: left; */



	width: 50%;



}



.footer .solution {



	width: 360px;

 

}



.footer .flow {



	float: right;



}



.footer .flow dt {



	height: 16px;



	line-height: 16px;



}



.footer .flow img {



	width: 90px;



	height: 90px;



	background: #fff;



}



.footer .flow .m {



	float: left;



}



.footer .flow .wx {



	margin-left: 15px;



}



.footer .flow .m p {



	line-height: 24px;



	font-size: 12px;



	color: #787d80;



	text-align: center;



}



.footer-link {



	padding-top: 30px;

	font-size: 16px;



}



.footer-link li {



	float: left;



	height: 14px;



	line-height: 14px;



	margin: 5px 25px 5px 0;



	font-size: 14px;



	color: #787d80;



}



.footer-link li a {



	color: #787d80;



}



.footer-link .fisrt {



	padding-right: 25px;



	border-right: 1px #787d80 solid;



}



.bot-footer {



	background: #090b1a;



	min-width: 1200px;



	border-top: 1px solid #171a35;



}



.bot-footer p {



	line-height: 50px;



	text-align: center;



}



.bot-footer p, .bot-footer p em, .bot-footer p a {



	color: #787d80;



	font-size: 13px;



}



.bot-footer p em {



	padding: 0 3px;



}



/*客服*/



.footer-kefu {



	position: fixed;



	top: 50%;



	margin-top: -120px;



	right: 0;



	width: 45px;



	z-index: 9999;



}



.footer-kefu li {



	width: 45px;



	height: 45px;



	line-height: 45px;



	float: right;



	position: relative;



	margin: 1px 0;



	background: #333;



	transition: .3s;



	cursor: pointer;



	border-radius: 1px;



	zoom: 1;



	transition: 0.5s;



}



.footer-kefu li:hover {



	background: #2277da;



}



.footer-kefu li em {



	float: left;



	display: block;



	width: 45px;



	height: 45px;



	overflow: hidden;



}



.footer-kefu li a {



	display: block;



	height: 45px;



	font-size: 14px;



	color: #fff;



	overflow: hidden;



}



.footer-kefu .wx .code {



	display: none;



	right: 47px;



	position: absolute;



	top: -135px;



	width: 150px;



	padding: 5px;



	border: 1px #ddd solid;



	background: #fff;



}



.footer-kefu .wx .code img {



	width: 100%;



}



.footer-kefu .wx .code p {



	line-height: 20px;



	text-align: center;



	font-size: 14px;



}



.footer-kefu .m .code {



	display: none;



	right: 47px;



	position: absolute;



	top: -135px;



	width: 150px;



	padding: 5px;



	border: 1px #ddd solid;



	background: #fff;



}



.footer-kefu .m .code img {



	width: 100%;



}



.footer-kefu .m .code p {



	line-height: 20px;



	text-align: center;



	font-size: 14px;



}



.footer-kefu .qq em {



	background: url(../images/side-kefu.png) no-repeat center;



}



.footer-kefu .wx em {



	background: url(../images/side-weixin.png) no-repeat center;



}



.footer-kefu .m em {



	background: url(../images/side-code.png) no-repeat center;



}



.footer-kefu .tel em {



	background: url(../images/side-tel.png) no-repeat center;



}



.footer-kefu .tel a {



	font-size: 16px;



}



.footer-kefu .top em {



	background: url(../images/side-top.png) no-repeat center;



}



/*ajax响应消息*/



.showmsg div {



	position: fixed;



	left: 50%;



	top: 50%;



	margin-left: -255px;



	margin-top: -20px;



	height: 30px;



	line-height: 30px;



	text-align: center;



	padding: 10px 30px;



	font-size: 14px;



	z-index: 9999;



	border-radius: 2px;



	background: rgba(0,0,0,0.7);



	color: #fff;



}



/* 秀站网 精品与原创织梦模板提供商，一站式建站 */

/* 官方网站：Www.Xiuzhanwang.Com */

/* QQ：904618281  835971066 */

/* .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} */

/* .pagess ul li { display:inline-block;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} */
/* 
.pagess ul li:hover{ background:#ccc; color:#fff;}

.pagess ul li:hover a{color:#fff;} */

 .pagess ul li.thisclass {background: #ccc;color: #fff;}

/* .pagess ul li.thisclass a {color: #fff;font-size: 16px;}  */
/* 
.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}  */













@charset "utf-8";

* {

    padding: 0;

    margin: 0;

}

body {

    color: #666;

}

ul {

    list-style: none;

}

 

.module-line {

    width: 100%;

    text-align: center;

    margin-top: 40px;

    margin-bottom: 40px

}

.module-line span {

    display: inline-block;

*display: inline;

*zoom: 1

}

.module-line .text {

    font-size: 26px;

    color: #4c4c4c;

    margin: 0 10px

}

.module-line .arrow {

    width: 84px;

    height: 16px

}

 

.module-privilege {

    width: 1100px;

    /*height: 910px;*/

    margin: 10px auto 40px;

    position: relative

}

.module-privilege:hover{

	 box-shadow: 0 7px 17px 4px rgba(0,0,0,.07);

}

.module-privilege .privilege-ul {

    float: left;

    border: 1px solid #2554a0;

    background: #fff;

    width: 273px;

    /*position: absolute;*/

}

.module-privilege .privilege-ul.name-ul {

    left: 0;

    

}

.module-privilege .privilege-ul.svip-ul {

    left: 275px;

    color: #ca963b;

    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .08);

    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .08)

}

.module-privilege .privilege-ul.vip-ul {

    left: 548px;

    border-right: 0

}

.module-privilege .privilege-ul.no-vip-ul {

    left: 822px

}

.module-privilege .privilege-ul .privilege-item {

    text-align: center;

    height: 45px;

    line-height: 45px;

    font-size: 18px;

     

}

.module-privilege .privilege-ul .privilege-item a {

    color: #666;

    display: block;

    width: 100%;

    height: 100%

}

.module-privilege .privilege-ul .privilege-item.first-item {

    height: 102px;

    padding-top: 20px;

        border-bottom: 1px solid #2554a0;



}

.module-privilege .privilege-ul .privilege-item.first-item .buy-button-base {

    margin-top: 14px

}

.module-privilege .privilege-ul .privilege-item .title, .module-privilege .privilege-ul .privilege-item .svip-type {

    font-size: 20px

}

.module-privilege .privilege-ul .privilege-item .title .vip-type-icon, .module-privilege .privilege-ul .privilege-item .svip-type .vip-type-icon {

    display: inline-block;

*display: inline;

*zoom: 1;

    vertical-align: middle;

    height: 30px

}

.module-privilege .privilege-ul .privilege-item .title .vip-type-title, .module-privilege .privilege-ul .privilege-item .svip-type .vip-type-title {

    height: 30px;

    line-height: 30px;

    display: inline-block;

    vertical-align: middle;

    font-weight: bold;

    color: #2554a0;

    

}

.module-privilege .privilege-ul .privilege-item .vip-type, .module-privilege .privilege-ul .privilege-item .no-vip-type {

    font-size: 20px;

    margin-top: -4px

}

.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-icon, .module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-icon {

    display: inline-block;

*display: inline;

*zoom: 1;

    vertical-align: middle;

    height: 30px;



}

.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-title, .module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-title {

    height: 30px;

    line-height: 39px;

    display: inline-block;

    vertical-align: middle;

        font-weight: bold;

    color: #2554a0;

}

.module-privilege .privilege-ul .privilege-item .icon {

    display: inline-block;

*display: inline;

*zoom: 1;

    width: 20px;

    height: 20px

}

.module-privilege .privilege-ul .privilege-item .icon.right {

    margin-top: 12px;

    background-image: url(../images/right.png);

    background-repeat: no-repeat

}

.module-privilege .privilege-ul .privilege-item .icon.error {

    margin-top: 15px;

    background-image: url(../images/error.png);

    background-repeat: no-repeat

}

.module-privilege .privilege-ul.recommend {

    background-image: url(../images/recommend.png);

    background-position: -1px -1px;

    background-repeat: no-repeat

}

.module-privilege .privilege-ul.active {

    /*border-color: #f2ddaf;

    background-color: #fffaeb;*/

    margin-top: 0px;

    width: 273px;

    left: 274px;

    z-index: 10;

        border-bottom: 1px solid #2554a0;

            border-right-width: 0px;

    border-left-width: 0px;



}

.module-privilege .privilege-ul.active .privilege-item.first-item {

    height: 102px

}

.module-privilege .privilege-ul.active .privilege-item.last-item {

    height: 45px

}

.icon-size-middle {

    width: 30px;

    height: 30px;

}

.vip-icon, .buy-btn-box {

    display: inline-block;

}

.vip-icon.svip-middle {

    background-image: url(../images/level2.png);

    background-repeat: no-repeat;

}

.vip-icon.vip-middle {

    background-image: url(../images/level1.png);

    background-repeat: no-repeat;

}

.vip-icon.no-vip-middle {

    background-image: url(../images/level0.png);

    background-repeat: no-repeat;

}

.center-button-container-middle {

    width: 120px;

    height: 30px;

    font-size: 14px;

    line-height: 30px;

    text-align: center;

    border-radius: 15px;

}

.center-button-light-red {

   border: 1px solid #2554a0;

    background-color: #2554a0;

    color: #fff;

}

.center-button-light-red:hover {

     background-color: #fff;

    color: #2554a0;

}

.center-button-light-yellow {

    border: 1px solid #2554a0;

    background-color: #2554a0;

    color: #fff;

}

.center-button-light-yellow:hover {

    background-color: #fff;

    color: #2554a0;

}

.center-button-base {

    cursor: pointer;

    display: inline-block;

    margin: 0 5px;

}

 .clear{

 	clear: both;

 }





.abus{

	width: 1200px;

	margin: 0 auto;

	font-size: 18px;

	line-height: 30px;

 

}

.abus .abus-content ul li{

	float:left;

	border: 1px solid rgb(223, 223, 223);

	width: 18%;

	margin-left: 10px;

	margin-top: 10px;

	padding: 5px;

	text-align: center;

}

.abus .abus-content ul li img{

	width: 200px;

	height: 286px;

}



.abus .abus-content .zizhi li{

	float:left;

	border: 1px solid rgb(223, 223, 223);

	width: 375px;

	margin-left: 10px;

	margin-top: 10px;

	padding: 5px;

	text-align: center;

	

}

.abus .abus-content .zizhi li img{

	width: 375px;

	height: 286px;

}





.abus h1{

	line-height: 200px;

	text-align: center;

	font-size: 42px;

}



.button-a{

	display: block;

    margin: 0 auto;

    width: 130px;

    height: 36px;

    line-height: 36px;

    font-size: 16px;

    color: #2554a0;

    border: 1px #2554a0 solid;

    border-radius: 3px;

    transition: 0.5s;

    position: relative;

     

}

.button-a:hover{

	background:#2554a0;

	color: #fff;

}