@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

img {
	border: none;
}
li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	color: inherit;
	text-decoration: none;
}

.cl {
	clear: both;
}


/**/

header {
	width: 100%;
}

.header-top-w {
	width: 100%;
	background-color: #e8e4e4;
}

.header-top {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.header-top p.t1 {
	color: #908f8f;
	font-size: 14px;
	line-height: 36px;
}

.header-top p.t2 {
	display: flex;
	justify-content: flex-end;
	align-self: center;
	color: #908f8f;
	font-size: 14px;
}

.header-top p.t2 a {
	display: block;
	margin: 0px 8px;
}

.header-logo {
	width: 1200px;
	margin: 22px auto;
	display: flex;
	justify-content: space-between;
}

.header-logo .logo {
	height: 60px;
}

.header-logo .logo img {
	display: block;
	height: 100%;
}

.header-logo .tel {
	background-image: url(../images/tel.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 60px;
}

.header-logo .tel p.t1 {
	color: #908f8f;
	padding-top: 4px;
}

.header-logo .tel p.t2 {
	color: #1260a9;
	font-weight: bold;
	font-size: 24px;
}

.header-nav-w {
	width: 100%;
	background-color: #1c6aa2;
}

.header-nav {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.header-nav p a {
	display: block;
	line-height: 55px;
	padding: 0px 22px;
	transition: 0.3s all;
	color: white;
}

.header-nav p a:hover {
	background-color: #d21015;
	transition: 0.3s all;
}

.banner {
	width: 100%;
}

.banner img {
	display: block;
	width: 100%;
}

.banner-t-w {
	width: 100%;
	background-color: #efefef;
	padding: 20px 0px;
	margin-bottom: 50px;
}

.banner-t {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.banner-t p.t1 {
	justify-content: flex-start;
	display: flex;
	color: #4d4d4d;
	font-size: 15px;
	margin-right: 10px;
	line-height: 30px;
}

.banner-t p.t1 a,
.banner-t p.t1 span {
	display: block;
	color: #4d4d4d;
	font-size: 15px;
	margin: 0px 6px;
	line-height: 30px;
}

.banner-t p.t1.two {
	display: none;
}

.banner-t p.t2 {
	width: 240px;
	display: block;
	position: relative;
	border: 1px solid #006eb8;
}

.banner-t p.t2 input {
	display: block;
	height: 30px;
	width: 100%;
	border: none;
	padding: 0px 10px;
}

.banner-t p.t2 button {
	width: 30px;
	height: 30px;
	border: none;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

footer{
	width: 100%;
	background-color: #404040;
	padding: 45px 0px 10px;
}
.footer{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer p.t1{
	font-weight: bold;
	color: #0768c3;
	font-size: 28px;
	margin-bottom: 25px;
}
.footer .one{
	width: 320px;
	border-right: 1px solid #d21015;
}
.footer .one p.t2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer .one p.t2 a{
	display: block;
	color: white;
	line-height: 45px;
	width: 49%;
}
.footer .two{
	width: 450px;
	border-right: 1px solid #d21015;
}
.footer .two p.t3{
	color: white;
	background-repeat: no-repeat;
	background-position: center left;
	color: white;
	line-height: 40px;
	padding-left: 55px;
	font-size: 18px;
}
.footer .two p.t3.tel{
	background-image: url(../images/icon1.png)
}
.footer .two p.t3.tel2{
	background-image: url(../images/icon2.png)
}
.footer .two p.t3.mail{
	background-image: url(../images/icon3.png)
}
.footer .two p.t3.dizhi{
	background-image: url(../images/icon4.png)
}
.footer .three p.qrcode{
	width: 160px;
}
.footer .three p.qrcode img{
	display: block;
	width: 100%;
}
.footer .copy{
	text-align: center;
	width: 100%;
	color: #ccc;
	font-size: 14px;
	padding: 40px 0px 15px;
}
/**/
.index-title{
	margin-bottom: 40px;
}
.index-title p.t1{
	display: block;
	text-align: center;
	font-weight: bolder;
	color: #dde4ee;
	font-size: 88px;
	text-transform: uppercase;
	position: relative;
}
.index-title p.t1 span{
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-weight: bold;
	font-size: 34px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: black;
}
.index-title p.t2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #676565;
	font-size: 20px;
}
.index-title p.t2 i{
	display: block;
	width: 200px;
	height: 8px;
	margin: 0px 15px;
	font-style: normal;
}
.index-title p.t2 i.i1{
	background-image: url(../images/hr_07.png)
}
.index-title p.t2 i.i2{
	background-image: url(../images/hr_09.png)
}
.index-title p.t3{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	color: #676565;
	line-height: 32px;
	align-items: center;
	font-size: 15px;
}
.index-title p.t3 a{
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 20px;
}


.index-main01-w{
	width: 100%;
	background-image: url(../images/probj_02.jpg);
	padding: 45px 0px;
	margin-bottom: 65px;
}
.index-main01{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.index-main01 .left{
	width: 360px;
	background-color: white;
	padding: 15px ;
}
.index-main01 .left .list{
	margin-bottom: 20px;
}
.index-main01 .left p.t1{
	color: #0054a3;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #8b8b8c;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.index-main01 .left p.t2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index-main01 .left p.t2 a{
	display: block;
	width: 50%;
	color: #8b8b8c;
	line-height: 30px;
	font-size: 14px;
}
.index-main01 .right{
	width: 820px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.index-main01 .right .list{
	width: 48%;
	margin-bottom: 25px;
}
.index-main01 .right .list p.t1{
	display: block;
	width: 100%;
	overflow: hidden;
}
.index-main01 .right .list p.t1 img{
	display: block;
	width: 100%;
	transition: 0.3s all;
}
.index-main01 .right .list p.t2{
	color: white;
	background-color: #00a2e9;
	text-align: center;
	padding: 10px 0px;
}
.index-main01 .right .list:hover img{
	transform: scale(1.1);
	transition: 0.3s all;
}

.index-main02-w {
	background-image: url(../images/bj_04.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 220px;
	margin: 65px auto 60px;
}

.index-main02 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.index-main02 .list {
	width: 32%;
	background-color: white;
	padding-bottom: 25px;
	box-shadow: 0px 0px 6px #ccc;
	transition: 0.3s all;
}

.index-main02 .list p.t1 {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

.index-main02 .list p.t1 img {
	display: block;
	width: 100%;
}

.index-main02 .list p.t2 {
	color: #7c7c7c;
	margin: 0 15px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}


.index-main02 .list:hover {
	transform: translateY(-15px);
	transition: 0.3s all;
}
.index-main03-w{
	width: 100%;
	background-image: url(../images/bj_06.png);
	padding: 55px 0px;
	margin-bottom: 60px;
}
.index-main03{
	width: 1200px;
	margin: auto;
}
.index-main03 .list{
	width: 100%;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}
.index-main03 .list .pic{
	width: 50%;
}
.index-main03 .list .pic img{
	display: block;
	width: 100%;
}
.index-main03 .list .text{
	width: 50%;
	padding: 0px 40px;
	background-color: white;
}
.index-main03 .list .text p.t1{
	width: 150px;
	position: relative;
	background-color: #4c87be;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
	margin-bottom: 25px;
}
.index-main03 .list .text p.t1 .s1{
	color: white;
	font-weight: bolder;
	font-size: 78px;
	display: block;
}
.index-main03 .list .text p.t1 .s2{
	color: white;
	display: block;
}
.index-main03 .list .text p.t1 .s3{
	width: 100%;
	display: block;
	color: white;
	font-weight: bold;
	font-size: 28px;
	position: absolute;
	bottom: 0;
	background-color: #4c87be;
	text-align: center;
	padding: 10px 0px 25px;
}
.index-main03 .list .text .desc p{
	color: #6b6b6b;
	font-size: 15px;
	line-height: 1.8;
	padding-left: 15px;
	position: relative;
}
.index-main03 .list .text .desc p:after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #e9bc3e;
	position: absolute;
	top: 10px;
	left: 0;
}
.index-main07{
	width: 1200px;
	margin: 55px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index-main07 p.tit{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 22px;
	line-height: 40px;
	border-bottom: 1px solid #d21015;
}
.index-main07 .left{
	width: 585px;
}
.index-main07 .pic{
	width: 100%;
	margin-bottom: 30px;
}
.index-main07 .pic img{
	display: block;
	width: 100%;
}
.index-main07 .list{
	width: 100%;
	border-bottom: 1px solid #383838;
	margin-bottom: 10px;
	padding-bottom: 12px;
}
.index-main07 .list p.t1{
	font-weight: bold;
	margin-bottom: 10px;
}
.index-main07 .list p.t1 span{
	float: right;
	font-size: 15px;
	color: #333333;
	font-weight: normal;
}
.index-main07 .list p.t2{
	color: #383838;
	font-size: 14px;
	line-height: 1.5;
}
.index-main07 .right{
	width: 580px;
}
.index-main09-w{
	width: 100%;
	background-color: #efefef;
	padding: 60px 0px;
}
.index-main09{
	width: 1200px;
	margin: 50px auto 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: white;
}
.index-main09 .left{
	width: 50%;
}
.index-main09 .left img{
	display: block;
	width: 100%;
}
.index-main09 .right{
	width: 50%;
	padding: 30px 55px;
}
.index-main09 .right p.t1{
	color: #898787;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 20px;
}
.index-main09 .right p.t2{
	background-color: #0054a3;
	width: 60px;
	height: 1px;
	display: block;
	margin-bottom: 35px;
}
.index-main09 .right p.t3{
	color: #616060;
	line-height: 1.8;
	font-size: 16px;
}
.index-main09 .right p.t3 a{
	color: #0054a3;
}
.index-main091{
	width: 1200px;
	margin: 0px auto 20px;
	padding: 40px 0px;
	display: flex;
	justify-content: space-between;
	background-color: white;
}
.index-main091 .list{
	width: 285px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-main091 .list p.t1{
	font-weight: bold;
	font-size: 45px;
	color: #0054a3;
}
.index-main091 .list p.t2{
	color: #d21015;
	font-weight: bold;
	font-size: 32px;
	padding-bottom: 4px;
	margin: 0px 6px;
}
.index-main091 .list p.t2.d3{
	font-size: 18px;
	padding-bottom: 0px;
}
.index-main091 .list p.t3{
	color: #4a4949;
	font-size: 18px;
	display: block;
}
.index-main092{
	width: 1200px;
	margin: auto;
	background-color: white;
	padding: 25px;
}
.index-main092 img{
	display: block;
	width: 100%;
}
/*内页*/
/**/

.page-main {
	width: 1200px;
	margin: 0px auto 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.page-main .page-left {
	width: 280px;
}

.page-main .page-left h2,
.page-main .page-c p.t1 {
	background-color: #1c6aa2;
	color: white;
	font-weight: bold;
	font-size: 20px;
	line-height: 80px;
	padding-left: 30px;
	border: 1px solid #CCCCCC;
}

.page-main .page-left .list {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-top: none;
}

.page-main .page-left .list p a {
	display: block;
	line-height: 44px;
	color: #666666;
	padding-left: 30px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 15px;
	color: #666666;
}
.page-main .page-left .list p span{
	display: none;
	width: 100%;
	padding: 10px 0px;
	margin: auto;
	background-color: #1c6aa2;
}
.page-main .page-left .list p span a{
	display: block;
	font-size: 14px;
	color: white;
	padding-left: 40px;
	border-bottom: none;
	line-height: 30px;
}
.page-main .page-left .list p span a:hover{
	background-color: #555;
	color: white;
}
.page-main .page-left .list p:hover a,
.page-main .page-left .list p.hover a{
	color: white;
	background-color: #1c6aa2;
}
.page-main .page-left .list p:hover span{
	display: block;
}
.page-main .page-c {
	margin-top: 20px;
}

.page-main .page-c p.t2 {
	width: 100%;
	color: #666666;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-bottom: none;
	font-weight: bold;
	padding: 10px 20px;
}

.page-main .page-c p.t3 {
	width: 100%;
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
}

.page-main .page-c p.t3 span {
	display: flex;
	justify-content: flex-start;
	color: #666;
	font-size: 14px;
	padding: 5px 0px;
}

.page-main .page-c p.t3 span i {
	display: block;
	margin-right: 4px;
	color: #666;
	font-size: 18px;
}

.location {
	width: 100%;
	display: flex;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	line-height: 35px;
	justify-content: space-between;
}

.location p.t1 {
	font-weight: bold;
}

.location p.t2 {
	font-size: 14px;
	display: flex;
	justify-content: flex-end;
	color: #555;
}

.location p.t2 i {
	display: block;
	margin-right: 4px;
}

.about-right,
.product-right,
.proshow-right,
.news-right,
.contact-right {
	width: 880px;
}
.product2-right{
	width: 820px;
}
article.con {
	line-height: 1.6;
	font-size: 15px;
	color: #666;
}

article.mb50 {
	margin-bottom: 50px;
}
article.pro{
	background-color: white;
	padding: 20px;
}
article.con p {
	font-size: 15px;
	color: #666;
	margin-bottom: 6px;
}

article.con img {
	max-width: 100%;
}
article.con h3{
	border-bottom: 1px solid #00a2e8;
	color: #00a2e8;
	font-weight: bold;
	line-height: 40px;
	font-size: 20px;
	margin: 2px 0px 6px;
}
article.con h5{
	color: #555555;
	font-weight: bold;
	font-size: 16px;
	
}
/**/

.product-right .list-w {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product-right .list-w .list {
	width: 32%;
	transition: 0.3s all;
	margin-bottom: 15px;
}

.product-right .list-w .list p.t1 {
	width: 100%;
	overflow: hidden;
}

.product-right .list-w .list p.t1 img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.product-right .list-w .list p.t2 {
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 12px 0px;
	background-color: #555;
	transition: 0.3s all;
}

.product-right .list-w .list:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}

.product-right .list-w .list:hover p.t2 {
	background-color: #1c6aa2;
	transition: 0.3s all;
	color: white;
}


/**/

.proshow-right .pro-pic {
	width: 100%;
	margin-bottom: 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.proshow-right .pro-pic .pic {
	width: 50%;
}

.proshow-right .pro-pic .pic img {
	display: block;
	width: 100%;
}

.proshow-right .pro-pic .text {
	width: 47%;
	position: relative;
	padding-top: 15px;
}

.proshow-right .pro-pic .text h1 {
	font-weight: bold;
	font-size: 24px;
	color: #555555;
	margin-bottom: 15px;
}
.proshow-right .pro-pic .text .tubiao{
	display: flex;
	margin-bottom: 20px;
	justify-content: flex-start;
}
.proshow-right .pro-pic .text .tubiao p{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-right: 12px;
	box-shadow: 0px 0px 5px #CCCCCC;
}
.proshow-right .pro-pic .text .tubiao p img{
	display: block;
	width: 100%;
}
.proshow-right .pro-pic .text .desc {
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
}

.proshow-right .pro-pic .text .tel {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.proshow-right .pro-pic .text .tel a {
	width: 48%;
	display: flex;
	justify-content: center;
	background-color: #1c6aa2;
	color: white;
	line-height: 40px;
}

.proshow-right .pro-pic .text .tel a i {
	display: block;
	line-height: 40px;
	font-size: 18px;
	margin-right: 8px;
}

.proshow-right .proshow-tit {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #1c6aa2;
}

.proshow-right .proshow-tit p,
.proshow-right .proshow-tit.procon-t ul li{
	display: block;
	text-align: center;
	background-color: #1c6aa2;
	color: white;
	line-height: 40px;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 12px;
}
.proshow-right .procon-t.subnav-fixed{
	width: 820px;
	position: fixed;
	top: 0;
}
.proshow-right .proshow-tit.procon-t ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background-color: #ccdded;
}
.proshow-right .proshow-tit.procon-t ul li{
	background-color: #ccdded;
}
.proshow-right .proshow-tit.procon-t ul li.active{
	background-color: #1c6aa2;
}
.xg-pro {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.xg-pro .list {
	width: 24px;
}

.xg-pro .list {
	width: 24%;
	transition: 0.3s all;
	margin-bottom: 15px;
}

.xg-pro .list p.t1 {
	width: 100%;
	overflow: hidden;
}

.xg-pro .list p.t1 img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.xg-pro .list p.t2 {
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 12px 0px;
	background-color: #555;
	transition: 0.3s all;
}

.xg-pro .list:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}

.xg-pro .list:hover p.t2 {
	background-color: #1c6aa2;
	transition: 0.3s all;
	color: white;
}


/**/

.news-right .list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 15px;
}

.news-right .list .pic {
	width: 200px;
}

.news-right .list .pic img {
	display: block;
	width: 100%;
}

.news-right .list .text {
	width: 630px;
	padding-top: 6px;
}

.news-right .list .text p.t1 {
	font-weight: bold;
	color: #555555;
	margin-bottom: 15px;
}

.news-right .list .text p.time {
	font-size: 13px;
	color: #666666;
	margin-bottom: 15px;
}

.news-right .list .text p.t2 {
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
}

.news-right .list:hover {
	border: 1px solid #1c6aa2;
}

.news-right .news-tit {
	width: 100%;
	background-color: #1c6aa2;
	padding: 20px;
	margin-bottom: 25px;
}

.news-right .news-tit h1 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
	color: white;
}

.news-right .news-tit .times {
	font-size: 14px;
	color: white;
}

.updown {
	width: 100%;
	margin: 30px auto;
}

.updown p {
	width: 100%;
	margin-bottom: 15px;
}

.updown p a {
	font-size: 14px;
	color: #666666;
}

.contact-list {
	position: relative;
}

.contact-list p.t1 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.contact-list p.t2 {
	display: flex;
	justify-content: flex-start;
	color: #555;
	line-height: 30px;
}

.contact-list p.t2 i {
	display: block;
	line-height: 30px;
	margin-right: 8px;
}

.contact-list p.qrcode {
	width: 130px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	font-size: 15px;
	color: #555;
}

.contact-list p.qrcode img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.contact-maps {
	width: 100%;
	height: 450px;
	margin: 25px auto 50px;
}

.contact-maps .container {
	width: 100%;
	height: 100%;
}

.contact-maps .title {
	font-size: 14px;
	font-weight: bold;
	color: #cc5522;
}

.contact-maps .content {
	font-size: 13px;
	color: #333;
	margin-top: 6px;
}


/*分页*/

.pagination p {
	cursor: pointer
}

.pagination {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pagination a {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0px 12px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
}

.pagination a:hover {
	color: #077ee3;
	background: white;
	border: 1px #077ee3 solid;
}

.pagination a.cur {
	border: none;
	background: #077ee3;
	color: #fff;
}

.pagination p {
	float: left;
	padding: 0px 12px;
	font-size: 12px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}

.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	color: #666;
	line-height: 24px;
}

.pagination p.pageRemark b {
	color: red;
}

.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

.dates li {
	font-size: 14px;
	margin: 20px 0
}

.dates li span {
	float: right
}
/*客服*/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.other p img{ width: 120px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}
/**/

.page-main .page2-left{
	width: 360px;
	background-color: white;
	padding: 15px ;
}
.page-main .page2-left .list{
	margin-bottom: 20px;
}
.page-main .page2-left p.t1{
	color: #0054a3;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #8b8b8c;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.page-main .page2-left p.t2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.page-main .page2-left p.t2 a{
	display: block;
	width: 50%;
	color: #8b8b8c;
	line-height: 30px;
	font-size: 14px;
}
.page-main .page2-left p.t2 a:hover{
	color: #0054a3;
}
.page2-main-w{
	background-color: #efefef;
	padding: 45px 0px;
	margin-top: -50px;
}
/**/
.index-title0123{
	text-align: center;
	margin: 45px 0px;
}
.index-title0123 p.t1{
	color: #2f2f2f;
	font-size: 20px;
	font-weight: bold;
}
.index-title0123 p.t2{
	color: #a9a9a9;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin: 10px 0px;
}
.index-title0123 p.t3{
	display: block;
	width: 40px;
	height: 2px;
	background-color: #00a2e9;
	margin: auto;
}