﻿/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	
	margin:0 auto;
	font-size:12px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;

}
h1,h2,h3{	
	font-weight:500;	
}
img{ max-width:100%;
	border:none;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#cf0104;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px; height:auto;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{
	height:auto; width:100%;
	background:#fff; 
	
}
.header .logo{
	float:left;
	margin-top:0px;	
}
.nav{
	float:right;

	margin-top:0px;
	
	color:#153768;	
}
.nav li{ float:left; position:relative; width:90px;}
.nav li .nav-t{ width:100%; height:auto; float:left;font-size:14px; text-align:center; line-height:80px; vertical-align:middle;}
.nav li .nav-c{ width:200px; height:auto; position:absolute; overflow:hidden; background:rgba(0,0,0,0.8); z-index:999; top:80px; display:none;}
.nav li .nav-c a{ display:block; width:100%; height:auto; line-height:20px; padding-top:10px; padding-bottom:10px; font-size:14px; text-align:center; color:#fff;}

.nav li:hover .nav-t,.nav .cur .nav-t{ background:#e6000d; }
.nav li:hover .nav-t a,.nav .cur .nav-t a{color:#fff; display:block;}
.head_tel{
	float:right;	
	height:47px;
	line-height:47px;
	border:1px solid #7a9fcb;
	padding:0 12px 0 46px;
	margin-top:43px;
	font-size:22px;
	color:#276092;
	background:url("../images/head_tel.png") no-repeat 12px center;
}
.header-top{ width:100%;  background:#000000; height:30px; line-height:30px; color:#fff;}
.header-1{ float:left;}
.header-2{float:right;}
.header-2 img{ margin-right:5px; vertical-align:middle;}
.header-top a{ color:#fff;}
.header{ width:100%; height:auto; background:#fff;}

/*header 结束*/

/*footer 底部开始*/
.footer{ width:100%; height:auto; overflow:hidden;
	background:#1d2126;
	padding:46px 0 60px 0;
	color:#fff;	
}
.wap-nav{ display:none;}
.banner{ width:100%; height:555px; overflow:hidden;}
/* main_image */
.main_visual{height:555px;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; background-position:center top; background-repeat:no-repeat;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}
.section{ width:100%; height:auto; overflow:hidden; padding-top:100px; padding-bottom:100px;}
.box{ width:100%; height:auto; overflow:hidden; float:left;}
.t{width:100%; height:auto; overflow:hidden;float:left; text-align:center; margin-bottom:50px;}
.t h1{ font-size:26px; color:#000000; margin-bottom:20px;}
.t p{ font-size:16px; color:#585858;}
.list{ width:100%; height:auto; float:left; overflow:hidden;}
.list li{ float:left; width:25%; height:auto; text-align:center;}
.list li a{}
.list li img{ border-radius:50%; overflow:hidden; border:2px solid #000; transition:all 0.5s;}
.list li h1{ font-size:16px; color:#000; margin-top:20px;}
.list li:hover img{ transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */}
.list li:hover h1{ color:#cf0104;}
.bg2{ background:#f4f4f4;}
.list2 li{ margin-bottom:40px;}
.list2 li img{ border:0; border-radius:0; }
.list2 li:hover img{transform:none;transform:rotateY(40deg);}
.list2 li h1{ font-size:14px; margin-top:0px;}
.bg3{ background:#262626; padding:0;}
.list3{ width:100%; height:auto; float:left;}
.list3 li{ width:25%; height:425px; overflow:hidden; float:left;}
.list3 li a{ display:block; width:100%; height:100%; overflow:hidden; position:relative; color:#fff;}
.list3 li>a>img{ display:block; float:left; width:100%; height:auto; overflow:hidden;}
.list3 li>a>div{ width:100%; height:100%; position:absolute; top:0; background:rgba(0,0,0,0.6); text-align:center; z-index:2; padding-top:100px; box-sizing:border-box; transition:all 0.5s;}
.list3 li>a>div h1{ font-size:22px; font-weight:bold;}
.list3 li>a>div i{ display:inline-block; width:30px; height:3px; background:#fff; margin-bottom:20px; margin-top:20px;}
.list3 li:hover>a>div{ padding-top:120px;background:rgba(0,0,0,0.3);}

.list4{ width:100%; height:auto; float:left; overflow:hidden;}
.list4 li{ float:left; width:25%; height:auto; text-align:center; padding-left:30px; padding-right:30px; box-sizing:border-box;}
.list4 li a{}
.list4 li img{overflow:hidden;  transition:all 0.5s;}
.list4 li h1{ font-size:18px; color:#000; margin-top:20px; font-weight:bold;}
.list4 li p{ font-size:14px; color:#747474;}
.list4 li i{ width:45px; height:3px; display:inline-block; background:#c60306; margin-bottom:15px; margin-top:15px;}
.list4 li:hover img{ transform:rotateY(40deg);
-ms-transform:rotateY(40deg); 	/* IE 9 */
-moz-transform:rotateY(40deg); 	/* Firefox */
-webkit-transform:rotateY(40deg); /* Safari 和 Chrome */
-o-transform:rotateY(40deg);	/* Opera */}
.list4 li:hover h1{ color:#cf0104;}

.list5{width:100%; height:auto; float:left; overflow:hidden;}
.list5 li{float:left; width:31.33%; height:auto; text-align:center; box-sizing:border-box; margin-right:2%; border:1px solid #d5d5d5; background:#fff; margin-bottom:2%;}
.list5 li:nth-child(3n){ margin-right:0;}
.list5 li a{}
.list5 li div{ width:100%; height:180px; overflow:hidden; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.list5 li h1{ width:100%; height:50px; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:50px; vertical-align:middle; font-size:14px;}
.list6{width:100%; height:auto; float:left; overflow:hidden;}
.list6 li{overflow: hidden;float:left; width:31.33%; height:auto; box-sizing:border-box; margin-right:2%;text-overflow:ellipsis; white-space:nowrap; background:url(../images/icon3.png) left 12px no-repeat; line-height:30px; padding-left:15px; box-sizing:border-box;}
.list6 li a{ font-size:14px;}

.bg4{ width:100%; height:176px; background:url(../images/bg2.jpg) center top no-repeat;}
.box2{ width:; height:auto; float:right; margin-top:93px;}
.input1{ width:300px; height:45px; background:rgba(255,255,255,0.8); padding-left:20px; padding-right:20px; box-sizing:border-box;border:0; float:left; border-radius:5px; }
.input2{float:left;  width:300px; height:45px; line-height:25px; background:rgba(255,255,255,0.8); padding-left:20px; padding-right:20px; box-sizing:border-box;border:0; margin-left:20px; margin-right:20px; border-radius:5px; }
.input3{float:left; width:130px; height:45px; background:#f6d000; text-align:center; font-size:18px; color:#ad5a00; line-height:30px; vertical-align:middle; font-weight:bold; border:0; border-radius:5px;  }
.footer-l{ float:left; width:620px; height:auto;}
.footer-l dl{ width:135px; height:auto; float:left;}
.footer-l dl dt{ width:100%; font-size:14px; color:#fff; font-weight:bold; line-height:40px; vertical-align:middle; position:relative; margin-bottom:10px; }
.footer-l dl dt:after{ content:""; width:60px; height:2px; background:#cf0104; display:inline-block; left:0; bottom:0; position:absolute;}
.footer-l dl dt a{font-size:14px; color:#fff; font-weight:bold; }
.footer-l dl dd{width:100%; height:auto; float:left; line-height:25px; }
.footer-l dl dd a{ font-size:12px; color:#989898;}
.footer-r{ float:right; width:500px; height:auto; font-size:14px; line-height:30px; color:#a3a3a3;}
.footer-r .s1{ font-size:18px;color:#fff;}
.footer-r .s2{ font-size:36px; font-weight:bold;color:#fff; line-height:50px;  }
.footer-r b{ color:#fff;}
.footer2{width:100%; height:auto; line-height:30px; text-align:center; padding-top:10px; padding-bottom:10px; background:#11181f;}
.ab-ban{ width:100%; height:520px; overflow:hidden; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ab-ban img{ display:block; width:100%;}

.ab-column{ width:100%; height:auto; text-align:center;position:absolute; bottom:0;}
.ab-column a{ display:inline-block; margin-left:10px; margin-right:10px; background:#cfcdcd; padding-left:30px; padding-right:30px; line-height:60px; vertical-align:middle; font-size:20px; color:#202020; background:rgba(255,255,255,0.8)}
.ab-column a:hover,.ab-column .on{ background:rgba(0,153,223,0.8);color:#fff; position:relative;}

.content{ width:100%; height:auto;  overflow:hidden; margin-top:60px;}
.position{ width:100%; height:auto; border-bottom:1px solid #e4e4e4; font-size:14px; padding-top:20px; padding-bottom:20px; margin-bottom:50px;}
.pagelist{ width:100%; height:auto; text-align:center; margin-top:30px; margin-bottom:60px; overflow:hidden; float:left;}
.pagelist a{ display:inline-block; border:1px solid #000; color:#000; width:30px; height:30px; border-radius:50%; font-size:12px; text-align:center; line-height:30px; vertical-align:middle; margin-left:5px; margin-right:5px;}
.pagelist .pre{ padding-left:15px; padding-right:15px; border-radius:20px; width:auto;}
.pagelist .next{ padding-left:15px; padding-right:15px; border-radius:20px; width:auto;}
.pagelist a:hover,.pagelist .currentpage{     background: #CF0104;
    color: #fff;
    border: 1px solid #CF0104;}
	.article-title{ width:100%; height:auto; float:left; overflow:hidden; font-size:24px; font-weight:bold; text-align:center; margin-bottom:30px; color:#333;}
.article-time{ text-align:center; padding:10px; box-sizing:border-box; width:100%; height:auto; float:left; background:#efefef;overflow:hidden; margin-bottom:20px;}
.article-content{ width:100%; height:auto; float:left;overflow:hidden;}
.article-more{width:100%; height:auto; float:left;overflow:hidden; border-top:1px solid #DBDADA; border-bottom:1px solid #dadada; padding-top:20px; padding-bottom:20px;}
.article-more li{ width:45%; height:auto;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.piclist{ width:100%; height:auto; float:left;}
.piclist li{float: left; position:relative;
    width: 31.33%;
    height: auto;
     overflow:hidden;
     box-sizing:border-box;
    margin:1%;
    margin-bottom: 20px;padding-bottom:10px;
    position: relative;}
.piclist li a{ display:block; position:relative; width:100%; height:100%; }
.piclist li:nth-child(3n){ margin-right:0px;}
.piclist li .pic{width: 100%; height: 375px; float:left; margin-bottom:10px;border: 5px solid #D6D6D6; position:relative; overflow:hidden; background:#efefef; text-align:center; box-sizing:border-box; }
.piclist li .pic img{width:100%; height:auto;}
.piclist li .pictxt{width: 90%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    margin-left: 5%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-top: 15px;}
.piclist li .pictxt a{ color:#222222; font-size:14px; font-weight:bold;}
.piclist li:hover{}
.piclist li:hover .pictxt a{ color:#f38400;}
.piclist li:hover .more{ background:#53a4b6; color:#fff; }
.piclist li .more{ margin-right:10px;}
.piclist li .pic .hh{ width:100%; height:100%; position:absolute; background:url(../images/hh.png) center center no-repeat; transition:all 0.5s; top:100%;    background-size: 100% auto; 
}
.piclist li:hover .pic .hh{ top:0;}
.ab-box{ width:900px; height:auto; padding:40px 40px 60px 40px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; position:absolute; bottom:0px; left:50%; margin-left:-450px; text-align:center;}
.ab-box h1{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:10px;}
.ab-box h2{font-size:24px;text-align:center; margin-bottom:20px;}
.ab-box i{ display:inline-block; width:100px; height:5px; background:#e6000d; margin:0 auto; margin-bottom:5px; }
.ab-box p{ font-size:14px; line-height:25px; text-indent:2em; width:100%; text-align:left;}
.sectionbox{ width:100%; height:auto; padding-top:60px; padding-bottom:60px; overflow:hidden;}
.bg{ background:#f5f5f5;}
.nn li{ margin-bottom:40px; padding-left:30px; padding-right:30px; box-sizing:border-box;}
.nn li h1{ margin-top:10px;}

.title{ width:100%; height:auto; text-align:center; overflow:hidden; margin-bottom:30px;}
.title h1{font-size:30px; font-weight:bold; text-align:center; margin-bottom:10px; color:#000;}
.title i{ display:inline-block; width:80px; height:5px; background:#e6000d; margin:0 auto; margin-bottom:5px;}
.title h2{ font-size:20px; color:#000; margin-bottom:10px;}
.title p{ font-size:14px; line-height:25px; width:800px; margin:0 auto; color:#989898;}

.web1 li{ width:33.33%; margin-bottom:20px;}
.web2 li{ width:20%;margin-bottom:20px;}
.web1 h1{ margin-bottom:10px;}
.web1 p{ text-indent:2em;}
.col2 li{ width:50%}
.col3 li{ width:33.333%}
.col4 li{ width:25%}
.col5 li{ width:20%}
.seo1 h2{ font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #212121;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;}
	.seo2 p{ margin-top:10px; height:75px; overflow:hidden;}
	.seo2 li{ margin-bottom:20px;}
	.seo3 h1{ height:60px; margin-bottom:10px;}
	.tel1 img{ border:5px solid #fff; margin-bottom:20px; box-shadow:0px 0px 3px #ccc;}
	.tel1 li p{ font-size:16px; line-height:30px;}
	.pptg1 li{ margin-bottom:30px;}
	.us1 li{ margin-bottom:30px;}
		.contactxx{ color:#000; width:450px; float:left; }
	.contactr{ float:right; width:705px;}
	.contactxx .s1{color:#000;}
	.contactxx .s2{color:#000;}
	.contactxx b{ color:#000;}
@media screen and (max-width: 1200px){
	.wrapin{
	width:1024px; height:auto;
	margin-left:auto;
	margin-right:auto;
}
.footer-r {
    float: right;
    width: 395px;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    color: #a3a3a3;
}
.nav li {
    float: left;
    position: relative;
    width: 80px;
}
.bg4 {
    width: 100%;
    height: 145px;
    background: url(../images/bg2.jpg) center top no-repeat; background-size:auto 145px;
}
.box2 {
    width: ;
    height: auto;
    float: right;
    margin-top: 75px;
}
.list3 li>a>img {
    display: block;
    float: left;
    width: auto;
    height: 100%;
    overflow: hidden;
}
.nn li h1{ height:40px;}

	
	}
	
	@media screen and (max-width: 1024px){
	.wrapin{ position:relative;
	width:768px; height:auto;
	margin-left:auto;
	margin-right:auto;
}
.nav{ width:100px; position:absolute; display:none; right:0px; top:80px; z-index:99; background:rgba(0,0,0,0.6)}
.nav li {
    float: left;
    position: relative;
    width: 100%;
}
.nav li .nav-t {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    text-align: center; border-bottom:1px solid rgba(255,255,255,0.2);
    line-height: 50px;
    vertical-align: middle;
}
.nav li .nav-t a{ color:rgba(255,255,255,0.8)

}
.wap-nav{ display:block; float:right; margin-top:26px;}
.bg3 .wrapin{ width:100%;}
.input1 {
    width: 235px;
    height: 45px;
    background: rgba(255,255,255,0.8);
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border: 0;
    float: left;
    border-radius: 5px;
}
.footer-r {
    float: right;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    color: #a3a3a3;
}
.footer-l {
    float: left;
    width: 100%; margin-bottom:20px; border-bottom:1px solid #38393a; padding-bottom:20px;
    height: auto;
}
.footer-l dl {
    width: 20%;
    height: auto;
    float: left;
}
.ab-box {
    width: 640px;
    height: auto;
    padding: 40px 40px 60px 40px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -320px;
    text-align: center;
}
.contactxx{ color:#000; width:100%; float:left; margin-bottom:20px; }
	.contactr{ float:right; width:100%;}
	
	}
		@media screen and (max-width: 768px){
	.wrapin{
	width:640px; height:auto;
	margin-left:auto;
	margin-right:auto;
}
.list4 li {
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box; margin-bottom:20px;
}
.col3 li{ width:33.333%}
.input1 {
    width: 30%;}
	.input2 {
    float: left;
    width: 30%;}
	.bg4 {
    width: 100%;
    height: 100px;
    background: url(../images/bg2.jpg) center top no-repeat;
    background-size: auto 100%;
}
.box2 {
    width: ;
    height: auto;
    float: right;
    margin-top: 44px;
}
.list3 li {
    width: 25%;
    height: 280px;
    overflow: hidden;
    float: left;
}
.list3 li>a>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
    z-index: 2;
    padding-top: 61px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.list3 li>a>div img{ max-width:80%;}
.list3 li>a>div h1 {
    font-size: 18px;
    font-weight: bold;
}
.banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.main_visual {
    height:400px;
    overflow: hidden;
    position: relative;
}
.main_image li span {
    display: block;
    width: 100%; background-size:auto 100%;
    height: 100%;
}
	
	}
		@media screen and (max-width: 640px){
			.ab-ban {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ab-box {
    width: 100%;
    height: auto;
    padding: 40px 40px 60px 40px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    color: #fff;
    position: relative;
    bottom: 0px;
    left: 0%;
    margin-left: 0px;
    text-align: center;
}
	.wrapin{
	width:90%; height:auto;
	margin-left:auto;
	margin-right:auto;
}
	.header .logo {
    float: left; max-height:40px;
    margin-top: 0px;
}
.header-1 {
    float: left; display:none;
}
.wap-nav {
    display: block;
    float: right;
    margin-top: 10px; margin-bottom:10px;
}
.nav {
    width: 100%;
    position: absolute;
    display: none;
    right: 0px;
    top: 44px;
    z-index: 99;
    background: rgba(0,0,0,0.8);
}
.banner {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.main_visual {
    height:200px;
    overflow: hidden;
    position: relative;
}
.main_image li span {
    display: block;
    width: 100%; background-size:auto 100%;
    height: 100%;
}
.section {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}
.t p {
    font-size: 14px;
    color: #585858;
}
.t {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}
.list li {
    float: left;
    width: 50%;
    height: auto;
    text-align: center; margin-bottom:20px;
}
.list3 li {
    width: 50%;
    height: 280px;
    overflow: hidden;
    float: left;
}
.bg3 {
    background: #262626;
    padding: 0;
}
.list3 li {
    width: 50%;
    height: 295px;
    overflow: hidden;
    float: left;
}
.list4 li {
    float: left;
    width: 50%;
    height: 200px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.list5 li {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-right: 2%;
    border: 1px solid #d5d5d5;
    background: #fff;
    margin-bottom: 2%;
}
.list6 li {
    overflow: hidden;
    float: left;
    width: 100%;}
	.input1 {
    width: 100%;
}
.input2 {
    float: left;
    width: 100%; margin-left:0px; margin-top:10px; margin-bottom:10px;
}
.input3 {
    float: left;
    width: 100%;}
	.bg4 {
    width: 100%;
    height:auto; overflow:hidden;
    background:rgba(0,0,0,0.5);
    background-size: auto 100%;
}
.input3 {
    float: left; margin-bottom:20px;
    width: 100%;
}
.footer-l dl {
    width: 50%;
    height: auto;
    float: left;
}
.nav li {
    float: left;
    position: relative;
    width: 50%;
}
.piclist li {
    float: left;
    position: relative;
    width: 48%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    margin: 1%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}
.piclist li .pic {
    width: 100%;
    height: 171px;
    float: left;
    margin-bottom: 10px;
    border: 2px solid #D6D6D6;
    position: relative;
    overflow: hidden;
    background: #efefef;
    text-align: center;
    box-sizing: border-box;
}
.seo1 li{ height:auto; width:100%;}
.title h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #000;
}
.title h2 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.col3 li {
    width: 33.333%; padding-left:10px; padding-right:10px;
}
.us1 li{ height:auto; width:50%;}
	}