
.header{
	width:100%;
	width:100%;
	margin:auto;
	overflow:hidden;
}
.header_top{
	width:100%;
	height:108px!important;
	border-bottom:1px solid #252525;
	color:#676767;
	overflow:hidden;
    background:#fff;
	margin: 0 auto;
}
.w960{
	width:1200px;
	margin: 0 auto;
   /* height: 108px;*/
}
.header_top .toplinks {
    float: right;
    text-align: right;
    margin-top: 24px;
	margin-bottom:16px;
    font-size: 13px;
	font-family: '微软雅黑';
	width: 250px;
}
.header_top .toplinks a{
	color:#041834;
}
.header_top .toptel {
	float: right;
    font-size: 16px;
    font-family: '微软雅黑';
}
.header_top .toptel .s1{
	color:#041834;
}
.header_top .toptel .s2{
	color:#ff0000;
}
.w963 {
    width: 1200px;
	margin:0 auto;
}
.navMenu {
    width: 1200px;
    overflow: hidden;
    height: 48px;
    padding:0px;    
	color:#121212;
	font-size:16px;
	font-family:'微软雅黑';
}
.navMenu ul li {
    font-size: 16px;
    float: left;
    height: 48px;
	line-height: 48px;
	font-family:'微软雅黑';
	margin: 0 20px;
    padding: 0;
	width:108px;
	text-align:center;
}
/*.navMenu ul li span{
	color:#000;
}*/
.navMenu ul {
    float: left;
    height: 48px; 
	color:#121212;
	width: 100%;
}
.index_focus{
	width:100%;
}
.banner2{
	width:100%;
	background:#017ec9;
	overflow:hidden;
	margin: 0 auto;
}
.con1{    
	width: 1200px;
    margin: 0 auto;
	overflow:hidden;
}
.about_us{
	float: left;
    width: 368px;
    margin-top: 32px;
	background:#fff;
}
.content{
	width: 100%;
    overflow: hidden;
    background: #eeeeee;
	margin: 0 auto;
}
.content .s3{
	font-size:15px;
	font-family:'微软雅黑';
	color:#141414;
	float:left;
	margin-top:30px;
	margin-bottom:24px;
	line-height:24px;
	width: 348px;
    margin-left: 10px;
}
.content .s4{
	height: 60px;
    float: left;
    width: 338px;
    line-height: 60px;
    padding-left: 30px;
    font-size: 14px;
    font-family: '微软雅黑';
}
.content .s4 a{
	 color: #6d6d6d;
}
.con1 .cp{
	float: left;
    width: 820px;
    margin-left: 10px;
    margin-top: 32px;
    background: #fff;
}
.con1 .cp h5{
	text-align: center;
    font-size: 14px;
    color: #07496a;
	font-family:'微软雅黑';
	margin-top:16px;
}
.con1 .cp h3{
	text-align: center;
    font-size: 24px;
    color: #07496a;
	font-family:'微软雅黑';
}
.content .s5{
	height: 34px;
    float: left;
    width: 780px;
    line-height: 30px;
    font-size: 14px;
    font-family: '微软雅黑';
	text-align:right;
    margin-left: 20px;
}
.content .s5 a{
	 color: #6d6d6d;
}
.cp ul{
	float: left;
    width: 800px;
	margin-left: 20px;
	height:426px;
}
.cp ul li{
	float:left;
	width:246px;
	margin-right: 20px;
	margin-bottom:10px;
}
.cp .s6{
	width:100%;
	overflow:hidden;
	height:166px;
	border:1px solid #c9c9c9;
	float:left;
	position:relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cp .s6 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	height:auto;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.cp ul li:hover .s6 img{
	transform:translate(-50%, -50%) scale(1.2);
	}
.cp .s7{
	float: left;
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #949494;
    text-align: center;
	font-size: 15px;
    font-family: '微软雅黑';
}
.cp .s7 a{
	color:#fff;
}
.cp .s8{
	float: left;
    margin-left: 20px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #07496a;
    font-family: '微软雅黑';
}
.con2 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
	background: #fff;
	margin-top: 75px;
}
.con2 h3{
	text-align: center;
    font-size: 24px;
    color: #07496a;
	font-family:'微软雅黑';
}
.con2 h5{
	text-align: center;
    font-size: 14px;
    color: #07496a;
	font-family:'微软雅黑';
	margin-top:16px;
}
.con2 ul{
	float:left;
	width:1200px;
	margin-top: 30px;
}
.con2 ul li{
	float: left;
    width: 179px;
    margin-left: 17px;
}
.con2 .s8{
	font-size: 14px;
    float: left;
    color: #07496a;
    font-family: '微软雅黑';
    margin-left: 35%;
	height: 55px;
    line-height: 55px;
}
.con2 .s9{
	float: right;
    margin-right: 25px;
	font-size: 14px;
    font-family: '微软雅黑';
	height: 55px;
    line-height: 55px;
}
.con2 .s9 a{
	 color: #6d6d6d;
}
.con3{
	width: 1200px;
    margin: 0 auto;
	margin-top: 20px;
}
.footers{
	width: 100%;
    margin: 0 auto;
	background:#eeeeee;
	overflow: hidden;
}
.footers .footer_con1{
	width: 1200px;
    margin: 0 auto;
	border-top: 3px solid #07496a;
	overflow: hidden;
}
.foot_s1{
	font-size: 16px;
    font-family: '微软雅黑';
    color: #5a5a5a;
    float: left;
    width: 100%;
}
.con3 ul{
	float: left;
    width: 100%;
	
}
.con3 ul li{
	float: left;
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #5a5a5a;
    font-family: '微软雅黑';
	margin:0 10px;
}
.footlink{
	float: left;
    line-height: 30px;
    width: 285px;
	font-size: 14px;
    font-family: '微软雅黑';
	padding:12.5px 0;
}
.footlink span{
	margin: 0 5px;
	color:#464646;
}
.footlinks{
	float: left;
    width: 915px;
    line-height: 30px;
	font-size: 14px;
    font-family: '微软雅黑';
	color:#464646;
	text-align: right;
	padding:12.5px 0;
}
.footer_con2{
	float: left;
    background: #07496a;
    width: 100%;
    line-height: 30px;
	font-size: 14px;
    font-family: '微软雅黑';
	color:#fff;
}
.footer_con2_con{
	width: 1200px;
    margin: 0 auto;
}
.footer_con2 .foot_s2{
	float:left;
}
.footer_con2 .foot_s3{
	float:right;
}
.banner2_con{
	width:1200px;
	margin:0 auto;
	padding-top: 20px;
}
.banner2_d1{
	float:left;
	width:50%;
}
.banner2_d2{
	float:left;
	width:50%;
}
.banner2_s1{
	float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-family: '微软雅黑';
}
.banner2_s2{
	float: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-family: '微软雅黑';
}
.banner2_s3{
	float: right;
    width: 475px;
    font-size: 20px;
    color: #fff;
    font-family: '微软雅黑';
	text-align:right;
}
.banner2_s4{
	float: left;
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-family: '微软雅黑';
	text-align:right;
}
.banner2_con .ul1{
	float: left;
    width: 100%;
	margin: 20px 0;
}
.banner2_con ul .lili{
	float:left;
	width: 391px;
    height: 51px;
	background:url('../images/02.png') no-repeat;
	color:#07496a;
	font-size: 18px;
	font-family: '微软雅黑';
	line-height:38px;
	text-align:center;
}	
.banner2_d3{
	float: left;
    width: 100%;
    height: 65px;
    line-height: 65px;
    color: #fff;
    font-size: 16px;
    font-family: '微软雅黑';
}
.banner2_img1{
	float: left;
    margin-top: 20px;
}
.banner2_s5{
	float: left;
    margin-left: 15px;
	width:1000px;
}
.banner2_s5 a{
	color:#fff;
}
.banner2_s1 a{
	color:#fff;
}
.cp #sp1{
	float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #07496a;
    text-align: center;
    color: #07496a;
    font-size: 20px;
	margin: 6px 10px 20px;
}
.cp #sp2{
	float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #07496a;
    text-align: center;
    color: #07496a;
    font-size: 20px;
	margin: 6px 0px;
}
.slide_nav_sp{
    width: 30px;
    float: left;
    height: 5px;
    border-radius: 50px;
    border: 1px solid #0068b7;
}
.cp_ul dd{
	margin: 0;
    font-size: 14px;
    text-align: center;
}
.cp_ul dd a{
	width: 108px;
    height: 32px;
    float: left;
    margin-top: 10px;
    line-height: 32px;
}

