@charset "utf-8";



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



/**/

.six{ padding:75px 0;font-size: 0;}

.six ul li{float: left;font-size: 14px;color: #333;box-shadow: 0 3px 10px 3px #eaeaea;width: 180px;height: 160px;text-align: center; padding:20px 0 0;overflow: hidden; border:#eee 1px solid; margin-left:21px;}

.six ul li:hover{background: #0051a3;color: #fff;}

.six ul li em{display: block;width: 50px;height: 50px;line-height: 0;overflow: hidden; margin:0 auto;}

.six ul li em img{width: 50px;height: 100px;}

.six ul li b{display: block;font-size: 18px; padding:10px 0;}

.six ul li:hover em img{ margin-top:-50px;}

.six ul li:first-child{ margin-left:0;}



/**/

.case{ padding:13px 0 25px;}

.case_bt,.ys_bt{font-weight: normal;text-align: center; background:url(../images/case_line.png) no-repeat center 60px;-webkit-transition:transform .3s;transition:transform .3s;height: 105px;line-height: 30px;}

.case_bt a{font-size: 30px;color: #333;}



.case_bt span,.ys_bt span{display: block;font-size: 18px;color: #666;font-weight: normal; padding:10px 0 0;}

.case_bt:hover,.ys_bt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.case_l{width: 260px;}

.case_l h3{ background:url(../images/case_ltbg.gif) no-repeat;width: 260px;height: 92px;line-height: 110px;overflow: hidden;}

.case_l h3 a{font-size: 24px;color: #fff;font-weight: normal; padding:0 0 0 20px;}

.case_l ul li{width: 260px;height: 50px; padding:1px 0 0;}

.case_l ul li a,.case_l span a{font-size: 16px;color: #333;display: block;width: 210px;height: 50px;line-height: 50px;background: #f2f2f2 url(../images/case_ico01.png) no-repeat 20px 15px; padding:0 0 0 50px;}

.case_l li.case_li02 a,.case_l span a{ background-color:#e6e6e6;}

.case_l ul li a:hover,.case_l ul li.on a{background: #f3a30c url(../images/case_ico02.png) no-repeat 20px 15px;color: #fff;}

.case_l span{ padding:1px 0 0;display: block;width: 260px;height: 50px;}

.case_r{width: 921px;}

.case_r dl dt{width: 531px;height: 398px;float: left;overflow: hidden;}

.case_r dl dt img,.ys_l img,.three03 dl dt img,.news01 img{width: 531px;height: 398px;

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.case_r dl dt img:hover,.ys_l img:hover,.three03 dl dt img:hover,.news01 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.case_r dl dd{width: 340px;height: 325px;background: #0051a3;float: left; padding:25px 25px 0; margin:16px 0 0;}

.case_r dl dd h5{height: 66px;line-height: 66px;overflow: hidden; background:url(../images/case_ico03.gif) no-repeat 0 63px;}

.case_r dl dd h5 a{font-size: 18px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.case_r .case_desc{font-size: 14px;color: #fff;line-height: 30px;height: 120px;overflow: hidden; padding:15px 0 0;}

.case_r dl dd span{display: block;width: 148px; padding:30px 0 0;}

.case_r dl dd span a{font-size: 14px;color: #fff;display: block;width: 146px;height: 38px;text-align: center;line-height: 38px; border:#fff 1px solid;border-radius:5px;}

.case_r dl dd span a:hover,.ban_tel em a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}



/*合作客户*/

.partner_bg{ background:url(../images/hz_bg.jpg) no-repeat center 0;height: 205px; padding:15px 0 0;font-size: 0;}

.partner_l a{ background:url(../images/hz_lico01.png) no-repeat; width:30px; height:30px; display:block;}

.partner_l a:hover{ background:url(../images/hz_lico02.png) no-repeat;}

.partner_r a{ background:url(../images/hz_rico01.png) no-repeat; width:30px; height:30px; display:block;}

.partner_r a:hover{ background:url(../images/hz_rico02.png) no-repeat;}

.partner_l{ position:absolute; top:45px; left:10px;z-index: 20;}

.partner_r { position:absolute; top:45px; right:10px;z-index: 20;}

.partner_c{width: 1200px;}

.partner_c ul li { width:220px; float:left;line-height: 0;box-shadow: 0 3px 10px 3px #eaeaea; border:#eee 1px solid; margin-right:18px;}

.partner_c ul li img{width:220px;height:124px;object-fit: cover;}



/**/

.ys_bg{ background:url(../images/ys_bg.jpg) no-repeat center 0;height: 602px; padding:76px 0 0;font-size: 0;overflow: hidden;}

.ys_bt{font-size: 30px;color: #333; background:url(../images/ys_line.png) no-repeat center 55px;}

.ys_l{width: 575px;height: 431px;overflow: hidden;}

.ys_l img{width: 575px;height: 431px;}

.ys_r{width: 600px;}

.ys_t{width: 600px;height: 110px;}



.ys_t ul li em{display: block;width: 35px; margin:0 auto; padding:10px 0 5px;}

.ys_t ul li em img{width: 35px;height: 35px;}

.ys_t ul li:hover,.ys_t ul li.on{background: #f3a30c;}

.ys_t ul li:first-child{margin: 0;}



.ys_qie{width: 560px;height: 260px; padding:40px 20px 0; background:url(../images/ys_picbg.png) repeat;position: relative;}



.ys_qie p{font-size: 14px;color: #333;line-height: 24px; padding:25px 0 0;}

.ys_qie span{display: block;font-size: 12px;color: #b9baba; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0;}

.ys_qie i{display: block;font-size: 36px;color: #b0b0b0; font-family:"Times New Roman", Times, serif;position: absolute;top: 12px;left: 20px;}



/**/

.pro{ padding:72px 0 0;}

.pro .case_bt{ background:url(../images/cp_line01.gif) no-repeat center 60px;}



.fenl{height: 70px; background:url(../images/cp_line02.gif) no-repeat left 0;width: 1200px;}

.fenl_ul01 li{padding: 0 0 0 0px;width: 300px;float: left;height: 70px;background:url(../images/cp_line02.gif) no-repeat right 0;}



.fenl_ul01 li a:hover{color: #f3a30c;}

.fenl_ul01 li em{display: block;float: left;width: 18px;line-height: 0; padding:22px 10px 0 0;}

.fenl_ul01 li em img{width: 18px;height: 18px;}

.fenl_ul02{display: block;width: 240px;}

.fenl_ul02 li{width: 240px;padding: 0;height: 32px; background:none;}

.fenl_ul02 li a{font-size: 14px;color: #333;font-weight: normal;height: 32px;line-height: 32px;overflow: hidden; padding:0 0 0 28px;width: 212px;}



.chanp{ padding:0 0 75px;}

.chanp ul li{width: 298px;height: 223px;float: left;position: relative; border:#e6e6e6 1px solid;}

.chanp ul li img{width: 298px;height: 223px;object-fit: contain;}



.chanp ul li:hover a{display: block;}





.ban01 h3{font-size: 24px;color: #fff;height: 65px;line-height: 65px; padding:0 0 0 30px;}





.iflow .item{float:left;width:74px;text-align:center;margin:0 0 0 30px;color:#fff;font-size: 14px;}

.iflow .item .icon{display:block;width:74px;height:74px;margin:0 auto 12px;position:relative;}

.iflow .item .icon i:before{content:'';}

.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background:url(../images/iflow_icon.png)}

.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.iflow .item .icon i.hover{background-position:0 -74px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.iflow .item.i1 .icon i:before{background-position:0 -148px;}

.iflow .item.i2 .icon i:before{background-position:0 -222px;}

.iflow .item.i3 .icon i:before{background-position:0 -296px;}

.iflow .item.i4 .icon i:before{background-position:0 -370px;}

.iflow .item.i5 .icon i:before{background-position:0 -444px;}

.iflow .item.i6 .icon i:before{background-position:0 -518px;}

.iflow .item.i7 .icon i:before{background-position:0 -592px;}

.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}



.ban_tel{width: 275px; margin-top:-15px;}



.ban_tel p b{display: block;font-size: 24px;}

.ban_tel em{display: block;width: 140px; padding:15px 0 0;}

.ban_tel em a{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;height: 40px;line-height: 40px;background: #f3a30c;border-radius:5px;}



/**/



.three_bt{font-size: 30px;color: #fff; padding:40px 0 0 450px;height: 122px;line-height: 32px;}

.three_bt span{display: block;font-size: 18px;font-weight: normal; padding:18px 0 0 80px;}

.three_bt b{font-size: 24px;}



.three01,.three02,.three03{ padding:40px 0 0;}



.three01 h3 i,.three02 h3 i,.three03 h3 i{font-size: 30px;color: #f3a30c;font-weight: normal; padding:0 20px 0 0;}

.three01 p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;width: 710px;text-align: center; margin:0 auto;}



.three01_m{height: 200px;padding: 75px 0 0;margin:15px 0 0;}

.three01_m ul li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}





.three01_m ul li:hover,.three01_m ul li:hover b{color: #fff;}



.three02 dl{width: 300px;text-align: center;float: left; background:url(../images/three_line02.gif) no-repeat 0 45px; padding:50px 0 0;}



.three02 dl dt:hover{ background:url(../images/three_k04.png) no-repeat;}

.three02 dl dt img{width: 108px;height: 108px;}

.three02 dl dd{ padding:10px 0 0;}

.three02 dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;}

.three02 dl dd p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;}

.three02 dl:first-child{ background:none;}





.three03 dl{width: 400px;float: left;background: #f2f2f2;height: 450px;}

.three03 dl dt{width: 400px;height: 225px;overflow: hidden;}

.three03 dl dt img{width: 400px;height: 225px;}

.three03 dl dd{text-align: center;width: 320px; margin:0 auto; padding:45px 0 0;height: 180px;}



.three03 dl dd p{font-size: 14px;color: #333;line-height: 24px; padding:15px 0 0;}



/**/

.xin{ padding:70px 0 60px;}

.xin_bt{font-weight: normal;font-size: 30px;color: #333;line-height: 40px; background:url(../images/xin_line.gif) no-repeat center 60px;text-align: center;height: 115px;}



.xin_bt span{display: block;font-size: 18px;color: #666;}

.xin dl{width: 348px;height: 198px;float: left; border:#e6e6e6 1px solid;color: #333; margin-right:75px;}



.xin dl dt img{width: 80px;height: 80px;}

.xin dl dd{width: 222px;float: left; padding:25px 0 0;}



.xin dl dd p{font-size: 14px;line-height: 24px; padding:10px 0 0;}



.xin dl:hover dt{background: #f3a30c;}

.xin dl:hover dd h5{color: #fff;}

.xin .nobor{ margin:0;}



/*新闻中心*/

.news_bt{font-weight: normal;line-height: 38px; background:url(../images/news_line01.gif) no-repeat center 63px;text-align: center;height: 85px;}

.news_bt a{font-size: 30px;color: #333;}

.news_bt span{display: block;font-size: 18px;color: #666;font-weight: normal;text-transform: uppercase;}



.news,.wd{ width:745px; padding:0 0 60px;}

.news_t,.wd_t{ height:45px; line-height:45px; border-bottom:#e6e6e6 1px solid;}

.news_t ul li{ float:left; padding:0 25px 0 0; background:url(../images/news_bor.gif) no-repeat right 17px;}

.news_t ul li a{ font-size:18px; color:#333;}



.news_t .nobor{ background:none; padding:0 0 0 25px;}

.news_t span,.wd_t span{float: right;}

.news_t span a,.wd_t span a{font-size: 18px;color: #ccc;font-weight: normal;}



.news_m{ padding:10px 0 0;}

.news01{width: 327px;height: 246px;float: left;overflow: hidden;}

.news01 img{width: 327px;height: 246px;}

.news02{width: 385px; padding:0 0 0 28px;}

.news02 dl{ width:385px; padding:10px 0 25px;height: 50px; overflow:hidden;}

.news02 dt{display: block;font-size: 14px;color: #333;width: 90px;float: left; background:url(../images/news_line02.gif) no-repeat right 0;height: 50px;overflow: hidden;}

.news02 dt b{display: block;font-size: 24px;color: #999; padding:5px 0 0;}

.news02 dd{ float:left; overflow:hidden; width:275px;height: 50px; padding:0 0 0 15px;}

.news02 dd h3{ font-size:16px; color:#333; height:25px; line-height:25px; overflow:hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news02 dd h3 a{ font-size:16px; color:#333;}



.news02 .news_desc{ font-size:14px; color:#333; height:25px; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/*常见问题*/

.wd{ width:390px;}



.wd .tempWrap{ width:390px;}

.wd dl{ width:390px; height:105px; padding:15px 0 0; border-bottom:#e6e6e6 1px solid;}

.wd dt{ background:url(../images/wen.gif) no-repeat 0 0; padding-left:40px; height:30px; line-height:25px; overflow:hidden;}

.wd dt a{ font-size:20px; color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.wd dd{ font-size:14px; color:#333; background:url(../images/da.gif) no-repeat 0 5px; padding:5px 0 0 40px; line-height:25px; height:50px; overflow:hidden;}



/*聚焦特福佳*/



.about .news_bt{ background:url(../images/ab_line01.gif) no-repeat center 63px;height: 140px;}

.about dl dt{width: 571px;height: 435px; float:right; padding:0 30px 0 0;}

.about dl dt img{width: 571px;height: 435px;}

.about dl dd{ width:525px; float:left; padding:0 0 0 30px;}

.about dl dd h5{ border-bottom:#e6e6e6 1px solid; height:120px;line-height: 30px;}

.about dl dd h5 a{ font-size:18px; color:#333;}



.about .ab_desc{ font-size:14px; color:#555; height:90px; line-height:30px; padding:30px 0 0; overflow:hidden;}



.about dl dd span{ background:url(../images/ab_btn01.png) no-repeat;display: block;width: 310px;height: 42px;}

.about dl dd span a{display: block;font-size: 14px;color: #fff;float: left;width: 155px;text-align: center;height: 42px;line-height: 42px;overflow: hidden;}





/*荣誉资质*/

.honor_bg{ background:url(../images/photo_bg.gif) repeat; padding:50px 0 60px;font-size: 0;}

.honor_t{width: 585px; margin:0 auto; padding:0 0 40px;}

.honor_t ul li{width: 175px;height: 42px; padding:0 10px;float: left;}



.honor_t ul li a:hover,.honor_t ul li.on a{ background:url(../images/photo_k02.png) no-repeat;}

.honor_m ul li{width: 290px;position: relative;float: left; margin-left:13px;line-height: 0;overflow: hidden;}

.honor_m ul li img{width: 290px;height: 163px;}

.honor_m ul li span{ width:290px; padding:5px 0 0; display:block; text-align:center; height:25px; line-height:25px;overflow:hidden;font-size: 14px;color: #333;}

.honor_m ul li a:hover span{color: #0051a3;}

.honor_m ul li em{ background:url(../images/photo_ico01.png) no-repeat;display: block;width: 36px;height: 36px;position: absolute;top: 127px;right: 0;}

.honor_m ul li a:hover em{ background:url(../images/photo_ico02.png) no-repeat;}

.honor_m ul li:first-child{ margin-left:0;}



/**/

.links{line-height: 30px;overflow: hidden;margin:40px auto;}



.links_l i{ font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; padding:0 0 0 8px;}

.links_c{ width:1060px;}

.links_c a{font-size: 14px;color: #2d2c32; display:inline-block; padding:0 10px;}



/**/

@-webkit-keyframes shake{

  from,to{-webkit-transform:translate3d(0, 0, 0);}

  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}

  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}

}



@keyframes shake {

  from,to{transform:translate3d(0, 0, 0);}

  20%,60%{transform:translate3d(-10px, 0, 0);}

  40%,80%{transform:translate3d(10px, 0, 0);}

}



 





/*banner*/

.fullSlide{ min-width:1200px; position:relative;  height:600px; overflow:hidden;  }

.fullSlide .bd{ position:relative; z-index:0;  }

.fullSlide .bd ul{ width:100% !important;  }

.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }

.fullSlide .bd li a{ display:block; height:600px; }

.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:30px; position:absolute; z-index:1;overflow:hidden;  }

.fullSlide .hd ul{margin-left:500px;  }

.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; }

.fullSlide .hd ul li{width: 62px;height: 6px;background: #fff; }





.search_bg{ height:70px;background: #f2f2f2;overflow: hidden;}

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

.search p{ float:left;font-size: 14px; color:#333; width:828px; height:70px; line-height:70px; overflow:hidden;}

.search p a{font-size: 14px; color:#333; padding:0 10px 0 0;}

.search p a:hover{color: #0051a3;}

.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:290px; height:40px; border:none; padding:0 2px 0 23px; float:left; margin-top:15px; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:40px; outline:none;}

.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; margin-top:15px; width:56px; height:40px;}







        .client-2 {

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 71px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(../images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            font-size: 14px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

            width: 33px;

            height: 35px;

            background-position: -27px -51px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 77px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 16px;

            color: #fff;

            float: left;

            height: 24px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

 


        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }

    











.hotkey {

	width: 100%;

	min-width: 1200px;

	height: 60px;

	background: #F3F3F3;

}

.hotkey .fl {

	line-height: 60px;

}






.xhclus {

	padding: 55px 0;

	text-align: center;

}



.xhlbg {

	border-bottom: 1px solid #ddd;

}



.xhpros {}

.xhpros ul li {

	width: 240px;

	height: 210px;

	float: left;

}

.xhpros .cryimg {

	background: #fff;

	width: 135px;

	height: 135px;

	border-radius: 200px;

	overflow: hidden;

	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);

	border: 4px solid #fff;

	margin: 0px auto;

}

.xhpros .cryimg img {

	width: 100%;

	min-height: 135px;

}

.xhpros .cryurl {

	text-align: center;

	font-size: 16px;

	margin-top: 20px;

}











.provar {

				margin-top: 50px;

			}



			

			.procat dt strong {

				font-size: 30px;

				color: #fff;

			}

			

	

			.prolst {

				width: 920px;

			}

			.prolst li {

				width: 275px;

				height: 330px;

				float: left;

				margin: 0 0 20px 20px;

				border: 1px solid #f5f5f5;

				text-align: center;

				position: static;

			}

			.prolst li .pimg {

				width: 275px;

				height: 275px;

				overflow: hidden;

			}

			.prolst li .pimg img {

				width: 100%;

				min-height: 200px;

				transition: transform .3s linear;

			}

			.prolst li .pimg img:hover {

				transition: transform .3s linear;

				transform: scale(1.1);

			}

			.prolst li .pname {

				line-height: 26px;

			}



