@charset "utf-8";



/*��ʼ��ʽ*/



body{ color:#333; font-size:16px;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:16px;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";}













    /**/



.case{height: 451px;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: 203px;z-index: 5;cursor: pointer;}



.c_d{position: absolute;right: -70px;top: 203px;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:295px;box-sizing: border-box;height: 275px;margin-right: 12px;background: #fff;overflow: hidden;}



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



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



.case ul li i{display: block;margin: 21px 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;}










		body{min-width:1200px;width:100%;overflow-x:hidden; }

		i,em{ font-style:normal;}

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

	


 

		.footer{height:498px;background:#1e2126; overflow: hidden; }

        .f_nav{ overflow: hidden; width: 303px; height: 498px; background: #292c31; float: left;}

		.f_nav p{ padding: 60px 0 0 91px;}

		.f_nav p a{ display: block; line-height: 100%; font-size: 16px; color: #fff; margin-bottom: 29px; padding-left: 17px;}

		.f_nav p a:hover{ color: #ffcc00;background:url(../images/f_io.jpg) no-repeat 0 6px;}

.ff_r{ float: right; width: 840px; padding-top: 85px;}

		.f_on{ height: 215px; overflow: hidden;}

		.f_on h3{font-weight: normal; color: #dadbde; font-size: 24px; line-height: 100%; padding-bottom: 42px;}

		.f_on ul{ float: left; width: 578px;}

		.f_on ul li{ color: #a9a9aa; font-size: 14px; line-height: 24px; padding-left: 48px; width: 205px; float: left; height: 61px;background:url(../images/fi1.jpg) no-repeat 0 5px;}

		.f_on ul li span{ display: block;}

		.f_on ul li:nth-child(2){background:url(../images/fi2.jpg) no-repeat 0 5px;}

		.f_on ul li:nth-child(3){background:url(../images/fi3.jpg) no-repeat 0 5px;}

		.f_on ul li:nth-child(4){background:url(../images/fi4.jpg) no-repeat 0 5px;}

		.f_on h4{font-weight: normal; padding-top:14px; float: right; color: #a9a9aa; font-size: 14px; line-height: 24px;}		.f_on h4 a{color: #a9a9aa;}

		.f_on h4 span{ display: block;}

		.f_on2{ float: left; width: 698px; padding-top:28px;}

		.f_on2 h3{font-weight: normal; color: #dadbde; font-size: 24px; line-height: 100%; height: 57px;}

		.f_on2 p a{ color: #a9a9aa; font-size: 14px; display: inline-block; padding-right: 48px;}

		.f_er{ float: left; background: #626468;}

		.f_er img{ display: inline-block; width: 82px; height: 82px; border: 10px solid #fff; float: left;}

		.f_er i{ display: inline-block; float: left; width:20px; font-size: 14px; color: #fff;  line-height: 120%; padding: 12px 6px 0; text-align: center;}

	

        





/*--- Footer ---*/

.Footer-wrapper{z-index:98;}

.Fcr{line-height:24px;padding:.1rem 0;text-align:center;font-size:12px;color:#b6b6b6;background:#28292c;}

/*.Footer{padding:.22rem 0 .26rem;background:#2e3033;}

.Footer dl dt{line-height:31px;font-size:15px;color:#fff;}

.Footer dl dd{color:#b6b6b6;margin:10px 0 0;}



.Footer .Fnav{width:16.5%;float:left;}

.Fnav.Fnav-ab{width:14.75%;}

.Fnav dd a{display:block;padding:5px 0;line-height:20px;}

.Fnav a:hover{color:#fff;}



.Footer .Fct{padding:0 .1rem 0 .59rem;width:31.75%;float:left;position:relative;}

.Fct:before,

.Fct:after{content:"";display:block;height:155px;width:1px;background:#777777;position:absolute;top:8px;}

.Fct:before{left:0px;}

.Fct:after{right:0px;}

.Fct dd .con{padding:5px 0 5px 36px;line-height:20px;}

.Fct dd .con.tel{background:url(../images/Fct-1.png) no-repeat left center;}

.Fct dd .con.mail{background:url(../images/Fct-2.png) no-repeat left center;}

.Fct dd .con.post{background:url(../images/Fct-3.png) no-repeat left center;}

.Fct dd .con.adr{background:url(../images/Fct-4.png) no-repeat left center;}



.Footer .Fcode{width:14.5%;font-size:13px;float:right;}

.Fcode dd img{width:90px;height:90px;object-fit:cover;margin:0 0 10px;}



.Footer-wrapper.on .Footer dl dd{display:block !important;}*/



.footer-container{padding:.25rem 0 .14rem;background:#2e3033;}

.Flogo{display:block;width:26.25%;height:120px;line-height:120px;font-size:0px;text-align:center;float:left;}

.Flogo img{max-width:100%;}



.Fct{width:62.5%;padding:29px 0 20px .5rem;/* border-left:1px solid #3f4144; */float:left;}

.Fct div.l1{width:41.28571428571429%;float:left;}

.Fct div.l2{width:58.71428571428571%;float:left;}

.Fct div .con{padding:5px 0 5px 35px;line-height:24px;color:#b6b6b6;}

.Fct div .con span{color:#cccccc;}

.Fct div .con.tel{background:url(../images/Fct-1.png) no-repeat left 2px;}

.Fct div .con.mail{background:url(../images/Fct-2.png) no-repeat left 2px;}

.Fct div .con.post{background:url(../images/Fct-3.png) no-repeat left 2px;}

.Fct div .con.adr{background:url(../images/Fct-4.png) no-repeat left 2px;}



.Fewm{text-align:center;float:right;}

.Fewm img{width:90px;height:90px;object-fit:cover;}

.Fewm .type{line-height:20px;font-size:13px;color:#b6b6b6;margin:10px 0 0;}