@charset "utf-8";



/*初始样式*/



body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/



body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}



a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/



a:focus{outline:0;} /*for ff f6n.net*/



/*a:hover { text-decoration:underline;}*/



img{border:none;}



.vam { vertical-align:middle;}



.clear{clear:both; height:0; line-height:0; font-size:0;}

@charset "utf-8";



/*初始样式*/



body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/



body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}



a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/



a:focus{outline:0;} /*for ff f6n.net*/



/*a:hover { text-decoration:underline;}*/



img{border:none;}



.vam { vertical-align:middle;}



.clear{clear:both; height:0; line-height:0; font-size:0;}



p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }



h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}







.tr { text-align:right;}



.tl { text-align:left;}



.center { text-align:center;}



.fl { float:left;}



.fr { float:right;}



.pa{ position:absolute;}



.pr{ position:relative;}



i,em{ font-style:normal;}



.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}



.clearfix{zoom:1;}



/* -- 页面整体布局 -- */



.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}











.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}



.tit b{display:inline-block;font-size: 40px;color: #333;line-height: 40px;position: relative;}



.tit b:before{position: absolute;width: 17px;height: 1px;background: #002248;content: "";left: -45px;top: 20px;}



.tit b:after{position: absolute;width: 17px;height: 1px;background: #002248;content: "";right: -45px;top: 20px;}



.tit i{display:block;font-size: 20px;color: #333;line-height: 20px;padding-top: 10px;}









    /**/



.case{height: 741px;box-sizing: border-box;position: relative;/* background:url(../images/case.jpg) no-repeat center 0; */padding-top: 49px;}



.case .content{ position: relative;}



.case h2{ height: 135px;}



.c_u{position: absolute;left: -70px;top: 263px;z-index: 5;cursor: pointer;}



.c_d{ position: absolute; right: -70px; top: 263px; z-index: 5;cursor: pointer;}



.c_u img,.c_d img{-webkit-filter: grayscale(100%);



    -moz-filter: grayscale(100%);



    -ms-filter: grayscale(100%);



    -o-filter: grayscale(100%);



    filter: grayscale(100%);



    filter: gray; opacity: 0.7;



}



.c_u:hover img,.c_d:hover img{-webkit-filter:none;



    -moz-filter:none;



    -ms-filter: none;



    -o-filter:none;



    filter:none;



    filter:none; opacity: 1;



}



.case ul li{float: left;width:385px;box-sizing: border-box;height: 455px;margin-right: 12px;background: #fff;overflow: hidden;}



.case ul li img{ width: 385px;transition: all 0.3s linear 0s;}



.case ul li:hover img{transform: scale(1.05);}



.case ul li i{display: block;margin:31px 28px 17px;font-size: 18px;color: #333;overflow: hidden;}



.case ul li:hover i{ color: #0550ab;}



.case ul li em{display: block;margin: 0 30px;color: #787878;font-size: 16px;line-height: 27px;height: 65px;}



.case ul li b{ display: block; margin-right: 30px; float: right; width: 20px; height: 20px;background:url(../images/c_io2.png) no-repeat;}



.case ul li b img{ width: 8px; height: 10px;}



.case ul li:hover b{background:url(../images/c_io1.png) no-repeat; }



.case_c{ overflow: hidden; margin-left: 9px;}





		.content{width:1200px;margin:0 auto;}
		
	

		   .footer{height: 268px;/* background:#394351; */}
		   .foot{padding-top: 26px;}
		   .foot .gsxx{width:440px;float:left;margin-right: 43px;}
		   .foot .gsxx b{display: block; margin-bottom: 36px;}
		   .foot .gsxx b em{display:block;font-family:"Verdana"; font-size: 24px; font-weight: normal;font-style: normal; line-height:24px;color:#FFF; opacity: 0.3;}
		   .foot .gsxx b i{display: block;font-size: 24px; line-height:24px; color:#FFF;margin-top: 14px;font-style: normal;}
		   .foot .gsxx ul li{height:20px;float:left; line-height: 20px;padding-left:27px;font-size: 16px; color:#FFF;margin-bottom: 17px;}
		   .foot .gsxx ul li.db1{background:url(../images/db1.png) no-repeat left;width:130px;}
		   .foot .gsxx ul li.db2{background:url(../images/db2.png) no-repeat left;width:160px;}
		   .foot .gsxx ul li.db3{background:url(../images/db3.png) no-repeat left;width:130px;}
		   .foot .gsxx ul li.db4{background:url(../images/db4.png) no-repeat left;width:240px;}
		   .foot .dbnav{width: 500px;float:left;}
		   .foot .dbnav b{display: block; margin-bottom: 36px;}
		   .foot .dbnav b em{display:block;font-family:"Verdana"; font-size: 24px; font-weight: normal; line-height:24px;color:#FFF; opacity: 0.3;font-style: normal;}
		   .foot .dbnav b i{display: block;font-size: 24px; line-height:24px; color:#FFF;margin-top: 14px;font-style: normal;}
		   .foot .dbnav ul li{float:left; width:80px; margin-right: 23px;margin-bottom: 20px; height:16px; line-height: 16px;}
		   .foot .dbnav ul li a{font-size: 16px; color:#e5e5e5;}
		   .foot .ewm{width:140px; float:right;}
		   .foot .ewm span{display: block;width:139px; height:139px; background:#eeeeee;margin-bottom: 12px;}
		   .foot .ewm span em{display: block;width:128px; height:128px;margin:0 auto; padding-top:6px;}
		   .foot .ewm span em img{width:128px; height:128px;}
		   .foot .ewm i{display: block; text-align: center;font-size: 14px;color:#FFF; line-height: 14px; font-style:normal;}
		   .foot .link{height:57px;line-height: 57px;padding-top: 16px;}
		   .foot .link span{display: block; width:1200px; text-align:center}
		   .foot .link span em{ font-size: 14px; color:#e5e5e5; font-style: normal;margin:0 5px;}
		   .foot .link span em a{font-size: 14px; color:#e5e5e5; font-style: normal;}
		   .foot .link strong{display: block; float:right; width:400px;}
		   .foot .link strong p{font-size: 14px; color:#EEEEEE; font-weight: bold;margin-right: 28px;float:left;}
		   .foot .link strong a{display: block; float:left;font-size: 14px; color:#EEEEEE; font-weight: normal;margin:0 5px;}