* { padding: 0; margin: 0; box-sizing: border-box; }
a { text-decoration: none; }
img { border: none; }
li { list-style: none; }
.container { width: 90%; margin: 0 auto; clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.clear { height: 0; width: 100%; clear: both; }
.text-left { text-align: left;}
.text-center { text-align: center; }
.text-right { text-align: right; }

.head { border-top: 2px solid #6090f7; padding: 5px 0; }
.head .menu li { float: left; height: 48px; padding-left: 130px; }
.head .menu li a { display: block; line-height: 48px; font-size: 16px; color: #303036; }
.menu li a:hover, .menu li a.active { color: #6090f7; }
.title h2 { font-size: 34px; color: #303036; font-weight: normal; margin-top: 55px; }
.title h4 { font-size: 18px; color: #666666; font-weight: normal; margin-top: 20px; }
.list { margin-top: 25px; }
.list li { float: left; width: 33.33%; }
.list li .content {  height: 340px; margin: 0 20px; border: 1px solid #d4d4e1; border-radius: 10px; text-align: center; 
  padding: 40px 32px 0; }
.list li h3 { font-weight: normal; font-size: 20px; color: #303036; margin: 20px 0; }
.list li p { font-size: 16px; color: #666666; line-height: 28px; }
.btn { margin-top: 40px; }
.location { border-bottom: 1px solid #d4d3e1; font-size: 16px; color: #6090f7; padding: 25px 0px 12px ; }
.location a { color: #000000; }
.inban { background-color: #6090f7; height: 450px; }
.arc { font-size: 16px; line-height: 30px; padding: 35px 0; width:80%; padding-left:20% }
.bottom { background-color: #f6f6f6; padding: 40px 0; margin-top: 70px; }
.bottom p { line-height: 30px; font-size: 14px; color: #666666; }
.bottom p img { vertical-align: middle; margin-right: 7px; }
.b1 { width: 36%; padding-top: 10px; padding-left:10%}
.b2 { width: 35%; }
.b3 { width: 28%; }
.foot { padding: 20px 0; background-color: #6090f7; color: #fff; font-size: 14px; border-top: 1px solid #cbcbcb; }
.foot a { color: #fff; }


.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 20px;
	height: 2px;
    
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 100%;
		position: absolute;

	}
}
@media (max-width: 767px){ 
    .head { 
        border-top: 2px solid #6090f7; padding: 12px 0 5px; 
    }
    .head .menu li {
        float: left; height: 30px; padding-left: 30px; 
    }
    .head .menu li a {
        display: block; line-height: 30px; font-size: 16px; color: #303036; 
    }
    .location { 
        border-bottom: 1px solid #d4d3e1; font-size: 14px; color: #6090f7; padding: 25px 0px 12px ; 
    }
    .pull-left a img {
        height:30px;
    }
    .menu li a:hover, .menu li a.active { color: #6090f7; }
    
    .list { margin-top: 10px; }
    .list li { float: left; width: 100%; }
    .list li .content {  height: 250px; margin: 10px 10px; border: 1px solid #d4d4e1; border-radius: 10px; text-align: center; 
  padding: 10px 32px 0;}
    .list li h3 { font-weight: normal; font-size: 16px; color: #303036; margin: 10px 0; }
    .list li p { font-size: 14px; color: #666666; line-height: 28px; }
    
    .title h2 { font-size: 16px; color: #303036; font-weight: normal; margin-top: 15px; font-weight:bold;}
    .title h4 { font-size: 14px; color: #666666; font-weight: normal; margin-top: 10px; }
    
    
    .arc {
        font-size: 14px; line-height: 25px; padding: 35px 0; width:96%; padding-left:4%;
    }
    .bottom { 
        background-color: #f6f6f6; padding: 10px 0; 
    }
    .b1 { Display:none;}
    .b2 { width: 100%; }
    .b3 { width: 100%; }
}