.navMenu li{
	float:left;
	line-height:40px;
}
.cur{
	border-top: 3px solid #235fb2;
	line-height:42px!important;
}
.cur a{color:#235fb2;}
.sy_src1{
	margin-top: 5px;
    float: left;
}
.sy_src2{
	margin-top: 5px;
    float: left;
}
.sy_src3{
	margin-top: 5px;
    float: left;
}
.sy_src4{
	margin-top: 5px;
    float: left;
}
.toplinks span{
	float:left;
	margin-left:5px!important;
}
.sy_s1{
	margin:0 5px!important;
}
.sy_src5{
	float: left;
    margin-top: 3px;
}
.sy_src6{
	float: left;
    margin-top: 3px;
}
.sy_src7{
	float: left;
}
.sy_sp{
	color:#041834;
	cursor:pointer;
}
.sy_sp1{
	color:#041834;
	cursor:pointer;
}
.sy_sp2{
	color:#041834;
	cursor:pointer;
}
a:hover{
	text-decoration:none!important;
}
.cp_ul{
	width:108px;
	z-index: 999;
	position: absolute;
	display:none;
}
.header a:hover {
    color: #235fb2;
}
.foot_s3 a{
	color:#fff;
}

/* banner

-------------------------------------------------------------- */
#wrapper {
	position:relative;
}

