@charset "UTF-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei","微软雅黑"; color:#232323; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;overflow-x: hidden;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#232323; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
img{ max-width: 100%; border:none;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}

.wrap{width: 96%; max-width: 1280px;margin: 0 auto;}

/* index style */
.toTop{position: fixed;right:16px;bottom:60px;z-index: 999;cursor: pointer;width: 40px;display: none;}
.toTop img{width: 100%;height: auto;vertical-align: middle;}

.fix-ser{position:fixed;right:40px;top:440px;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);box-shadow:0 5px 10px 0 rgba(35,50,56,.3);z-index: 99999;}
.fix-ser span{display:block;position:relative;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;border:5px solid #DD1C63;width: 105px;height: 105px;cursor: pointer;z-index:8;}
.fix-ser:after{content:'';position:absolute;right:0;top:0;z-index:50;width:12px;height:12px;-webkit-border-radius:50%;border-radius:50%;background-image:-webkit-linear-gradient(to bottom,#ed5a90,#DD1C63);background-image:linear-gradient(to bottom,#ed5a90,#DD1C63);}
.fix-ser span img{display:block;width:100%;}
.fix-ser .circle{position:absolute;top:-5px;left:-5px;z-index:7;}
.fix-ser .circle.animate .a1{-webkit-animation:2s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleOne;animation:2s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleOne}
.fix-ser .circle.animate .a2{-webkit-animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleTwo;animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleTwo}
.fix-ser .circle.animate .a3{-webkit-animation:3s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleThree;animation:3s cubic-bezier(.25,.46,.45,.94) forwards scaleToggleThree}
.fix-ser .circle b{background:rgba(221,28,99,0.25);width:115px;height:115px;border-radius:50%;position:absolute;z-index:49;-webkit-transform:scale(1);transform:scale(1);}
.fix-ser .word{width:150px;color:#FFF;padding:10px 15px;font-weight:400;line-height:1.45;background-color:#DD1C63;left:-60px;top:50%;margin-top:-30px;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;position:absolute;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;filter:alpha(opacity=0);z-index:9}
.fix-ser .word:after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50;background-color:#DD1C63;-webkit-box-shadow:3px 3px 10px 0 rgba(221,28,99,.2);box-shadow:3px 3px 10px 0 rgba(221,28,99,.2);right:-6px;top:50%;margin-top:-10px}
.fix-ser .show{left:-180px;opacity:1;filter:alpha(opacity=100)}
@keyframes scaleToggleOne{
	0%,100%{transform:scale(1);-webkit-transform:scale(1)}
	50%{transform:scale(1.5);-webkit-transform:scale(1.5)}
}
@keyframes scaleToggleTwo{
	0%,100%,20%{transform:scale(1);-webkit-transform:scale(1)}
	60%{transform:scale(1.5);-webkit-transform:scale(1.5)}
}
@keyframes scaleToggleThree{
	0%,100%,33%{transform:scale(1);-webkit-transform:scale(1)}
	66%{transform:scale(1.5);-webkit-transform:scale(1.5)}
}

.fix-foot{position: fixed;bottom:0; width: 100%;height:50px;line-height: 50px; background-color: rgba(0,0,0,.7);-webkit-border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;-ms-border-radius: 20px 20px 0 0;-o-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;display: none;z-index: 999;}
.fix-foot li{float: left;width: 45%;text-align: center;}
.fix-foot li.fix-cn{float: right;}
.fix-foot li a,.fix-foot li span{display: block;color: #FFF;font-size: 20px;cursor: pointer;}
.fix-pic{position: absolute;left: 50%;bottom:0;width: 20%;margin-left: -10%;}
.fix-pic span img{vertical-align: middle;}

@media screen and (max-width:768px){
	body{padding-bottom: 60px;}
	.fix-foot{display: block;}
	.fix-ser{display: none;}
}
@media screen and (max-width:680px){
	.fix-foot li{width: 44%;}
	.fix-pic{width: 14%;margin-left: -7%;}
}
@media screen and (max-width:480px){
	.fix-foot li{width: 42%;}
	.fix-foot li a,.fix-foot li span{font-size: 18px;}
	.fix-pic{width: 16%;margin-left: -8%;}
}
@media screen and (max-width:400px){
	.fix-foot li a,.fix-foot li span{font-size: 16px;}
}
@media screen and (max-width:360px){
	.fix-foot li a,.fix-foot li span{font-size: 15px;}
	.fix-pic{bottom:10px}
}

/* banner style */
.banner{position: relative;width: 100%;overflow: hidden;}
.banner img{ -webkit-object-fit: cover;object-fit: cover;-webkit-animation: mymove linear 10s;-moz-animation: mymove linear 10s;-o-animation: mymove linear 10s;animation: mymove linear 10s;width: 100%;}
@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes mymove {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes mymove {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
}
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.banner img{width: 100%;height: auto; min-height: 500px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.ban-info{position: absolute; top: 55%;width: 100%;color: #FFF;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2;}
.ban-con{width: 90%;margin: 0 auto;text-align: center;}
.ban-con i{display: block; color: #FFF;font-size: 18px;line-height: 1.2;}
.ban-con strong{display: block;font-size: 50px;line-height: 1.2;margin-top: 10px;}
.ban-con p{font-size: 18px;line-height: 32px; font-weight: 300;margin-top: 20px;}

.banner .btn-show{margin-top: 40px;}
.btn-show a{display: inline-block;position: relative;z-index: 1;padding: 12px 80px 12px 30px;line-height: 1.6; color: #FFF;background: #DD1C63;letter-spacing: 0.05em;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-show a:before {content: "";position: absolute;left: 0;top: 0;z-index: -1;height: 100%;width: 100%;background: #072948;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: bottom right;-ms-transform-origin: bottom right;transform-origin: bottom right;-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);}
.btn-show a:hover:before {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;}
.btn-icon{position: absolute;right: 0;top: 0;width: 51px;height: 100%;font-size: 16px;padding: 12px 10px;text-align: center;border-left: 1px solid rgba(255,255,255,0.20);background: url(https://fabbsd.org/template/images/ban-btn.png) no-repeat center;}

@media screen and (max-width:1200px){
	.ban-con{width: 100%;}
}
@media screen and (max-width:768px){
	.ban-con i{display: none;}
	.ban-con{text-align: center;}
	.ban-con strong{font-size: 36px;}
}
@media screen and (max-width:660px){
	.btn-con{line-height: 46px;}
	.ban-con strong{display: none;}
}

/* head style */
.top-bar{color:#FFF;background-color: #DD1C63;height: 44px;line-height: 44px;font-size: 14px;position: relative;}
.top-bar a{float: right;padding-left: 24px; color: #FFF;background: url(https://fabbsd.org/template/images/head-mail.png) no-repeat left center;}
.top-bar a:hover{text-decoration: underline;}

.top-bar span{display: inline-block; position: relative;z-index: 0;}

.header{padding: 20px 0;line-height: 60px;}
.logo{float: left;width: 172px;}
.logo img{width: 100%;height: auto;vertical-align: middle;}

.top-base{float: right;width: 600px;}
.top-base li{float: left;width: 240px;margin-left: 60px; border-right: 1px solid #EEE;}
.top-base li:last-child{border-right:none;}
.top-pic{float: left;width: 60px;margin-right: 16px;}
.top-pic i {display: block; width: 60px;height: 60px;line-height: 66px;text-align: center;background-color: #F9F9F9;-webkit-border-radius: 50%;border-radius: 50%;margin-right: 10px;font-size: 24px;position: relative;}
.top-pic i:after{content: '';position: absolute;left: 50%;top: -3px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 30px;height: 10px;-webkit-border-radius: 50%;border-radius: 50%;background-color: #FFF;}

.top-info{display: block;overflow: hidden;line-height: 30px;}
.top-info span{display: block;color: #072948;font-size: 17px;font-weight: 600;}
.top-info p{color: #828893;;}

.top-con{position: relative;}
.nav-show{position: absolute;width: 100%;top: 100%; z-index: 22; line-height: 66px; background-color: #002E5B;padding: 0 15px;}
.navBtn{float: right;display: none;}
.nav{display: block;overflow: hidden;}
.nav ul li{float: left;width: 16.6%;text-align: center; position: relative;}
.nav ul li a{display: inline-block;color: #FFF;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;font-size: 14px;}
.nav ul li.on a,.nav ul li:hover a{color: #DD1C63;}

.nav-link{float: right;width: 180px;margin-left: 50px;}
.nav-link a{color: #DD1C63;border-left: 1px solid #59617B;padding: 5px 0 5px 30px;font-weight: bold;text-transform: uppercase; padding-right: 30px; background-image: url(https://fabbsd.org/template/images/head-arr01.png);background-position: right center;background-repeat: no-repeat;}
.nav-link a:hover{color:#FFF;background-image: url(https://fabbsd.org/template/images/head-arr02.png);}

@media screen and (max-width:1000px){
	.nav-link{display: none;}
}
@media screen and (max-width:900px){
	.top-base{width: 550px;}
	.top-base li{margin-left: 35px;}
}
@media screen and (max-width:800px){
	.top-base{display: none;}
	.top-con{position: relative;padding: 10px 0;}
	.navBtn{display: block;cursor: pointer;line-height: 36px;}
	.navBtn img{width: 28px;height: auto;vertical-align: middle;}
	.header{float: left;width: 136px;padding: 0;line-height: 36px;}
	.logo{width: 100%;}
	.nav-show{float: right;width: auto;-webkit-box-shadow:none;box-shadow:none;position: static;line-height: initial;background-color: transparent;padding: 0;}
	.nav{display: none;position: absolute;left:0;top: 100%;z-index: 9999;width: 100%;background-color: #FFF;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);box-shadow: 0 1px 5px rgba(0,0,0,.2);}
	.nav ul li{margin-left: 0;width: 100%;text-align: center;line-height: 50px;}
	.nav ul li:hover,.nav ul li.on{background-color: #DD1C63;}
	.nav ul li:hover a,.nav ul li.on a{color:#FFF;text-decoration: none;}
	.nav ul li a{color: #333;display: block;}
	.banner,.place-show{top: 0;}
}
@media screen and (max-width:660px){
	.top-bar{display: none;}
	.ban-con p{margin-top: 0;}
	.banner img{min-height: 420px;}
}

/* index-about style */
.about-info{float: right;width: 54%;margin-top: 24px;}
.about-info .index-txt{text-align: left;}
.about-info p{color: #828893;line-height: 32px;}
.about-info ul{margin-left: -3.3%;margin-top: 40px;}
.about-info ul li{float: left;width: 30%;padding: 30px 20px;margin-left: 3.3%;background-color: #FFF;-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);text-align: center;position: relative;}
.about-info ul li:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #DD1C63;border-radius: 4px;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .3s;transition: all .3s;}
.about-info ul li:hover:after {-webkit-transform: scale(1);transform: scale(1);}
.about-info ul li img{width: 46px;height: auto;vertical-align: middle;}
.about-info ul li p{ color: #111;font-size: 18px;text-transform: capitalize;line-height: 25px;font-weight: bold;margin-top: 20px;}
.about-pic{float: left;width: 44%;}
.about-pic img{width: 100%;height: auto;vertical-align: middle;}

@media screen and (max-width:1000px){
	.about-pic{display: none;}
	.about-info{width: 100%;}
	.about-info ul{margin-top: 36px;}
}
@media screen and (max-width:660px){
	.about-info ul{margin-top: 24px;}
	.about-info ul li{padding: 20px 10px;}
	.about-info ul li p{font-size: 16px;}
}
@media screen and (max-width:480px){
	.about-info ul{margin-left: 0;margin-top: 12px;}
	.about-info ul li{width: 100%;margin-left: 0;margin-top: 10px;}
}

/* index-pro style */
.show-bg{position: relative;}
.show-bg:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 180px;z-index: -1;background: url(https://fabbsd.org/template/images/index-bg.png) no-repeat #EBEBEB;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.list-pro{margin-left: -2%;}
.list-pro li{float: left;width: 23%;margin-left: 2%;background-color: #FFF;margin-bottom: 20px;;overflow: hidden;}
.list-pro li a{display: block;}
.pro-pic{position: relative;padding-top: 74%;overflow: hidden;}
.pro-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.list-pro li:hover img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.pro-txt{text-align: center;margin:6px 4px;line-height: 30px; font-size: 20px;color: #212121;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-txt:hover{color: #DD1C63;}
@media screen and (max-width:1000px){
	.list-pro li{width:48%;}
}
@media screen and (max-width:550px){
	.pro-txt{font-size: 17px;}    
}

.index-ask{padding: 50px 0 44px;background: url(https://fabbsd.org/template/images/ask-bg.jpg) no-repeat;background-attachment: fixed;background-size: cover;line-height: 55px;letter-spacing: 1px;}
.index-ask p{display: block;overflow: hidden; font-size: 26px;color: #FFF;}
.index-ask .btn-show{float: right;}

@media screen and (max-width:768px){
	.index-ask{text-align: center;padding: 40px 0;}
	.index-ask p{float: left;width:100%;margin-top: 20px;line-height: 1.3;}  
	.index-ask .btn-show{float: none;display: inline-block;}
}
@media screen and (max-width:660px){
	.index-ask p{font-size: 24px;}
}

/* index-case style */
.list-case{margin-left: -2.3%;}
.list-case li{float: left;width: 31%;margin-left: 2.3%;margin-bottom: 30px; background-color: #FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position: relative;    padding-bottom: 50px;}
.list-case li:before {content: '';position: absolute;left: 0;top: 0;width: 100%;bottom: 50px;background: #F8F8F8;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.list-case li:hover:before {bottom: 7px;background: #FFF;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);}
.case-pic{position: relative;padding-top: 74%;display: block;}
.case-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-info{padding: 20px;position: relative;}
.case-txt{display: block; color: #222;font-size: 22px;font-weight: 700;line-height: 28px;height:56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;position: relative;}
.case-txt:hover{color:#DD1C63}
.list-case li p{color: #666;font-size: 15px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 10px;position: relative;padding-top: 16px;}
.list-case li p:after{content: "";position: absolute;left: 0;top: 0;width: 40px;height: 3px;background-color: #DD1C63;}
.case-btn{display: inline-block;line-height: 30px;color: #777;margin-top: 15px;font-size: 14px;font-weight: bold;background: url(https://fabbsd.org/template/images/arrow.png) no-repeat right center;padding-right: 18px;}
.case-btn:hover{color: #DD1C63;}
.case-more{position: absolute;bottom: 25px;height: 0;opacity: 1;visibility: hidden;}
.list-case li:hover .case-more{ opacity: 1;bottom: 15px;visibility: visible;transition: all 0.3s ease 300ms;-moz-transition: all 0.3s ease 300ms;-webkit-transition: all 0.3s ease 300ms;-ms-transition: all 0.3s ease 300ms;-o-transition: all 0.3s ease 300ms;}

@media screen and (max-width:900px){
	.list-case li{width: 47.7%;}
	.case-txt{font-size: 20px;}
}
@media screen and (max-width:550px){
	.case-more{display: none;}
	.case-info{padding:10px;}
	.list-case li{margin-bottom: 20px;}
	.list-case li{padding-bottom: 0;}
	.list-case li:before,.list-case li:hover:before{bottom:0;}
}
@media screen and (max-width:420px){
	.list-case{margin-left: 0;}
	.list-case li{width: 100%;margin-left: 0;}
	.case-txt{font-size: 18px;height: auto;}
	.list-case li p{margin-top: 6px;padding-top: 8px;}
	.list-case li{margin-bottom: 16px;}
}


/* index-foot style */
.foot-link{background-color: #002E5B;  padding: 50px 0;position: relative;overflow: hidden;font-size: 15px;}
.foot-link strong{display: block; color: #FFF; font-size: 28px; font-family: 'Gotham'; line-height: 1.2; margin-bottom: 16px;}
.foot-link strong:first-letter{ color:#DD1C63;}

.foot-pro{float: left;width: 20%;}
.foot-pro a img{max-width: 172px;}
.foot-pro ul li a{display: block;color: #FFF;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.foot-pro img{width: 75%;height: auto;vertical-align: middle;}
.foot-pro p{color: #FFF;margin-top: 20px;line-height: 40px;}
.foot-pro p a{color: #DD1C63;margin-left: 5px;}
.foot-pro p a:hover{text-decoration: underline;}
.foot-word{float: left;width: 50%;margin: 0 4%;}
.foot-word ul{margin-left: -8%;}
.foot-word ul li{float: left;width: 42%;margin-left: 8%;}
.foot-word ul li a{display: block;color: #FFF;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.foot-word ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url(https://fabbsd.org/template/images/foot-arrow.png) no-repeat;margin-right: 6px;margin-top: -2px;}
.foot-word ul li:hover a{color: #DD1C63;}
.foot-word ul li:hover a:before{background-image: url(https://fabbsd.org/template/images/foot-arrows.png);}
.foot-cont{float: right;width: 22%;}
.foot-cont p{color: #FFF;line-height: 40px;}
.foot-cont p a{color: #DD1C63;}
.foot-cont p a:hover{text-decoration: underline;}

.footer{background-color: #06202B;border-top:1px solid rgba(255, 255, 255, .07);line-height: 30px;padding: 20px 0;display: none;}
.footer p{font-size: 14px;color:#FFF;text-align: center;}
.footer p a{color: #DD1C63;margin-left: 8px;}
.footer p a:hover{color: #FFF;}

@media screen and (max-width:1000px){
	.footer{display: block;}
	.foot-pro{display: none;}
	.foot-word{width: 100%;margin: 0;}
	.foot-cont{width: 100%;margin-top: 20px;}
	.foot-cont p{line-height: 32px;}
}
@media screen and (max-width:768px){
	.foot-word ul{margin-left: 0;}
	.foot-word ul li{width: 100%;margin-left: 0;}
	.foot-link strong{font-size: 26px;}
	.foot-link:after{display: none;}
	.foot-link{padding: 40px 0 30px;}
}
@media screen and (max-width:420px){
	.foot-link strong{font-size: 24px;margin-bottom: 10px;}
	.foot-link{padding: 30px 0;}
}

/* about style */
.place-show{position: relative;}
.place-show img{width: 100%;min-height: 200px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.place-tit{position: absolute; top: 62%; color: #FFF; left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width: 100%;}
.place-tit strong{display: block; font-size: 30px;line-height: 1.1;margin-bottom: 16px;}
.place-tit ol:before{content: '';display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(https://fabbsd.org/template/images/icon-place.png) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; margin-top: -2px;margin-right: 3px;}
.place-tit li{display: inline-block;color: #AAA;line-height: 1.2;}
.place-tit li i{color: #DD1C63;}
.place-tit li a{color: #FFF;}
.place-tit li a:hover{color: #DD1C63;}
@media screen and (max-width:768px){
	.place-tit strong{font-size: 24px;}
	.place-tit ol{font-size: 14px;white-space: nowrap;overflow-x: scroll;}
	::-webkit-scrollbar{display:none;}
	.place-tit{top: 50%;text-align: center;}
}

.about-con p{line-height: 32px;margin-top: 20px;}
.about-con p img{width: 100%;height: auto;vertical-align: middle;}
.about-con ul{margin-top: 40px;overflow: hidden;}
.about-con ul li{float: left;width: 21%;margin: 0 2%; text-align: center;}
.about-con ul li img{width: 100%;height: auto;vertical-align: middle;max-width: 200px;}
@media screen and (max-width:520px){
	.about-con ul{margin-top: 10px;}
	.about-con ul li{width: 46%;margin-top: 20px;}
	.about-con ul li img{width: 80%;}
}

/* product style */
.pro-type .product-lb{overflow: hidden;}
.pro-type .product-lb li{float: left;margin-bottom: 10px;text-align: center;padding: 0 5px;}
.pro-type .product-lb li a{display: block;color: #DD1C63;padding: 0 20px;line-height: 44px;border: 1px solid #DD1C63;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.classify-tit {display: none;text-align: center;line-height: 40px;color: #fff;padding: 0 20px;background: url('https://fabbsd.org/template/css/images/click.png') no-repeat 25% center;background-size:24px 24px;-webkit-background-size:24px 24px;background-color: #DD1C63;margin-bottom: 20px;}
.classify-tit img{width: 20px;height: auto;float: right;margin-top: 13px;}
.pro-type .product-lb li.on a,.pro-type .product-lb li:hover a{color: #FFF;background-color: #DD1C63;}

@media screen and (max-width:768px){
	.pro-type .product-lb li a{padding: 0 16px;font-size: 15px;}
	.pro-type .product-lb li{width: 100%;}
	.classify-tit {display: block;}
	.product-lb{display: none;}
}
@media screen and (max-width:550px){
	.pro-type .product-lb li{line-height: 40px;width: 100%;}
	.pro-type .product-lb li a{padding: 0 12px;}
}
@media screen and (max-width:420px){
	.pro-type .product-lb li a{font-size: 14px;line-height: 36px;}
	.classify-tit{margin-bottom: 10px;}
}

.pro-lists{margin-top: 40px;}
.con-show{margin-top: 40px;}
.con-main{float: left; width: 70%;}
.con-base{margin-bottom: 50px;}
.con-pic{float: left;width: 44%;}
.con-pic img{width: 100%;height: auto;vertical-align: middle;}
.con-info{float: right;width: 52%;}
.con-info h1{font-size: 40px;line-height: 1.3;margin-bottom: 15px;}
.con-info p{line-height: 30px;margin-bottom: 5px;}
.txt-mail{display: block;font-size: 18px;padding-left: 36px;margin-top: 20px;background: url(https://fabbsd.org/template/images/pro-mail.png) no-repeat left center;}
.txt-mail:hover{color: #DD1C63;}
.link-base{overflow: hidden;margin-left: -2%;margin-top: 20px;}
.link-base a{float: left;width: 200px;margin-left: 2%;display: block;color: #FFF;line-height: 40px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.link-base .link-msg{background-color: #014073;border: 2px solid #014073;}
.link-base .link-msg:hover{background-color: #FFF;color: #014073;}
.link-base .link-ask{background-color: #DD1C63;border: 2px solid #DD1C63;}
.link-base .link-ask:hover{background-color: #FFF;color: #DD1C63;}

.pro-detail{line-height: 30px;}
.pro-detail h3{font-size: 28px;line-height: 1.2;margin-bottom: 16px;}
.pro-detail p{margin-bottom: 16px;}
.pro-detail p img{max-width: 100%;height: auto;vertical-align: middle;}
.mobile{display: none;}

.con-side{float: right; width: 26%;}
.side-pro{padding: 20px;background: #FFF;-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .11);}
.side-pro strong{position: relative; display: block;font-size: 22px;margin-bottom: 30px;line-height: 30px;}
.side-pro strong:before{content: "";position: absolute;bottom: -15px;left: 18%;height: 4px;width: 15px;background-color:#DDD;}
.side-pro strong:after{content: "";position: absolute;left: 0;bottom: -15px;height: 4px;width: 15%;background-color: #DD1C63;}
.side-pro ul li{border-bottom: 1px dashed #DDD;padding: 15px 0;}
.side-pro ul li:last-child{border-bottom:none;}
.side-pro ul li a{display: block;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.side-pro ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #444;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top: -2px;}
.side-pro ul li:hover a{color: #DD1C63;}
table td{padding:5px;word-break: break-all;font-size: 15px;}

@media screen and (max-width:1000px){
	.con-side{width: 100%;}
	.con-main{width: 100%;}
	.link-base a{width: 48%;}
}
@media screen and (max-width:768px){
	.mobile{display: block;}
	.computer{display: none;}
	.con-show{margin-top: 30px;}
	.con-pic{width: 100%;}
	.con-info{width: 100%;margin-top: 20px;}
	.con-base{margin-bottom: 40px;}
}
@media screen and (max-width:480px){
	.con-show{margin-top: 20px;}
	.link-base a{width:48%;line-height: 44px;font-size: 15px;}
	.side-pro{padding: 16px;}
	.side-pro ul li{padding: 12px 0;}
	.side-pro ul li a{font-size: 15px;}
}

/* message style */
.msg-show{-webkit-box-shadow:0px 2px 16px rgba(66,66,66,.2);-moz-box-shadow:0px 2px 16px rgba(66,66,66,.2);-ms-box-shadow:0px 2px 16px rgba(66,66,66,.2);-o-box-shadow:0px 2px 16px rgba(66,66,66,.2);box-shadow:0px 2px 16px rgba(66,66,66,.2);padding:30px;padding-bottom: 60px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border-bottom:10px solid #DD1C63;position: relative;}
.msg-show strong{display: block;font-size: 24px;color: #444;margin-bottom: 10px;}
.msg-show strong img{vertical-align: middle;width: 50px;margin-right: 10px;margin-top: -4px;}
.msg-show p{line-height: 30px;margin-bottom: 24px;color: #444;}
.msg-show ul{overflow: hidden;margin-left: -2%;}
.msg-show ul li{float: left;position: relative;width: 48%;padding: 8px 5px;margin-left: 2%;margin-bottom: 20px;border: 1px solid #E2E2E2;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #FFF;}
.msg-show ul li img{position: absolute;left: 10px;top: 15px;width: 20px;height: auto;}
.msg-show ul li input, .msg-show ul li textarea{color:#666;width: 100%;line-height: 32px;padding-left: 36px;}
.msg-show ul li.msg-area{width: 98%;height: 120px;padding-top: 10px;}
.msg-show .msg-btn{position: absolute;left: 0;bottom:0; margin-top: 20px;}
.msg-show .msg-btn input{display: inline-block;height: 50px;line-height: 56px;padding: 0 40px 0 30px;color: #FFF;font-size: 20px;-webkit-border-radius: 0 40px 0 0;-moz-border-radius: 0 40px 0 0;-ms-border-radius: 0 40px 0 0;-o-border-radius: 0 40px 0 0;border-radius: 0 40px 0 0;background-color: #DD1C63; cursor: pointer;font-weight: bold;}
.msg-show .msg-btn input:hover{color:#002E5B;}
input:-webkit-autofill{-webkit-text-fill-color: #222;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
input[type="checkbox"], input[type="radio"]{background-color: initial;cursor: default;-webkit-appearance: checkbox;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;}
.msg-privacy{margin-bottom: 15px;}
.msg-privacy input{margin-right: 8px;}

@media screen and (max-width:768px){
	.msg-show ul{margin-left: 0;}
	.msg-show ul li{width: 100%;margin-left: 0;}
	.msg-show ul li.msg-area{width: 100%;}
}
@media screen and (max-width:480px){
	.msg-show{padding: 20px;padding-bottom: 50px;}
	.msg-show ul li{margin-bottom: 12px;}
	.msg-show strong{font-size: 20px;}
	.msg-show p{font-size: 15px;}
	.msg-show ul li input, .msg-show ul li textarea{font-size: 15px;}
	.msg-show ul li img{width: 18px;top:16px;}
	.msg-privacy input{margin-right: 5px;}
	.msg-privacy{font-size: 14px;}
}
@media screen and (max-width:350px){
	.msg-privacy{font-size: 12px;}
}

/* contact style */
.cont-show{margin-top: 40px;}
.cont-show p{line-height: 32px;}
.cont-main{background-color: #FFF;border:15px solid #F5F5F5;margin-top: 20px;}
.cont-pic{float: right;width: 550px;}
.cont-pic img{width: 100%;height: auto;vertical-align: middle;}
.cont-base{display: block;overflow: hidden; background-color: #FFF;}
.cont-base ul{margin-top: 15px;}
.cont-base ul li{float: left;width: 46%;margin: 0 2%; text-align: center;}
.cont-icon{display: inline-block;width: 100px;height: 100px; padding: 24px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; background-color: #1F273A;cursor: pointer;}
.cont-icon img{vertical-align: middle;}
.cont-base ul li p{display: block;font-size: 20px;font-weight: bold;line-height: 24px;margin: 10px 0 15px;}
a.cont-link{display: block;color:#DD1C63;font-size: 20px;font-weight: bold;text-decoration: underline;}
a.cont-link:hover{text-decoration: none;}
.cont-ask{display: inline-block; font-size: 18px;background-color: #DD1C63; color: #FFF;width: 180px;line-height:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor: pointer;}
.cont-ask:hover{-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}
@media screen and (max-width:1200px){
	.cont-pic{display: none;}
	.cont-base{width: 100%;}
	.cont-base ul{margin-top: 0;}
	.cont-main{padding: 20px;}
}
@media screen and (max-width:600px){
	.cont-base ul li{width: 100%;margin: 0 0 12px;}
	.cont-icon{width: 90px;height: 90px;}
	a.cont-link{font-size: 18px;}
	.cont-base ul li span{margin-bottom: 10px;}
}

/* word style */
.word-base{text-align: center;line-height: 1.8;}
.word-info{padding: 20px;background-color: #F5F5F5;}
.word-info p{color: #707987;line-height: 32px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
@media screen and (max-width:420px){
	.word-info{padding: 12px;}
	.word-info p{font-size: 15px;line-height: 30px;}
}

.list-words{margin-left: -2%;}
.list-words li{float: left;width: 23%;margin-left: 2%;margin-bottom: 40px;background-color: #FFF;-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position: relative;}
.list-words li:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);}
.words-pic{position: relative;padding-top: 75%;display: block;}
.words-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.words-info{padding: 12px 10px 36px;}
.words-txt{display: block; color: #333;font-size: 18px;font-weight: 700;line-height: 26px;height: 52px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.words-info a:hover{color:#DD1C63}
.list-words li p{color: #555;font-size: 15px;line-height: 27px;height: 108px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;margin-top: 6px;}
.words-btn{position: absolute;bottom:-20px;left: 0;right: 0;margin: 0 auto; width: 120px;line-height: 40px;padding: 0 24px;text-align: center;background-color: #DD1C63;margin-top: 15px;-webkit-transition: all .3s;transition: all .3s;font-size: 14px;font-weight: bold;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.words-btn span{color: #FFF;display: block;cursor: pointer;}
.words-btn:hover{background-color: #333;}
@media screen and (max-width:1200px){
	.list-words li{width: 31.3%;}
}
@media screen and (max-width:768px){
	.list-words li{width: 48%;}
}
@media screen and (max-width:550px){
	.list-words{margin-left: 0;}
	.list-words li{width: 100%;margin-left: 0;}
}

/* error style */
.error{text-align: center;}
.error img{max-width: 90%;height: auto;vertical-align: middle;}


/* public style */
.top-place{margin-top: 80px;}
.side-place{padding: 80px 0;}
.index-txt{line-height: 1.1;margin-bottom: 40px;text-align: center;}
.index-txt h1{color: #222;font-size: 40px;}
.index-txt h2{color: #222;font-size: 36px;}
.index-txt p{font-size: 17px;color: #6A6A6A;font-weight: 300;padding-top: 10px;}
.txt-dot i{display: inline-block;width: 3px;height: 3px;background-color: #DD1C63;margin: 0 1.5px;}

@media screen and (max-width:1000px){
	.side-place{padding: 50px 0;}
	.top-place{margin-top: 50px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 36px;}
	.index-txt h2{font-size: 34px;}
}
@media screen and (max-width:768px){
	.side-place{padding: 40px 0;}
	.top-place{margin-top: 40px;}
	.index-txt{margin-bottom: 30px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 34px;}
	.index-txt h2{font-size: 32px;}
	.pro-lists{margin-top: 20px;}
}
@media screen and (max-width:600px){
	.side-place{padding: 30px 0;}
	.top-place{margin-top: 30px;}
	.index-txt{margin-bottom: 24px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 32px;}
	.index-txt h2{font-size: 30px;}
	.pro-detail h3{font-size: 24px;}
}
@media screen and (max-width:480px){
	.index-txt{margin-bottom: 20px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 28px;}
	.index-txt h2{font-size: 26px;}
	.pro-detail h3{font-size: 22px;}
}
@media screen and (max-width:420px){
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 25px;}
	.index-txt h2{font-size: 24px;}
}


.pages ul {
	text-align: center;
}

.pages ul li {
	display: inline-block;
	padding: 15px 5px;
}

.pages ul li a,
.pages ul li span {
	padding: 8px 15px;
	border: 1px solid #ddd;
	margin: 0 2px;
	font-size: 13px;
	color: #000;
}

.pages ul li:hover a {
	background: #DD1C63;
	color: #fff;
}

.pages ul li:hover a, .pages ul li.active span {
	background: #DD1C63;
	color: #fff;
}
@media screen and (max-width:640px) {
	.pages ul li {
		display: none;
	}
	.pages ul li:first-child,
	.pages ul li:last-child,
	.pages ul li.active {
		display: inline-block;
	}
}