﻿* {margin: 0;padding: 0;max-height:999999px;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,caption,th,td,form,input,button,textarea{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,img,iframe {border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:400;}
textarea{overflow:auto;resize:none;}
a,button{cursor:pointer;color: #232323; }
del,ins,u,a,a:hover{text-decoration:none;}
body,textarea,input,button,select {outline:0;}
body{font-family: "Microsoft YaHei";color: #232323; background:#fff;}
img {vertical-align: middle;border: 0;}

@keyframes xiaoshou
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes xiaoshou
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes xiaoshou
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}

/*水波纹*/
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
        filter:alpha(opacity:30);
    }
    40% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0.5;
        filter:alpha(opacity:50);
    }
    100% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0;
        filter:alpha(opacity:0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.wrapper {width: 750px;margin: 0 auto;background: #fff;overflow: hidden;box-shadow: 0px 0px 20px #5D5C61;color: #232323;position: relative;}
/*顶部logo*/
.header_logo{width: 664px;height:140px;line-height: 140px;background: #fff;display: -webkit-flex;justify-content: space-between;margin:0 auto;}
.header_logo img{ transition: all .6s;}
.header_logo img:hover{transform: scale(1.1);}
.header_logo_menu {width: 10%;height: 100%;}
.header_logo_menu div {width: 50px; height: 50px; margin:60px 0 0; }
.header_logo_logo{height: 100%;display: block;}
.header_logo_tel{width: 7%;height: 100%;display:flex;align-items: center;}
.header_logo_tel i{width: 100%;height: 50%;background: url(../images/swt.png) 0 13px no-repeat;display: block;vertical-align: middle;}
.banner{margin-top:20px}

/*顶部logo下拉*/
.showMenu{width:76px;height:58px;padding-top:16px;overflow:hidden}
.showMenu a{display:block;width:40px;position:relative;height:3px;background:#fff;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;margin:0 0 0 2px}
.showMenu a:after,.showMenu a:before{content:'';position:absolute;left:0;top:66%;height:3px;width:100%;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;background:#fff;margin-top:-4px}
.showMenu a:before{-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.showMenu a:after{-moz-transform:translateY(12px);-o-transform:translateY(12px);-ms-transform:translateY(12px);-webkit-transform:translateY(12px);transform:translateY(12px)}
.hideMenu a:before{-moz-transform:rotate(90deg) rotate(45deg);-o-transform:rotate(90deg) rotate(45deg);-ms-transform:rotate(90deg) rotate(45deg);-webkit-transform:rotate(90deg) rotate(45deg);transform:rotate(90deg) rotate(45deg)}
.hideMenu a:after{-moz-transform:rotate(90deg) rotate(-45deg);-o-transform:rotate(90deg) rotate(-45deg);-ms-transform:rotate(90deg) rotate(-45deg);-webkit-transform:rotate(90deg) rotate(-45deg);transform:rotate(90deg) rotate(-45deg)}
.hideMenu a{background:0 0}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
.hideMenu p{width:0!important}
.hideMenu p:nth-of-type(1){-webkit-transform:rotate(310deg);border-left:8px solid #9c9fa9}
.hideMenu p:nth-of-type(2){-webkit-transform:rotate(50deg);border-left:8px solid #9c9fa9;margin-top:-10px}
.hideMenu p:nth-of-type(3){display:none}
/*下拉内部*/
.popMenu{display:none;max-width:750px;margin:auto;background:#f5f4f4 url(/skin/images/XL_bg.png)no-repeat 350px 227px ;margin-top:-1px!important;opacity: 1;}
#popMenu ul{width:620px;height:auto;overflow:hidden;margin:0 auto 10px}
#popMenu ul li{width: 100%;border-bottom: 1px solid #dfdede;}
#popMenu ul li:last-child{border-bottom:none}
#popMenu ul li a{height: 60px;line-height: 60px;display: block;color: #4f4f4f;font-size:26px;font-weight: lighter;  margin-left: 5px;}
#popMenu ul li a i{width: 40px;height: 40px;display:inline-block;background: url(/skin/images/XL_tb.png) no-repeat;vertical-align: middle;margin: 0 17px;}
#popMenu ul li:nth-of-type(2) a i{background-position: -61px 0;}
#popMenu ul li:nth-of-type(3) a i{background-position: -130px 0;}
#popMenu ul li:nth-of-type(4) a i{background-position: -197px 0;}
#popMenu ul li:nth-of-type(5) a i{background-position: -265px 0;}
#popMenu ul li:nth-of-type(6) a i{background-position: -332px 0;}
#popMenu ul li:nth-of-type(7) a i{background-position: -400px 0;}
#popMenu ul li:nth-of-type(8) a i{background-position: -462px 0;}
#popMenu ul li:nth-of-type(9) a i{background-position: -532px 0;}
#popMenu ul li:nth-of-type(10) a i{background-position: -596px 0;}
#popMenu ul li:nth-of-type(11) a i{background-position: -665px 0;}
#popMenu ul li:nth-of-type(2) div{margin-left: 75px;}
#popMenu ul li:nth-of-type(2) div a{display: block;color: #797979;font-size: 24px; height: 25px; line-height: 25px; margin-bottom: 15px;}


/*顶部导航*/
.header_nav{width: 100%;height: 83px;box-shadow: 0px 2px 10px #efefef inset;display: flex;flex-flow: row nowrap;align-items: center;}
.header_nav li{width: 25%;height:30px;line-height:30px;border-right:1px solid #cacaca;text-align: center;font-size: 24px;color: #2b2b2b;}
.header_nav li:last-child{border-right:none}

/*底部*/
.wrapper_footer{width: 750px;height:461px;}
.wrapper_footer_txt{width: 750px;height:461px;background: url(../images/wrapper_foot_bg.jpg);position: relative;}
.wrapper_footer_txt ul{    width: 662px;
    height: 20px;
    display: flex;
    margin: 0 auto;
    padding-top: 290px;
    color: #e1edec;
    flex-flow: row wrap;
    text-align: center;
    justify-content: center;
    padding-bottom: 20px;}
.wrapper_footer_txt ul li{    width: 55px;
    line-height: 20px;
    text-align: center;
    border-right: 2px solid #fff;
    font-size: 17px;
    height: 20px;}
.wrapper_footer_txt ul li:nth-child(n+12){margin-top:10px}
.wrapper_footer_txt ul li a{color:#e1edec;}
.wrapper_footer_txt ul li:last-child{border-right:none}
.wrapper_footer_txt dl{position: absolute;bottom: 50px;right: 60px;width:280px;height:125px;display: flex;flex-flow: row wrap;align-content: space-between;}
.wrapper_footer_txt dl dd{width:100%;height:50px;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.wrapper_footer_txt dl dd i{display: block;width: 50px;height: 50px;background: url(../images/wrapper_tb.png)no-repeat -92px -75px ;}
.wrapper_footer_txt dl dd:nth-last-of-type(1) i{background-position:1px -75px;}
.wrapper_footer_txt dl dd div{color: #d6e4e3;font-size: 18px;width:220px;height: 100%;line-height: 25px;}
.wrapper_footer_txt dl dd div a{color: #f4d565;font-size:28px ;}
.wrapper_footer_bottom{width: 100%;height: 60px;line-height: 60px;text-align: center;color: #f6f6f6;font-size: 18px;background: #0a7771;font-weight: lighter;}
.wrapper_footer_bottom span{color: #88c3c0;margin-left: 10px;}

/*间隔灰条*/
.line_between{width: 100%;height: 40px;background: #f4f4f4;box-shadow: 0px 0px 20px #eaeaea inset;}





/*视频弹出*/
.shipinbg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.8;background: #333;z-index: 99999;display: none;}
.fancybox-overlay{-webkit-overflow-scrolling:touch;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 99999999999;background-image: url('/skin/images/fancybox_sprite.png');}
.zhegai-nr .video_box{display:block;position: fixed;top: 50%;left: 50%;margin-top: -175px;margin-left: -250px;z-index: 9999999;width: auto;height:auto;    background-color: #fff;}
.zhegai-nr video{width: 500px;height: 350px;display:block;}
.zhegai-nr{display: none;}
.zhegai{width: 100%;height:100%;background: #333333;z-index: 9999999;position: fixed;top: 0;left: 0;opacity: 0.8;display: none;}
/*视频弹出 end*/




/*文章页面包屑导航*/
.daohang{width: 600px;border-bottom: 1px solid #E8E7E7;margin: 20px auto 16px;padding-bottom: 12px;font-size: 24px;color: #b3b3b3;}
.daohang span{display: inline-block;width: 32px;height: 32px;background:url(/skin/images/lylx1.png) 0px 0px no-repeat;vertical-align: middle;margin-top: -5px;margin-right: 15px;}
.daohang a{color: #454545;font-size: 24px;letter-spacing: 2px;}
/*.daohang a:nth-of-type(2){color: #454545;}*/
.daohang a:nth-of-type(3),.daohang a:nth-of-type(4){color: #05a69e;}






/*文章页通用*/
.w_600{width:600px;margin:0 auto}
.hf{padding:35px 0;background:#f4f4f4;margin-bottom:30px}
.sy_bt i{background:url(../images/xwlb_27.png)no-repeat;margin-top: 7px;margin-left: 7px; }

.p_p{width: 590px;padding: 5px;background: url(../images/text_bg.jpg);margin: 30px auto 0;}
.p_p p{width: 546px;padding: 22px;background: #fff;text-align: justify;color:#1d1d1d;font-size: 21px;line-height: 35px;font-weight: lighter;}

/*.ppry .p_p{width: 590px;padding: 5px;background: url(../images/text_bg.jpg);margin: 30px auto 0;}
.ppry .p_p p{width: 546px;padding: 22px;background: #fff;text-align: justify;color:#1d1d1d;font-size: 21px;line-height: 35px;font-weight: lighter;}*/
.ppry ul{width: 587px;margin: 30px auto 12px;display: flex;display: -webkit-flex;justify-content: space-between;flex-flow: row wrap; }
.ppry ul li{width: 182px;height: 210px;text-align: center;font-size: 20px;line-height: 25px;color: #242424;font-weight: lighter;}
.ppry ul li img{margin-bottom: 8px;}

.hk{width:100%;height: 53px;background:#f4f4f4}

.wrapper_footer_nav { display: -webkit-flex; width: 600px; height: 120px; margin: 0 auto; line-height: 30px; border-bottom: 1px solid #e5e5e5; }
.wrapper_footer_nav1 { border-bottom: none; }
.wrapper_footer_nav a { display: -webkit-flex; width: 319px; border-right: 1px solid #e5e5e5; padding-top: 22px;  }
.wrapper_footer_nav a:last-child { border-right: 0; }
.wrapper_footer_nav a div:nth-child(1) { width: 62px; height: 69px; background: url(../images/footer_nav.png) no-repeat 8px 0; margin-right: 8px; margin-left: 20px; }
.wrapper_footer_nav a:nth-child(2) div:nth-child(1) { background-position: 8px -69px; margin-left: 32px; }
.wrapper_footer_nav1 a:nth-child(1) div:nth-child(1) { background-position: 2px -133px; }
.wrapper_footer_nav1 a:nth-child(2) div:nth-child(1) { background-position: 0 -207px; }
.wrapper_footer_nav a div p { font-size: 24px; color: #010101; margin-top: 12px; }
.wrapper_footer_nav a div span { float: left; font-size: 14px; color: #828080; line-height: 24px; }

.nav{height: 83px;display: flex;background-color: #fff;box-shadow: 0px 3px 7px #d0d4d5;}
.nav li{width: 25%;/* border-right: 1px solid #00ab95; */text-align: center;height: 81px;line-height: 80px;/* border-top: 1px solid; *//* border-bottom: 1px solid; */}
.nav li a{display: block;font-size: 26px;color: #232323;transition: all .6s;}
.nav li a:hover{transform: scale(1.1);color:#00ab95}
.nav li:last-child{border-right:0;}
.tel p{font-size: 32px;display: inline-block;}
.tel b{font-size: 42px;}
.tel{text-align: center;margin-top: 40px;color: #fff;}
.tel b a{color: #fff;}
t: 32px; }
.wrapper_footer_nav1 a:nth-child(1) div:nth-child(1) { background-position: 2px -133px; }
.wrapper_footer_nav1 a:nth-child(2) div:nth-child(1) { background-position: 0 -207px; }
.wrapper_footer_nav a div p { font-size: 24px; color: #010101; margin-top: 12px; }
.wrapper_footer_nav a div span { float: left; font-size: 14px; color: #828080; line-height: 24px; }
}