#wrapper a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

#wrapper a:focus ,#wrapper a:link,#wrapper a:active {
	outline:none;
}

#wrapper a:hover {
	color:#444;
}
.fullwidthbanner-container{

	width:100% !important;

	position:relative;

	padding:0;

	max-height:400px !important;

	overflow:hidden;

}



.fullwidthbanner-container .fullwidthabnner	{

	width:100% !important;

	max-height:400px !important;

	position:relative;

}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
	.fullwidthbanner-container,.fullwidthbanner-container .fullwidthabnner{
		max-height:533px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	  .banner, .bannercontainer			{	width:768px; height:309px;}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

	   .banner, .bannercontainer		{	width:480px; height:193px;	}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

		.banner, .bannercontainer		{	width:320px;height:129px;	}

}



@media only screen and (max-width: 319px) {

		.banner, .bannercontainer		{	width:240px;height:97px;	}

}



.tp-bullets.simplebullets.round .bullet:hover,

.tp-bullets.simplebullets.round .bullet.selected,

.tp-bullets.simplebullets.navbar .bullet:hover,

.tp-bullets.simplebullets.navbar .bullet.selected {	

    color: #0068b7;
    background: #0068b7;

}

.tp-leftarrow:hover,

.tp-rightarrow:hover {	

	

 }

/** BULLETS **/

.tp-bullets {

    z-index: 998;

    position: absolute;

    bottom: 0px;

}



.tp-bullets.simplebullets.round .bullet {

    cursor: pointer;

    position: relative;

    background: rgba(255,255,255,0);
	border:solid 3px #d6000f;
    padding: 1px;
    width: 28px;
    border: 1px solid #0068b7;
    margin-right: 3px;
    border-radius: 50px;
	margin-bottom:12px;
    float: left;

    -webkit-transition: background 0.1s linear;

    -moz-transition: color, background 0.1s linear;

    -o-transition: color, background 0.1s linear;

    transition: color, background 0.1s linear;

}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background:url(../images/ico_sliding.png) no-repeat;
	width: 72px;
	height:72px;
	text-indent: 100%;
    white-space: nowrap;
	bottom:0 !important;
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}
.tp-leftarrow.large:hover{background-position:0 -144px;}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background:url(../images/ico_sliding.png) no-repeat;
    width: 72px;
	height:72px;
	text-indent: 100%;
    white-space: nowrap;
	background-position: 0 -72px;
	bottom:0 !important;
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}
.tp-rightarrow.large:hover{background-position:0 -216px;}

.tp-bullets.tp-thumbs {

    z-index: 100;

    position: absolute;

    padding: 3px;

    background-color: #fff;

    width: 500px;

    height: 50px;

    margin-top: -50px;

}



.fullwidthbanner-container .tp-thumbs {

    padding: 3px;

}



.tp-bullets.tp-thumbs .tp-mask {

    width: 500px;

    height: 50px;

    overflow: hidden;

    position: relative;

}



.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {

    width: 5000px;

    position: absolute;

}



.tp-bullets.tp-thumbs .bullet {

    width: 100px;

    height: 50px;

    cursor: pointer;

    overflow: hidden;

    background: none;

    margin: 0;

    float: left;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/*filter: alpha(opacity=50);	*/

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}



.tp-bullets.tp-thumbs .bullet:hover,

