body{position:relative;}
* {margin: 0;padding: 0;}
body {margin: 0;padding: 0;font-family: "Microsoft YaHei";color: #333;background: #e3e2e2;}
ul,li {list-style: none;}
img {vertical-align: middle;border: 0;}
input,textarea {Outline-style: none;font-family: "Microsoft Yahei", Arial;}
textarea {resize: none;}
a,textarea,input {outline: none}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;}
.clear {clear: both;}
.mt20{margin-top:20px;clear:both;}
.red{color: red;}
.fl{float:left}.fr{float:right}
/*清除浮动*/
.clear{clear:both;}
 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
 .clearfix{display:inline-block}
 * html .clearfix{height:1%} /* Hides from IE-mac \*/
.clearfix{display:block}/* End hide from IE-mac */

.wrapper,#wrapper {width: 480px;margin: 0 auto;background: #fff;overflow: hidden;box-shadow: 0px 0px 20px #5D5C61;color: #333;position: relative;}

/*顶部条幅*/
#js_banner_top1{display:block;}
#js_banner_top1 div{height:auto;width: 100%;z-index: 99;}
#js_banner_top1 img{width: 100%;max-width: 480px;margin: 0 auto;display: block;position: relative;}
#kuai{width: 100%;}


/***顶部微信***/
.topTEL{position: absolute;top: 0;left: 50%;margin-left: -240px;max-width: 480px;z-index: 999;display: none;width: 100%;height: 75px;background-color: rgb(0,0,0);filter: alpha(opacity=70);background: rgba(0,0,0,0.7);transition: all 0.5s;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.topTEL .fl{    width: 59px;float: left;margin-left: 10px;margin-top: 8px;}
.topTEL .fl2{    width:400px;}
.topTEL .fl2 p{color: #fff;line-height: 27px;font-size:16px ;}
.topTEL .fl2 p span{    padding: 5px 11px; margin-left: 16px;background: #fe9901;position: relative;letter-spacing: 1px;top: -6px;border-radius: 5px;}
.topTEL a b{top: 3px;left:16px;margin-left: 34px;width: 22px;height: 22px;background-color: #f00;position: absolute;border-radius: 50%;color: #fff;line-height: 22px;font-style: normal;text-align: center;font-size: 16px;-webkit-animation: shuzi 1.2s infinite;animation: shuzi 1.2s infinite;-moz-animation: shuzi 1.2s infinite;}
.topTEL a{display: block;width: 100%; height: 100%;}

/* 公共顶部 */ 
.logo {width: 480px;position: relative;}
.g_dh nav{display:flex;justify-content:space-around;line-height:52px;height:52px;color:#cbcbcb;background:#fff}
.g_dh nav a{text-align:center;width:97px;    font-size: 17px;}
.nav {width: 480px;text-align: center;margin-top: 20px;font-size: 18px;margin-bottom:20px;}
.nav ul {width: 460px;margin: 0 auto;overflow:hidden;}
.nav ul li {width: 92px;float: left;}
.nav ul li p { font-size:18px; color:#333; }
.nav ul li:last-child {margin-right: 0;}
.nav ul li .nav_yuan {width: 66px;height: 66px;border-radius: 66px;margin-left:13px;}
.nav ul li a {background: green;}
.nav ul li:nth-child(1) .nav_yuan {background: url(../images/nav.png) no-repeat 16px 16px #078d92;}
.nav ul li:nth-child(2) .nav_yuan {background: url(../images/nav.png) no-repeat -80px 16px  #078d92; }
.nav ul li:nth-child(3) .nav_yuan {background: url(../images/nav.png) no-repeat -176px 16px #078d92;}
.nav ul li:nth-child(4) .nav_yuan {background: url(../images/nav.png) no-repeat -272px 17px #fe9901;}
.nav ul li:nth-child(5) .nav_yuan {background: url(../images/nav.png) no-repeat -367px 16px #078d92;}
.nav ul li p {margin-top: 6px;}

/***banner***/

.focus{ width:480px; height:293px;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height: 15px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height: 9px; padding: 3px 3px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; font-size:0; vertical-align:top;}
.focus .hd ul li{font-size: 0; display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 10px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#d10801;  }
.focus .bd li{position:relative;}
.focus .bd li img{  background:url(../images/loading.gif) center center no-repeat; max-width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);    display: block;width: 100%; height: 100%; }


/*底部导航*/

.footer1_fh1{margin-top:20px;}
.footer_lxl { font-size: 16px;    height: 45px;line-height: 45px;   background-color: #eeeeee;    margin-bottom: 0px;}
.footer_lxl ul li{    border-right: 1px solid #cbcbcb;text-align: center;width: 25%;height: 20px;line-height: 20px;font-size: 18px;float: left;margin-top:13px;}
.footer_lxl ul li a{color:#333;font-size:18px;}
.footer_lxl ul li:nth-of-type(4){border:0;width: 24%;}

/*footer*/

.footer {background: url(../images/foot_bg.jpg) no-repeat #045659;padding-bottom: 100px;}
.footer_left {float: left;width: 140px;margin-top: 36px;margin-left: 30px;text-align: center;}
.footer_left img {margin-bottom: 2px;}
.footer_left p {color: #fff;font-size: 16px;margin-top: 2px;}
.footer_right {padding-top: 30px;margin-left: 200px;}
.footer_right li:nth-child(1) {	width: 233px;height: 40px;}
.footer_right li:nth-child(2) p {margin-top: 10px;width: 234px;background-color: #ffffff;opacity: 0.6;color: #045659;padding: 2px 0;text-align: center;font-size: 16px;}
.footer_right li:nth-child(3) {margin-top: 10px;}
.footer_right li:nth-child(3) img {float: left;margin-top: 5px;margin-right: 10px;}
.footer_right li:nth-child(3) p {font-size: 14px;color: #fff;}
.footer_right li:nth-child(3) span {font-size: 20px;color: #ffc343;line-height: 20px;}
.footer_right li:nth-child(4) {margin-top: 10px;}
.footer_right li:nth-child(4) img {float: left;margin-right: 10px;margin-top: 5px;}
.footer_right li:nth-child(4) p {font-size: 14px;color: #fff;}
.footer_right li:nth-child(4) span {font-size: 14px;color: #fff;}

/*底部浮动*/
.dibu{width: 480px;height: 74px;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index:100;box-shadow:0px -6px 14px #000}
.dibu ul {margin: 0 auto;display: -webkit-flex;display: flex;background-color: #2e3641;}
.dibu ul li:nth-child(3){background-color:#1a6ec1;width: 32%;position: relative;}
.dibu ul li:nth-child(3) a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu ul li:nth-child(3) a span{    display: block; background: url(https://yh.yexiunj.com/sj/weifang/skin/images/fixe_menu4.png) no-repeat;width: 39px; height: 40px;margin-top: 20px;margin-left: 14px;}
.dibu ul li:nth-child(3) a p{margin-left: 10px;font-size: 18px; }
.dibu ul li:nth-child(2) a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu ul li:nth-child(2){background-color:#ff9900;width: 32%;position: relative;}
.dibu ul li:nth-child(2) a span{display: block;background: url(https://yh.yexiunj.com/sj/weifang/skin/images/dibu2.png) no-repeat;width:40px;height: 32px;margin-top: 20px;margin-left: 15.5px;}
.dibu ul li:nth-child(2) a p{margin-left: 10px;font-size: 18px;}
.dibu ul li:nth-child(2) a p:nth-child(2){top: 17px;left:8px;margin-left: 34px;width: 22px;height: 22px;background-color: #f00;position: absolute;border-radius: 50%;color: #fff;line-height: 22px;font-style: normal;text-align: center;font-size: 16px;-webkit-animation: shuzi 1.2s infinite;animation: shuzi 1.2s infinite;-moz-animation: shuzi 1.2s infinite;}
.dibu ul li:nth-child(1){width: 18%;background:#d3d3d3;text-align: center;line-height: 24px;font-size: 16px;color: white;}
.dibu ul li:nth-child(1) a em{margin-top: 9px;display: block;background: url(https://yh.yexiunj.com/sj/weifang/skin/images/fixe_menu1.png) no-repeat;height: 38px;margin-left: 22px;}
.dibu ul li:nth-child(4) a em{margin-top: 8px;display: block;    width: 44px;background:url(https://yh.yexiunj.com/sj/weifang/skin/images/fixe_menu2.png) no-repeat center;height: 39px;margin-left: 23px;}
.dibu ul li:nth-child(4){width: 19%;background:#16a593;text-align: center;line-height: 24px;font-size: 16px;color: white;}
.dibu ul li:nth-child(4) p{color:#fff;}
.dibu ul li:nth-child(1) p{color:#0564BE}

/*按钮*/
.kd_anniu {text-align: center;}
.kd_anniu a {display: block;width: 460px;margin: 20px auto;height: 50px;line-height: 50px;font-size: 20px;    letter-spacing: 1px;color: #fff;border-radius: 5px;background-color: #fe9901;}
.kd_anniu a span {display: inline-block;}
.kd_anniu a span img{    margin-left: 12px; margin-top: -5px;-webkit-animation: shuzi 1.2s infinite;animation: shuzi 1.2s infinite;moz-animation: shuzi 1.2s infinite;}
.kd_anniu p {font-size: 20px;margin-top: -4px;}
/*按钮end*/


/*案例调用css*/
.contentfour_people #anli .hd{bottom:11px}
.contentfour_people_left {float: left;margin-top: 3px;}
.contentfour_people_left dl{width:250px;}
.contentfour_people_left dt:nth-child(1) {font-size: 30px;color: #078d92;height: 42px;    border-bottom: dashed 1px #e5e5e5;}
.contentfour_people_left dt:nth-child(1) p {float: left;margin-right: 10px;font-size:24px;}
.contentfour_people_left dt:nth-child(1) span {font-size: 16px;color: #0c0307;display: block;margin-top: 9px;float: left;}
.contentfour_people_left dt:nth-child(2) p {width: 249px;line-height: 32px;font-size: 16px;text-align:left;color: #333; letter-spacing: 1px;}
.contentfour_people_left dt:nth-child(2) p:nth-child(1){margin-top:7px;}
.contentfour_people_left dt:nth-child(2) p:nth-child(2){margin-bottom:7px;}
.contentfour_people_left dt:nth-child(3) {margin-top: 10px;width:240px;color: #666666; }
.contentfour_people_left dt:nth-child(3) p,.contentfour_people_left dt:nth-child(4) p {color: #666;    font-size: 16px;font-weight: bold;margin-bottom: 2px;}
.contentfour_people_left dt:nth-child(3) span,.contentfour_people_left dt:nth-child(4) span {color: #666;font-size: 16px;line-height:25px;}
.contentfour_people_left dt:nth-child(4) {margin-top: 3px;}
.contentfour_people_left dt:nth-child(5) {margin-top: 6px;width: 203px;height: 79px;}
.contentfour_people_right {float: right;margin-top: 15px;}
.contentfour_anli {margin-top: 14px;width: 460px;margin: 14px auto 0;}
.contentfour_anli  ul{    margin-top: -15px;}
.slideBox{ width:460px; height:310px; overflow:hidden; position:relative;}
.contentfour_people .slideBox{padding-bottom:0px !important;}
.contentfour_people .slideBox .hd{height:67px !important;text-align:left !important;}
.contentfour_people .slideBox .hd ul{width: 450px;margin: 0 auto;display: inline-block;height: 72px !important;padding: 3px 3px;}
.contentfour_people .slideBox .hd ul li{display: inline-block;width: 72px;height: 72px;background: url(../images/ali_1.png) no-repeat;margin-left: 10px;border-radius: 50%;margin-bottom: 10px;}
.contentfour_people .slideBox .hd ul .on{border: 1px solid #078D92;}
.contentfour_people .slideBox .hd ul li:nth-child(2){background: url(../images/ali_2.png) no-repeat !important;} 
.contentfour_people .slideBox .hd ul li:nth-child(3){background: url(../images/ali_3.png) no-repeat !important;}
.contentfour_people .slideBox .hd ul li:nth-child(4){background: url(../images/ali_4.png) no-repeat !important;}
.contentfour_people .slideBox .hd div{background: url(../images/ali_5.png) no-repeat !important;width: 72px;height: 72px;text-align:center;line-height:26px;padding-top:10px;position:absolute;bottom:-17px;right:5px;color:#ffffff;}
.contentfour_people .slideBox .hd div a{color:#fff;width:50px;height:50px;display:inline-block;}

//视频弹出
.fancybox-overlay{-webkit-overflow-scrolling:touch;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;background-image: url('https://yh.yexiunj.com/sj/weifang/skin/images/fancybox_sprite.png');}
.zhegai{width: 100%;height:100%;background: #333333;z-index: 9999999;position: fixed;top: 0;left: 0;opacity: 0.8;display: none;}
.zhegai-nr .video_box{display:block;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -200px;z-index: 9999999999999999;width: auto;height:auto;    background-color: #fff;}
.zhegai-nr video{width: 400px;height: 300px;display:block;}
.zhegai-nr{display: none;}
.shuoming{font-size:16px;color:#666;line-height:26px;margin-top:10px;}
.shuoming b{color:#ef9443;padding-right:6px;}

/*对话框*/
.g_dhk{width:440px;display:flex;justify-content:space-between;height:110px;padding-bottom:10px;align-items:flex-end;margin:0 auto 13px;}	
.g_dhk div{ font-size: 16px;width:335px;height:55px;background:#A0E75B;border-radius:5px;border:2px solid #A5D074;    line-height: 24px;padding:14px 0px 20px 15px;box-sizing:border-box;position:relative;bottom:16px;}
.g_dhk div span{display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent #A5D074 transparent transparent;position: absolute;top: 40%;left: -21px;}	
.g_dhk div span:before{content: '';display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent #A0E75B transparent transparent;position: absolute;top: -10px;left: -8px;}
.zx{width:100%;height:65px;background:#EFEFEF;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:25px;}
.zx input{width:348px;height:40px;border:1px solid #B6B5B5;border-radius:7px;margin-right: 10px;background:#fff;}
#zd_sendCon1{width:78px;height:40px;background:#fe9901;display:inline-block;color:#fff;text-align:center;line-height:40px;border-radius:7px;}
#txt{position:absolute;bottom:22px;font-size:16px;left:7%;color:#666666;}
#zd_myInput1{color:#333}	

/*中间弹出渐变*/
@-webkit-keyframes twinkling{ 
0% {background: #fe9901;color:#ffffff;}
50% {background: #fe9901;color:#ffffff;}
51% {background: #fe4e01 ;color:#ffffff}
75% {background: #fe4e01 ;color:#ffffff}
100% {background: #fe4e01;color:#ffffff}

}




/* 数字*/
@keyframes shuzi {
0%{ transform:scale(0.8);}
50%{ transform:scale(1);}
100%{transform:scale(0.8);}
}
@-webkit-keyframes shuzi {
0%{ -webkit-transform:scale(0.8);}
50%{ -webkit-transform:scale(1);}
100%{-webkit-transform:scale(0.8);}
}
@-moz-keyframes shuzi {
0%{ -moz-transform:scale(0.8);}
50%{ -moz-transform:scale(1);}
100%{-moz-transform:scale(0.8);}
}