@charset "utf-8";

/* CSS Document */
@font-face{ font-family: "PingFangSC-Medium"; src: url(../fonts/PINGFANG_MEDIUM.TTF);}

@font-face{ font-family: "PingFangSC-Regular"; src: url(../fonts/PINGFANG.TTF);}

@font-face{ font-family: "PingFangSC-Bold"; src: url(../fonts/PINGFANG_BOLD.TTF);}
@font-face{ font-family: "PingFangSC-Light"; src: url(../fonts/PINGFANG_LIGHT.TTF);}
@font-face{ font-family: "Swis721 BlkCn BT"; src: url(../fonts/tt0173m.ttf);}

body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family: "苹方","PingFang SC", PingFangSC-Regular,"微软雅黑","Microsoft YaHei",  sans-serif; overflow-x:hidden; min-width: 1280px; padding-top: 1px; min-width: 1280px;}



*{ padding:0; margin:0;}

img{ max-width:100%;}

#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }

.j_tab{ display:table; width:100%; height:100%;}

.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

*{ margin:0; padding:0; outline:none; }

a{ color:inherit;}

a:focus{ outline: none !important;}

h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}

h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

img{ max-width:100%; max-height:100%;}

.img img{ width:100%; height:100%;}

svg{ max-width:100%; max-height:100%;}

table{table-layout: fixed;}

.m{ max-width: 1200px; height:100%;margin: 0 auto; display: block; position:relative;}

.pad_top{ padding-top:80px;}

.pad_bot{ padding-bottom:80px;}

.pad_aside{ padding-left:45px; padding-right:45px;}

.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}

.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}

svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}

svg.drawcircle circle {

	fill: none; box-sizing:border-box;

	stroke-width: 2;

	stroke: none;

	stroke-dasharray: 0 , 188.49;

	stroke-dashoffset:188.49;

	transition: all .3s linear 0s;	

}

.draw_h:hover svg.drawcircle circle { 

    stroke:#fff;

	stroke-dasharray:188.49 , 0;

	stroke-dashoffset:188.49;

	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

}