.tp-bullets.tp-thumbs .bullet.selected {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-thumbs img {

    width: 100%;

}



.tp-bannertimer {

    width: 100%;

    height: 10px;

    position: absolute;

    z-index: 200;

    z-index: 5000;

}



.tp-bannertimer.tp-bottom {

    bottom: 0px !important;

    height: 5px;

}





@media only screen and (min-width: 768px) and (max-width: 959px) {

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .responsive .tp-bullets.tp-thumbs {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .tp-mask {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .bullet {

        width: 60px !important;

        height: 30px !important;

    }

}



@media only screen and (min-width: 0px) and (max-width: 479px) {

    .responsive .tp-bullets {

        display: none;

    }



    .responsive .tparrows {

        display: none;

    }

}





.tp-simpleresponsive img {

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}



.tp-simpleresponsive a {

    text-decoration: none;

}



.tp-simpleresponsive ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.tp-simpleresponsive >ul >li {

    list-stye: none;

    position: absolute;

    visibility: hidden;

}



.caption.slidelink a div,

.tp-caption.slidelink a div {

    width: 10000px;

    height: 10000px;

}



.tp-loader {

    background: url(../images/loader.gif) no-repeat 10px 10px;

    background-color: #fff;

    margin: -22px -22px;

    top: 50%;

    left: 50%;

    z-index: 10000;

    position: absolute;

    width: 44px;

    height: 44px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

@media(max-width:1200px) {
	.w960,.navMenu,.footers .footer_con1,.w963{
		width: 100%;
	}
	.header_top .toptel {
		font-size: 15px;
	}
	.navMenu ul li {
		margin: 0;
		width: 12.5%;
	}
	.footlink{
		width:100%;
		text-align:center;
	}
	.footlinks{
		width:98%;
		padding-top:0;
		text-align:left;
		padding:0 1%;
	}
	.footer_con2_con,.banner2_con{
		width: 98%;
		padding:0 1%;
	}
	.banner2_con img{
		max-width:100%;
		height:auto;
	}
	.con1,.content .s3{
		width: 100%;
	}
	.content .s3{
		margin-left:0;
		padding:0 10px;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.about_us {
		width: 31%;
	}
	.about_us img,.content .s3 img{
		max-width: 100%;
		height:auto;
	}
	.con1 .cp {
		width: 68%;
		margin-left: 1%;
	}
	.cp ul,.content .s5{
		width: 100%;
		margin-left: 0;
	}
	.content .s5{
		padding:0 1%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cp ul li {
		width: 31.333%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.con2{
		width:100%;
	}
}


	.guanyu_logo img{
		max-width:100%;
		height:auto;
	}
.mban{
	display:none;
}
@media(max-width:1023px) {
	.pcban{
		display:none;
	}
	.mban{
		display:block;
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.header_top{
		height: 93px!important;
	}
	.touch-menu{
		padding-top:30.5px;
	}
	.tel-menu{
		top:93px;
	}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.header_top{
		height: 78px!important;
	}
	.touch-menu{
		padding-top:23px;
	}
	.tel-menu{
		top:78px;
	}
}
@media only screen and (min-width: 425px) and (max-width: 539px) {
	.header_top{
		height: 65px!important;
	}
	.touch-menu{
		padding-top:16.5px;
	}
	.tel-menu{
		top:65px;
	}
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
	.header_top{
		height: 51px!important;
	}
	.touch-menu{
		padding-top:9.5px;
	}
	.tel-menu{
		top:51px;
	}
}

@media(max-width:1200px) {
	.banner2_s5{
		width:auto;
	}
}
@media(max-width:1152px) {
	.header_top .toptel {
		font-size: 14px;
	}
}
@media(max-width:1023px) {
	.header{
		display:none;
	}
	.header_top .time {
		width: 80%;
	}
}
@media(max-width:921px) {
	.banner2_d1,.banner2_d2{
		width:100%;
	}
	.banner2_s1{
		font-size:20px;
	}
	.banner2_s2{
		font-size:14px;
	}
	.banner2_s3,.banner2_s4{
		width:100%;
		text-align: left;
	}
	.about_us,.con1 .cp{
		width: 100%;
	}
	.con1 .cp {
		margin-left: 0;
	}
	.cp .s7{
		font-size:14px;
	}
	.con2 .s8{
		margin-left: 1%;
	}
}
@media(max-width:860px) {
	.banner2_con ul .lili{
		margin:0 2px !important;
	}
}
@media(max-width:767px) {
	.footer_con2 .foot_s2,.footer_con2 .foot_s3{
		width:100%;
	}
}
@media(max-width:540px) {
	.cp ul li {
		width: 48%;
	}
	.cp ul{
		height:639px;
	}
	.banner2_s5{
		width:100%;
	}
	.banner2_d3{
		height:auto;
		line-height:25px;
	}
}
@media(max-width:391px) {
	.banner2_con ul .lili{
		width: 99%;
	}
}
@media(max-width:375px) {
	.header_top{
		height: 51px!important;
	}
	.touch-menu{
		padding-top:9.5px;
	}
	.header_top .time {
		padding-top: 3.5px;
	}
	.tel-menu{
		top:51px;
	}
}