/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
body{ font:12px/22px "Arial","Microsoft YaHei","SimSun"; font-size:100%; background:#fff; overflow-x: hidden; max-width:1920px; margin:0 auto;}

ul,li,ol{ list-style:none}
a{ text-decoration:none !important; cursor:pointer !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding:auto;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}
.container-fluid{ max-width:1200px !important;}
.overflow{ overflow:hidden;white-space:nowrap;}

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

/*手机底部*/
.hot{width:100%; height:58px; background:#f86d8f; position:fixed; bottom:0; left:0;z-index:99; border-top:solid 2px #c3c3c3;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


/*header*/
.top-header{ width:100%;background:#fff;}

.top-head-wrap{ width:100%; background:#fff;}
.top-head{width: 100%;}
.top-head .top-logo{ width:35%; float:left; overflow:hidden;}
.top-head .top-logo a{ display:inline-block; line-height:100px;}


.nav-wrap{ width:65%;float:right;}
.nav-wrap .top-nav{ width:100%;}
.nav-wrap .top-nav .nav-li{ width:10.5%; float:left; text-align:center; font-family:"宋体"; position:relative;}
.nav-wrap .top-nav .nav-li .nav-link{ font-size:16px; color:#333; line-height:100px;}
.nav-wrap .top-nav .nav-li a{ display:block;white-space:nowrap;overflow:hidden;}
.nav-wrap .top-nav .nav-li.active .nav-link,
.nav-wrap .top-nav .nav-li:hover .nav-link{ color:#f86d8f;}
/*二级导航*/
.top-subnav{ display:none; background:#e7e7e7;width:160%;z-index:3;font-size:15px;line-height:50px;position:absolute;left:-30%;padding-bottom:5px;}
.top-subnav .subnav-link{color:#333;}
.top-subnav .subnav-link:hover{ color:#fff; background:#f86d8f;}


/*轮播图*/
.banner{width:100%;}
.banner .banpc{ max-width:1920px; margin:0 auto; display:block; overflow:hidden; position:relative;}
.swiper-banner-img{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-banner-img:before{ content: '';display: block;padding-top:40%;}


.head-top{ width:100%; overflow:hidden; line-height:30px; border-bottom:1px solid #ccc; font-size:14px; color:#333;}
.head-top .tp2{ position:relative; padding-left:25px;}
.head-top .tp2:before{ content:''; display:block; width:20px; height:20px; background:url(../images/t0.png) no-repeat; position:absolute; left:0; top:5px;}


.main{ margin:20px 0; width:100%;}

.wrap1{}
.wrap1 a{ width:100%; overflow:hidden; display:block; padding:10px;}
.wrap1 .cif-box{ width:80%; margin:0 auto; overflow:hidden; border-radius:50%; position:relative;
transition:all 0.4s;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;}
.wrap1 .cif-box .cif-img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; z-index:1; padding-top:100%;}
.wrap1 .cif-box .cif-s{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;
transition:all 0.6s;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;}
.wrap1 .cif-box .cif-s .cif-t{ width:100%; height:50%; position:relative; overflow:hidden;}
.wrap1 .cif-box .cif-s .cif-t img{ top:auto; bottom:5px;}
.wrap1 .cif-box .cif-s .cif-b{ width:100%; text-align:center; color:#fff;}
.wrap1 .cif-box .cif-s .cif-b h3{ font-size:25px; line-height:30px; font-weight:bold;}
.wrap1 .cif-box .cif-s .cif-b p{ font-size:13px; text-transform:uppercase;}
.wrap1 a:hover .cif-box:hover{ transform:translateY(-8px);
-webkit-transform:translateY(-8px);
-moz-transform:translateY(-8px);
-ms-transform:translateY(-8px);
-o-transform:translateY(-8px);}
.wrap1 a:hover .cif-box .cif-s{ opacity:1;}


.wrap2{}
.pf-tit{ width:100%; overflow:hidden; border-left:5px solid #f86d8f; padding-left:5px;}
.pf-tit h3{ font-size:25px; line-height:1; color:#f86d8f; margin-bottom:5px; font-weight:bold;}
.pf-tit span{ font-size:14px; color:#333; line-height:1; display:block;}
.pf-cont{ width:100%; overflow:hidden; background:url(../images/bj1.jpg) no-repeat center; background-size:cover; padding:60px 30px; text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:30px; margin-bottom:20px;}


.wrap3{}
.swiper-wrap3{ margin-top:25px; margin-bottom:20px;}
.swiper-wrap3 a{ display:block; width:100%; overflow:hidden;}
.swiper-wrap3 .wrap3-img{ width:100%; overflow:hidden; /*position:relative;*/}
.swiper-wrap3 .wrap3-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:85%; transition:all 0.4s;}
.swiper-wrap3 a:hover .wrap3-img .img{ transform:scale(1.1);}
/*.swiper-wrap3 .wrap3-img .wp3-mask{ width:100%; height:100%; background:rgba(248,109,143,0.3); position:absolute; top:-100%; left:0;
transition:all 0.4s;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;}
.swiper-wrap3 .wrap3-img .wp3-mask span{ display:inline-block; font-size:12px; line-height:24px; padding:0 10px; border:1px solid #fff; color:#fff; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.swiper-wrap3 a:hover .wrap3-img .wp3-mask{ top:0;}*/
.swiper-wrap3 h3{ font-size:14px; line-height:1; color:#333; margin-top:10px; text-align:center;}


.wp-more{ width:100%; overflow:hidden; text-align:center; padding-top:20px; padding-bottom:20px;}
.wp-more a{ text-align:center; border:1px solid #d2d2d2; width:134px; line-height:40px; color:#9e9e9e; display:inline-block; margin:0 auto; font-size:14px; transition:all 0.3s;}
.wp-more a:hover{ color:#fff; background:#f86d8f; border:1px solid #f86d8f;}

.wrap4{ background:url(../images/bj2.jpg) no-repeat top center; padding-top:40px;}
.custom-tit{ width:100%; overflow:hidden; text-align:center;}
.custom-tit h3{ font-size:25px; font-weight:bold; color:#f86d8f; line-height:1;}
.custom-tit span{ background:#f86d8f; height:3px; width:50px; display:inline-block; margin:15px auto; transition:all 0.4s;}
.custom-tit p{ color:#fff; font-size:14px; line-height:18px;}
.custom-tit:hover span{ width:80%;}

.custom{ width:100%; overflow:hidden; margin-top:30px;}
.custom-lf{ width:35%; float:left; overflow:hidden; padding-right:20px;}
.custom-lf ul{}
.custom-lf li{ width:100%; overflow:hidden; margin-top:20px;}
.custom-lf li:first-child{ margin-top:0;}
.custom-lf li .lf-img{ width:100%; overflow:hidden;}
.custom-lf li .lf-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:73.7%; transition:all 0.4s;}
.custom-lf li:hover .lf-img .img{ transform:scale(1.1);}

.custom-rh{ width:65%; float:right; overflow:hidden;}
.custom-image{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:78%;}
.custom-next, .custom-prev{ width:50px; height:50px; border-radius:50%; background-color:rgba(255,255,255,0.5);background-size:14px auto;}
.custom-next:hover, .custom-prev:hover{ background-color:#f86d8f;}



.wrap5{}
.wrap5 .custom-tit h3{ font-size:40px;}
.wrap5 .custom-tit span{ margin:8px 0;}
.wrap5 .custom-tit p{ color:#333333; font-size:20px;}

.case-box{ width:100%; overflow:hidden; margin:20px 0;}
.case-tab{ width:100%; text-align:center; overflow:hidden;}
.case-tab li{ display:inline-block; width:170px; line-height:46px; text-align:center; font-size:14px; }
.case-tab li a{ color:#333; display:block; width:100%;white-space:nowrap;overflow:hidden; transition:all 0.4s;border:1px solid #c9c9c9;}
.case-tab li.case-cur a, .case-tab li:hover a{ background:#f86d8f; color:#fff; border:1px solid #f86d8f;}

.case-hid{ width:100%; overflow:hidden; margin-top:20px; display:none;}
.case-how{ display:block;}
.case-hid a{ display:block; width:100%; overflow:hidden;}
.case-hid ul{width:100%; overflow:hidden;}
.case-hid ul li{ width:50%; float:left; overflow:hidden;}
.case-hid ul li .case-img{width:100%; overflow:hidden;}
.case-hid ul li .case-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:101%; transition:all 0.4s;}
.case-hid ul li p{ width:100%; text-align:center; font-size:14px; line-height:30px; color:#333;}
.case-hid ul li:hover .case-img .img{ transform:scale(1.1);}



.wrap6{}
.wrap6 .custom-tit p{ color:#333;}
.swiper-wrap6{ margin:20px 0;}
.swiper-wrap6 a{ display:block; width:100%; overflow:hidden;}
.swiper-wrap6 .wrap6-img{ width:100%; overflow:hidden;}
.swiper-wrap6 .wrap6-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:85%; transition:all 0.4s;}
.swiper-wrap6 a:hover .wrap6-img .img{ transform:scale(1.1);}
.swiper-wrap6 h3{ font-size:14px; line-height:1; color:#333; margin-top:10px; text-align:center;}

.wrap8{}
.wrap8 .custom-tit p{ color:#333;}
.swiper-wrap8{ margin:20px 0;}
.swiper-wrap8 a{ display:block; width:100%; overflow:hidden;}
.swiper-wrap8 .wrap8-img{ width:100%; overflow:hidden;}
.swiper-wrap8 .wrap8-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:85%; transition:all 0.4s;}
.swiper-wrap8 a:hover .wrap8-img .img{ transform:scale(1.1);}
.swiper-wrap8 h3{ font-size:14px; line-height:1; color:#333; margin-top:10px; text-align:center;}



.wrap7{ padding:40px 0;background:url(../images/bj3.jpg) no-repeat; background-size:cover; background-attachment: fixed;}
.swiper-wrap7{ margin:20px 0;}
.swiper-wrap7 a{ display:block; width:100%; overflow:hidden;}
.swiper-wrap7 .wrap7-img{ width:100%; overflow:hidden; position:relative; background:#fff;}
.swiper-wrap7 .wrap7-img .img-top{ padding-top:38.96%;}
.swiper-wrap7 .wrap7-img img{ transition:all 0.3s;}
.swiper-wrap7 .wrap7-img:hover img{ transform:scale(0.9);}
.wp7-txt{ width:100%; text-align:center; padding-top:20px; color:#fff; font-size:25px; line-height:30px;}


.wrap8{ padding-top:20px;}
.wrap8 .custom-tit p{ color:#333;}
.xw-box{ width:100%; overflow:hidden; margin:20px 0;}
.xw-box .xw-list{ width:32%; padding:0;}
.xw-box .xw-list:nth-child(2){ margin:0 2%;}
.xw-box .xw-list h3{ width:100%; overflow:hidden; font-size:20px; line-height:30px; font-weight:bold; border-bottom:1px solid #dcdcdc; padding-bottom:10px;}
.xw-box .xw-list .xw-cont{ margin-top:8px; width:100%; overflow:hidden;}
.xw-box .xw-list .xw-cont .xw-img{width:100%; overflow:hidden;}
.xw-box .xw-list .xw-cont .xw-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:36.84%; transition:all 0.4s;}
.xw-box .xw-list .xw-cont .xw-img:hover .img{ transform:scale(1.1);}
.xw-box .xw-list .xw-cont ul{ width:100%; overflow:hidden;}
.xw-box .xw-list .xw-cont ul li{ width:100%; overflow:hidden; font-size:14px; line-height:30px;}
.xw-box .xw-list .xw-cont ul li a{ display:block; overflow:hidden; color:#333;}
.xw-box .xw-list .xw-cont ul li:hover a{ color:#f86d8f;}
.xw-box .xw-list .xw-cont ul li .t-lf{width: calc(100% - 50px); float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xw-box .xw-list .xw-cont ul li .t-sj{ width:50px; float:left; overflow:hidden; text-align:right;}
.xw-box .xw-list .xw-cont ul li p{ font-size:14px; line-height:25px; color:#939393; width:100%; overflow:hidden; height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.xw-box .xw-list .xw-cont ul li:hover p{color:#f86d8f;}


.wrap9{ padding-top:20px;}
.wrap9 .custom-tit p{ color:#333;}
.cont-box{ width:100%; margin-top:20px; overflow:hidden;}
.cont-box .cont-map{ padding:0;}
.cont-box .cont2{ padding-left:20px; padding-right:0; font-size:14px; color:#333; line-height:28px;}
.cont-box .cont2 span{ color:#f86d8f;}
.cont-box .cont2 a{ color:#333;}
.cont-box .cont2 a:hover{color:#f86d8f;}


.footer{ background:#e2e2e2; margin-bottom:0;}
.footer .fo-tit{ width:100%; overflow:hidden; padding:30px 0;}
.footer .fo-tit img{ margin:0 auto;}
.fo-cont{ width:100%; overflow:hidden; padding-bottom:30px;}
.fo-cont .fo-nav{ width:67.5%; overflow:hidden; float:left;}
.fo-cont .fo-ul{ width:100%; overflow:hidden;}
.fo-cont .fo-ul .fo-li{ width:16.66%; float:left; overflow:hidden;}
.fo-cont .fo-ul .fo-li h3{white-space:nowrap;overflow:hidden; font-size:16px; color:#333; line-height:36px;}
.fo-cont .fo-ul .fo-li li{ font-size:14px; line-height:28px;}
.fo-cont .fo-ul .fo-li a{ color:#333; display:block; overflow:hidden;white-space:nowrap;}
.fo-cont .fo-ul .fo-li a:hover{color:#f86d8f;}
.fo-cont .fo-ewm{ width:32.5%; float:left; overflow:hidden;}
.fo-cont .fo-ewm h3{white-space:nowrap;overflow:hidden; font-size:16px; color:#333; line-height:36px;}
.fo-cont .fo-ewm a{ color:#333;}
.fo-cont .fo-ewm a:hover{color:#f86d8f;}
.fo-cont .fo-ewm .ewm2{ width:100%; overflow:hidden;}
.fo-cont .fo-ewm .ewm2 p{ width:50%; float:left; overflow:hidden;}

.fo-bot{ width:100%; border-top:1px solid #b5b5b5; font-size:14px; line-height:24px; padding:15px 0; text-align:center;}
.fo-bot a{ color:#333;}




.mbox{ margin-bottom:50px;}
.mbox-lf{ width:285px; float:left; overflow:hidden;}


.lf-title{ width:100%;white-space:nowrap;overflow:hidden; line-height:80px; background:#282828; border-radius:12px 12px 0 0; color:#fff; font-size:30px; font-weight:bold; padding:0 5px; text-align:center;}
.lf-title b{ font-size:14px; font-weight:normal; text-transform:uppercase;}
.lf-title i{ display:none;}

.accordion{ width:100%; overflow:hidden; margin-top:6px;}
.accordion > li{ margin-bottom:5px;}
.accordion .link{white-space:nowrap;overflow:hidden; width:100%; font-size:16px; line-height:50px; text-align:left; cursor:pointer; background:#f86d8f; color:#fff; position:relative; padding:0 90px;}
.accordion .link i{ width:22px; height:22px; display:block; background:url(../images/it.png) no-repeat;background-size:100% 100%;position:absolute;right:68px; top:50%; margin-top:-11px;}
.accordion li.on .submenu{ display:block;}
.submenu{ width:100%; overflow:hidden; display:none;}
.submenu  li{ width:100%; overflow:hidden; margin-top:3px;}
.submenu  li a{ display:block;white-space:nowrap;overflow:hidden; color:#333; background:#e7e7e7; font-size:16px; line-height:40px; text-align:center; transition:all 0.3s;}
.submenu  li a:hover{background:#f86d8f; color:#fff;}


.mbox-rh{width: calc(100% - 285px); overflow:hidden; float:right; padding-left:20px;}
.rh-top{ color:#878787; border-bottom:1px solid #c9c9c9; position:relative; padding-left:20px; font-size:12px; line-height:30px; width:100%; overflow:hidden; margin-top:40px;}
.rh-top a{ color:#878787;}
.rh-top i{ position:absolute; left:0; font-size:16px; top:7px;}
.rh-top a:hover{ color:#f86d8f;}

.rh-cont{ width:100%; overflow:hidden; margin-top:10px;}
.rh-li01{ padding:10px;}
.rh-li01 a{ display:block; overflow:hidden; width:100%;}
.rh-li01 .li01-img{ width:100%; overflow:hidden; border:1px solid #dadada;}
.rh-li01 .li01-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%; padding-top:80%; transition:all 0.4s;}
.rh-li01:hover .li01-img .img{ transform:scale(1.1);}
.rh-li01 .li01-txt{ font-size:14px; line-height:30px; color:#333; text-align:center;}
.rh-li01:hover .li01-txt{ color:#f86d8f;}


.rh-li02{ width:100%; overflow:hidden; margin-bottom:20px;}
.rh-li02 a{width:100%; overflow:hidden; display:block;}
.rh-li02 .li02-img{ width:245px; overflow:hidden; float:left;}
.rh-li02 .li02-img .img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:164px; transition:all 0.4s;}
.rh-li02 a:hover .li02-img .img{ transform:scale(1.1);}
.rh-li02 .li02-txt{width: calc(100% - 245px); overflow:hidden; float:right; padding-left:20px;}
.rh-li02 .li02-txt .li-t1{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:30px; color:#f86d8f;}
.rh-li02 .li02-txt .li-t1 .libt{ float:left;width: calc(100% - 50px);text-overflow:ellipsis;}
.rh-li02 .li02-txt .li-t1 .sj{ float:right; width:50px; text-align:right;}
.rh-li02 .li02-txt p{ font-size:14px; line-height:25px; color:#939393; height:100px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;overflow:hidden; transition:all 0.3s;}
.rh-li02 .li02-txt .mro{ width:70px; line-height:30px; float:right; background:#eaeaea; color:#939393; text-align:center; transition:all 0.3s;}
.rh-li02 a:hover .li02-txt p{ color:#f86d8f;}
.rh-li02 a:hover .li02-txt .mro{ background:#f86d8f; color:#fff;}




/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}