.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.draw_h:hover .icon{ fill:#0081cc;}

/*===========================header=============================*/

#header{ z-index:999; width:100%; position:absolute; background: #fff; top:0;  transition:.5s; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}

#header .m{ height: 100%;}

#logo{ float:left; height:100%; line-height: 100px; transition:.5s;}

#logo img{ }

#nav{ float:left; }

#nav ul{}

#nav ul li{ float:left;  position:relative; z-index:0;}

#nav ul li a{ display:block; text-transform:uppercase; }

#nav ul li h3{ font-size:16px; color:#3d3d3d; line-height:100px; padding: 0 18px; transition:.5s; position:relative; z-index: 1;font-family: PingFangSC-Medium,"苹方","PingFang SC"; }

#nav ul li.active h3,#nav ul li:hover h3{ color:#fff; }

#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}

#nav ul li h3:before{ content: ""; display: block; width:0; height:100%; background: #ff731d; right: 0; bottom: 0; opacity: 0; transition: .5s; position: absolute; z-index: -1;}

#nav ul li:hover a h3:before,#nav ul li.active a h3:before{ opacity: 1; width: 100%; left: 0; right: auto;}

#nav ul li .sub{ position:absolute; top:100%;width:100%; left:0; z-index: 10000; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }

#nav ul li .sub .box{ padding:10px 10px; text-align: center; background:#fff; position: relative; z-index: 9;}

#nav ul li .sub a{ padding:0; line-height:2; transition:.3s; font-size:15px; color:#666;}

#nav ul li .sub a:hover{ color:#ff731d;}

#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transition-delay: .1s;}

.top_rukou{ float: right; transition:.5s; position: relative; padding-left: 25px; margin-left: 20px; padding-top: 30px;}

.top_rukou:before{ content: ""; display: block; width: 1px; height: 15px; background: #c0c0c1; position: absolute; left: 0; bottom: .625rem;}

.top_rukou a{ display: block; float: left; width: 39px; height: 39px; text-align: center; line-height: 35px; border-radius: 50%; border: 1px solid #e0e0e0; margin-left: 17px; transition:.5s; position: relative;}

.top_rukou a img{ display: inline-block; vertical-align: middle; transition:.5s;}

.top_rukou a img.img02{ display: none;}

.top_tel{float: left; line-height: 39px; margin-right: 35px; }

.top_tel img{ margin-right: 10px; vertical-align: middle; position: relative; top: -3px;}

.top_tel span{ font-size: 18px; color: #555;font-family: PingFangSC-Bold,"苹方","PingFang SC"; }

/***********************/

.inv-more{display:block;position:relative;width:126px;height:40px;line-height:40px;overflow:hidden;background:#ccc;color:#fff;font-size:14px;text-align:center}

.inv-more em,.inv-more i{position:relative}

.inv-more em{display:inline-block;vertical-align:bottom;margin-bottom:19px;margin-left:7px;width:0;height:8px;background:url(../images/banner_arrow.png) right no-repeat;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.inv-more:before{content:"";position:absolute;left:auto;right:0;bottom:0;width:0;height:100%;background:#a18650;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.inv-more:hover:before{left:0;right:auto;width:100%}

.inv-more:hover em{width:20px}

.top_ewm:before,.top_search:before {

    content: '';

    position: absolute;

    border: 10px solid transparent;

    border-bottom: 10px solid #ff731d;

    bottom: -33px;

    left: 50%;

    margin-left: -10px;

    display: none;

}

.top_ewm.act:before,.top_search.act:before{ display: block;}

.tc_ewm{ z-index: 1; display:inline-block;background: #ff731d; border-radius: 5px; position: absolute;right:0;top:100%; text-align:center; height:0; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out; overflow: hidden;}

.tc_ewm .box{ margin:15px 30px;width: 200px;}

.tc_ewm.act{ height:120px; }

.tc_ewm img{ display:block; float:left; width:90px; height:90px; margin-right:20px; }

.tc_ewm p{ line-height:22px; color:#fff; background:#ff731d; float:left; text-align:left; padding-top:20px; font-size: 14px;}



/*顶部搜索*/

.tc_search{float:right;position:absolute;right:0; top:100%; font-size:16px; border-radius: 5px; color:#fff;text-align:center;height:0;font-family:arial;letter-spacing:2px;line-height:40px;background: #ff731d;transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden;visibility: hidden;}

.tc_search form{height:40px;border-radius:20px;border: 1px solid rgba(255,255,255,.6);position:relative;width: 200px;margin:  20px 30px;}

.tc_search #keyword{ font-size:.875rem; color:#fff; height:38px; line-height:38px; padding:0 1rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}

.tc_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/top_search_white.png) center no-repeat;}

.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */

.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */

.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */

.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

.tc_search.act{height: 80px; visibility: visible; }
 

 

.tc_search{ z-index: 1; display:inline-block;background: #ff731d; border-radius: 5px; position: absolute;right:0;top:100%; text-align:center; height:0; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out; overflow: hidden;}

.tc_search .box{ margin:15px 30px;width: 200px;}

.tc_search.act{ height:120px; }

.tc_search img{ display:block; float:left; width:90px; height:90px; margin-right:20px; }

.tc_search{ line-height:22px; color:#fff; background:#ff731d; float:left; text-align:left; font-size: 14px;}
.tc_search p{ padding-top: 20px;}
/*首页banner*/		

#banner{ height:645px; width:100%; position: relative; margin-top:99px; left:0; z-index:9; background:#fff; }

#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}

#banner li{ position:relative; }

#banner li .img{ width:100%; height:645px; z-index:8; -webkit-transform: scale(1.1); transform: scale(1.1);}	

@-webkit-keyframes bgscale {

from { -webkit-transform: scale(1.1); transform: scale(1.1); }

to {-webkit-transform: scale(1); transform: scale(1); }

}

@keyframes bgscale {

from { -webkit-transform: scale(1.1); transform: scale(1.1); }

to {-webkit-transform: scale(1); transform: scale(1); }

}

#banner .slick-active .img{ animation:bgscale 7s linear .3s; animation-fill-mode: forwards;  }

#banner .m{ height:100%; width:100%; max-width:none;}

#banner li.slick-current{ z-index:999;}

#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }

#banner .txt{ color:#fff; text-align:center; }

#banner .txt img{ opacity:0;  }

#banner li.slick-current{ z-index:999;}

#banner .remove .txt img{ animation:quit 1s ease-in forwards; }

#banner .slick-current .txt img{ animation:enter 1s .8s ease-out forwards; }

@-webkit-keyframes enter {

    0% { opacity: 0; transform:translateY(-30%); }

    100% { opacity: 1;  transform: translateY(0px); }

}

@keyframes enter {

    0% { opacity: 0; transform:translateY(-30%); }

    100% { opacity: 1; transform: translateY(0px); }

}

@-webkit-keyframes quit {

	0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}

@keyframes quit {

   0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}

#banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-34px; transform:translate(0,0); opacity:1;

	display:block; width: 67px; height: 67px; background-size:67px !important;}

#banner .slick-prev{ left:50%; margin-left: -725px; background:url(../images/banner_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#banner .slick-next{ right:50%; margin-right: -725px; background:url(../images/banner_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.slick-prev:before, .slick-next:before{ display:none;}



.ar_article{ font-size:.9375rem; color:#686868; line-height:1.875rem; text-align:justify; }

.ar_article p{font-size:.9375rem;color:#686868;line-height:1.875rem; padding-bottom:1.75rem;}	

.ar_article strong{ font-weight:bold;}

.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;   }

.ar_article td *,.ar_article th *{ font-size:0.95rem !important;  }

.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

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

.ar_article a{ color:#363636;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:15px;}





/***********************/

#top_form{ padding-top: 35px; padding-bottom: 35px; background: #f9f9f9;}

#top_form .tt{ font-size: 26px; color: #454545; margin-bottom: 23px;}

#top_form .tt span{ font-size: 15px; color: #454545; margin-left: 15px;}

.j_form{ width:100%;}

.j_form .form-group{position:relative; float:left; margin: 0; margin-right: 13px;  }

.j_form .form-group>input,.j_form .form-group .input_r{ height:45px; width:255px; float: left; padding:0 17px; font-size:14px; color:#606060; background:#fff; border:1px solid #e5e5e5;}

.j_form .form-group .yzm{ position:absolute; right:0; top:10px; max-height:100%; height: 40px; background:none !important;}

.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}

.j_form .btn_tijiao{ display:block; width:120px; height:45px; float: right; font-size:15px; text-align: center; background:#ff8e3d; color:#fff; border:0; outline: none;  transition:.5s; cursor:pointer; margin-top:0px;}

.j_form .btn_tijiao:hover{background:#ffaf00;}



#s_fangan{ padding-top: 67px; border-bottom: 1px solid #e5e5e5;}

#s_fangan .tt{ text-align: center;}

#s_fangan .tt h3{ font-size: 46px; line-height: 58px; color: #4a4a4a; margin-bottom: 28px;font-family: "PingFangSC-Light","苹方","PingFang SC"; }

#s_fangan .tt p{ font-size: 17px; line-height: 33px; color: #585858;}





#s_shuzi{ overflow: hidden; width: 942px; margin: 0 auto; margin-top: 55px;}

#s_shuzi ul{ text-align: center; font-size: 0; display: flex; justify-content: space-between; overflow: hidden; flex-wrap: wrap;}

#s_shuzi ul li{ display: inline-block;}

#s_shuzi ul li .box{ display: inline-block; text-align: center;}

#s_shuzi ul li p{ font-family: "Swis721 BlkCn BT"; font-size:38px; color:#fff; margin-bottom:.8rem; width: 125px; height: 125px; line-height: 125px; border-radius: 50%; }

#s_shuzi ul li h5{ font-size:14px; color:#38383b;}

#s_shuzi ul li i{ position: relative; font-size: 22px; top: -25px;}

#s_shuzi ul li.li_1 p{background: #cf2626;}

#s_shuzi ul li.li_2 p{background: #338acb;}

#s_shuzi ul li.li_3 p{background: #ff731d;}

#s_shuzi ul li.li_4 p{background: #78ae2a;}



.s_coop_slide{ margin: 55px 0 75px;}

.s_coop_slide ul{ height: 65px; overflow: hidden;}

.s_coop_slide ul li{ padding: 0 10px;}

.s_coop_slide ul li .box{ border: 1px solid #eaeaea; line-height: 63px; height: 65px; text-align: center;}
.s_coop_slide ul li .box img{ display: inline-block;}


.s_tt{ text-align: center; margin-bottom: 60px;}

.s_tt h3{ font-size: 38px; color: #201f1f; font-family:PingFangSC-Medium,"苹方","PingFang SC"; margin-bottom: 17px; }

.s_tt p{ font-size: 16px; color: #6f6f6f;}



#s_pro{ padding-top: 68px;}

#s_pro ul{ overflow: hidden;}

#s_pro ul li{ padding: 0 2px;}

#s_pro ul li .box{ position: relative;}

#s_pro ul li .box .img{ background: #000;}

#s_pro ul li .box .img img{ opacity: .7; transition: 1s;}

#s_pro ul li .box:hover .img img{ transform: scale(1.1) rotate(.1deg);}

#s_pro ul li .box .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 46px 40px; color: #fff; z-index: 1;}

#s_pro ul li .box .txt h3{ font-size: 28px; margin-bottom: 16px;}

#s_pro ul li .box .txt font{ display: block; width: 51px; height: 51px; line-height: 51px; text-align: center; margin: 0 auto; margin-bottom: 29px;}

#s_pro ul li .box .txt font img{}

#s_pro ul li .box .txt h4{ text-align: left; display: inline-block;}

#s_pro ul li .box .txt h4 span{ font-size: 14px; position: relative; margin: 0 18px; margin-bottom: 15px; float: left;}

#s_pro ul li .box .txt h4 span:before{ content: ""; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #fff; position: absolute; left:-10px; top: 3px; transition: .3s;}

#s_pro ul li .box .txt h4 span:after{ content: ""; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #fff; position: absolute; left:-10px; top: 3px; transition: .3s;}

#s_pro ul li .box .txt h4 span:hover，#s_pro ul li .box .txt h4 span.on{ font-family:PingFangSC-Bold,"苹方","PingFang SC";}

#s_pro ul li .box .txt h4 span:hover:after,#s_pro ul li .box .txt h4 span.on:after{ left:-18px;}

#s_pro ul li .box .txt:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../images/pro_txt.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .7s;}

#s_pro ul li .box:hover .txt:before{ opacity: 1;}
#s_pro ul li.on .box .txt:before{ opacity: 1;}


#s_pro02{ padding-top: 40px; padding-bottom: 80px;}

#s_pro02 ul{  }

#s_pro02 ul li{ padding: 0 12px;}

#s_pro02 ul li .img{position: relative;}

#s_pro02 ul li .img img{ transition: 1s; }

#s_pro02 ul li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }
#s_pro02 ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center; padding: 0 10px; padding-top: 95px; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_pro02 ul li .mask h5{ font-size: 23px;  margin-bottom: 22px; color: #fff;}
#s_pro02 ul li .mask p{ font-size:14px; color: #fff; }
#s_pro02 ul li:hover .mask{ opacity: 1;}
#s_pro02 ul li .txt{ background: #f6f6f6; text-align: center; padding: 40px 50px;}
#s_pro02 ul li .txt h5{ font-size: 23px; color: #424242; margin-bottom: 22px;}
#s_pro02 ul li .txt p{ font-size:14px; color: #717171; line-height: 26px; height: 52px; overflow: hidden;}

#s_mian{ min-height: calc(100vh - 141px);}

#s_pro02 .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-34px; transform:translate(0,0); opacity:1;

	display:block; width: 67px; height: 67px; background-size:67px !important;}

#s_pro02 .slick-prev{ left:50%; margin-left: -725px; background:url(../images/s_pro01_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#s_pro02 .slick-next{ right:50%; margin-right: -725px; background:url(../images/s_pro01_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.slick-prev:before, .slick-next:before{ display:none;}


@media (max-width: 1440px)

{
	#s_pro02 .slick-arrow{width: 57px; height: 57px; background-size:57px !important;}
	#s_pro02 .slick-prev,#banner .slick-prev{ margin-left: -650px;}
	#s_pro02 .slick-next,#banner .slick-next{ margin-right: -650px;}
}

#s_liucheng{ width:100%; overflow: hidden; background: url(../images/s_liucheng_bg.jpg) center no-repeat; background-size: cover;}

#s_liucheng .s_tt h3{ color: #fff;}



#s_liucheng ul{ margin: 0 -32px;}

#s_liucheng ul li{ text-align: center; width: 14.28%; float: left; position: relative;}

#s_liucheng ul li+li:before{ content: ""; display: block; width: 6px; height: 10px; background: url(../images/s_lc_arrow.png) center no-repeat; left: -3px; top: 50px; position: absolute;}

#s_liucheng ul li .ico{ display: block; width: 105px; height: 105px; margin: 0 auto; line-height: 105px; text-align: center; border-radius: 50%; position: relative; z-index: 1;}

#s_liucheng ul li .ico:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; border: 1px dashed #fff; z-index: 0; transition: .7s;}

#s_liucheng ul li .ico:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;  background:#fff; z-index: -1; transform: scale(0); z-index: -1; opacity: 0; visibility: hidden; transition: .7s; }

#s_liucheng .ico img{ display: inline-block; max-height: 3.125rem; max-width: 3.125rem; position: relative; z-index: 3;}

#s_liucheng .ico .img01{}

#s_liucheng .ico .img02{ display: none;}

#s_liucheng .ico i{ display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 7%; top: 7%; transition: 1s; background: #fff; text-align: center; line-height: 20px; font-size: 12px; color: #ed6a1a;}

#s_liucheng h5{ font-size: 16px; color: #fff; margin-top: 18px; }



#s_liucheng ul li:hover{}

#s_liucheng ul li:hover .ico:before{ transform: scale(1.3); opacity: 0; }

#s_liucheng ul li:hover .ico:after{ transform: scale(1);opacity: 1; visibility: visible; }

#s_liucheng ul li:hover .ico .img01{ display: none;}

#s_liucheng ul li:hover .ico .img02{ display: inline-block; animation: jello 1s;}

#s_liucheng ul li:hover .ico i{ }



#s_fuwu{ width: 100%; overflow: hidden; background: #f9f9f9;}

#s_fuwu ul{ margin-top: -40px;}

#s_fuwu ul li{ width: 20%; float: left; text-align: center; margin-top: 50px;}

#s_fuwu ul li .ico{ display: block; width: 40px; height: 40px; margin: 0 auto;}

#s_fuwu ul li .ico img{}

#s_fuwu ul li p{ margin-top: 15px; font-size: 16px; color: #424242;}

#s_fuwu ul li:hover .ico img{ animation: jello 1s;}

#s_kehu{}

#s_kehu .m{ max-width: 1600px;}

#s_kehu ul{ }

#s_kehu ul li{ width: 25%; float: left; padding: 6px;}

#s_kehu ul li .box{ position: relative; overflow: hidden;}

#s_kehu ul li .img{}

#s_kehu ul li .img img{ display: block; transition: 1s;}

#s_kehu ul li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30px; padding-top: 250px; overflow: hidden; z-index: 1; opacity: 0; transition: .5s;}

#s_kehu ul li .txt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: -1;}

#s_kehu ul li .txt i{ display: block; width: 10px; height: 1px; background: #fff; margin-bottom: 20px;}

#s_kehu ul li .txt h5{ font-size: 18px; color: #fff; margin-bottom: 9px;}

#s_kehu ul li .txt p{ font-size: 14px; color: #fff;}

#s_kehu ul li .box:hover .txt{ padding-top: 220px; opacity: 1;}

#s_kehu ul li .box:hover .img img{ transform: scale(1.1) rotate(.1deg);}



#s_lianxi{ width:100%; overflow: hidden; background: url(../images/s_lianxi_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}

#s_lianxi .box{ display: block; width: 575px; height: 730px; background: #fff; padding: 63px 40px;}

#s_lianxi .box .tt{ text-align:  center; }

#s_lianxi .box .tt .img{ width: 170px; height: 170px; border-radius: 50%; margin: 0 auto; margin-bottom: 30px;}



.s_lianxi{}

.s_lianxi .txt{ font-size: 15px; line-height: 36px; color: #3f3f3f; text-align: center; margin-top: 28px; margin-bottom: 40px;}

.s_lianxi .ewm{ text-align: center;}

.s_lianxi .ewm div{ display: inline-block; margin: 0 14px;}

.s_lianxi .ewm img{ display: block; width: 121px; height: 121px; border: 1px solid #dedede; margin-bottom: 13px;}

.s_lianxi .ewm p{ font-size: 14px; color: #3f3f3f;}



.s_biaodan{}

.s_biaodan .s_form{ margin-top: 35px;}

.s_form .form-group{position:relative; float:left; width: 50%; padding: 0 6px; margin: 0; margin-bottom: 18px;}

.s_form .form-group>span{ display: block; height: 25px; font-size: 14px; color: #3f3f3f;}

.s_form .form-group>input,.s_form .form-group .input_r{ height:45px; width:100%; float: left; padding:0 17px; font-size:14px; color:#606060; background:#fff; border:1px solid #e5e5e5;}

.input_r{ padding-left: 13px !important;}

.s_form .form-group .yzm{ position:absolute; right:5px; top:27px; max-height:100%; height: 40px; background:none !important;}

.s_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}

.s_form .btn_tijiao{ display:block; width:100%; height:45px; float: right; font-size:15px; text-align: center; background:#ff8e3d; color:#fff; border:0; outline: none;  transition:.5s; cursor:pointer; margin-top:0px;}

.s_form .btn_tijiao:hover{background:#ffaf00;}



#footer{ background: #3a393c; overflow: hidden; padding: 45px 0;}

.foot_nav{ margin-bottom: 16px; float: right; clear: both;}

.foot_nav a{ font-size:14px; color: #fff; margin-left: 30px; float: left;}

.copyright{ font-size: 12px; color:#7f7f81; float: right; clear: both;}

.maodian{ position:relative; top: -98px;}





.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}

.online_q .close{ position:absolute; right: -1rem; font-size: 1rem; color: #969797; opacity: 1; font-weight: normal;}

.online_q .btn2{width:4.25rem; height:4.25rem; cursor:pointer; position:relative; margin-bottom:5px; }

.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}

.online_q .btn-top span{ background: #ec772e !important;}

.online_q .btn2 a{  font-size:12px; color:#fff;}

.online_q .btn2 span{display:block; float:left; text-align: center; width:4.25rem; height:4.25rem; line-height: 4.25rem; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; background: #33cdff; border-radius: 50%; overflow: hidden;}

.online_q .btn2:nth-child(2) span{ background: #cf2626;}

.online_q .btn2:nth-child(3) span{ background: #78ae2a;}

.online_q .btn2:nth-child(4) span{ background: #338acb;}

.online_q .btn2:nth-child(5) span{ background: #ec7118;}

.online_q .btn2:hover span{ }

.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}

.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}

.online_q .btn2:hover .open.pic{ opacity:1; right:5rem;visibility:visible;}



.online_q .open.phone{ display:inline-block; height:4.25rem; line-height:4.25rem; z-index:0; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:left;  width:150px;}

.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}

.btn-tel a{ display:block; width:4.25rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}

.btn-tel:hover a{ width:220px;}

.online_q .btn-02.btn-tel:hover span{ background:url(../images/piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}



.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}

.btn2.btn-tel a{ z-index: 1;}
.btn2.btn-tel a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#cf2626; z-index: -1; border-radius: 2.5rem; transition: .5s; }


#gotop.hide{height:0; overflow:hidden; display:block !important;}



.louceng{ overflow: hidden; clear: both;}

.btn_flashcenter { display: block; width: 10rem; margin: 0 auto; margin-top: 2rem; position: relative; overflow: hidden; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; border: 0; background: #f99e01; text-align: center; color: #fff; font-family: POPPINS-MEDIUM; font-size: 1rem; text-transform: uppercase; transition: 0.52s; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
} 
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

/*翻页*/
.page { text-align:center; margin-top:3rem; font-size: 0; color:#919191;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 11px; min-width: 34px; line-height:32px; height: 34px; display:inline-block; border:1px solid #e2e2e2; border-radius: 2rem; margin:0 0.375rem; color:#868686; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page .on{ background:#ffaf00;  color:#fff; border:1px solid #ffaf00; }
.page a:hover{ background:#ffaf00;  color:#fff; text-decoration:none; border:1px solid #ffaf00;}
.page span{ line-height:32px; display:inline-block; margin:0 8px; font-size:.875rem;  border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page input{ height:34px; line-height: 32px;  font-size: .875rem; display:inline-block; border:1px solid #e2e2e2; border-radius: 2rem; background:none; width:2.5rem; text-align:center; color:#868686; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page button{ width:65px; cursor:pointer; height:34px; line-height: 32px; display:inline-block; border-radius: 2rem; border:1px solid #e2e2e2; font-size:.875rem; color:#868686; background:none; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page button:hover{ background:#ffaf00;  color:#fff; text-decoration:none; border:1px solid #ffaf00;}